Magento 2性能优化

7.43K 浏览教程资料

Magento 2性能优化

对于Magento 2网店,magento 2性能优化是引领你工作成功的重要因素之一。请记住,如果你能花费很多时间来提升更好的用户体验,那么用户将会待的更长。因此,一个速度快体验友好的站才是一个目标网店,对更多访客来说也是更友好的,而不是很糟糕的体验。只有当你的网店更接近消费者时,提高转化率、提高流量计增加销售才会更加容易。

根据Benchmark Testing一些测试证明,同等指标下 magento 2被认为是比magento1更好的平台。使用magento 2带来的一些惊喜:

*每小时处理订单多达39%

*为目录浏览提供几乎即时的服务器响应时间

*添加购物车的服务器响应速度提高66%

*提供高达51%的end-to-end结账时间

如今,当Magento 2的性能普及时,许多其他技术被集成以支持Magento 2性能优化,例如Varnish,Redis,Nginx甚至整页缓存( full page caching )解决方案。借助现有工具,开发团队可以轻松启动功能的分离,然后通过组件之间的稳定兼容性和可操作性来升级新的灵活性级别。在服务器响应时间以及浏览器端渲染速度中设计更好的接口是个好主意。终究你能得到在改进Magento 2性能和改善商店客户体验方面做出的重大改变。

如何优化Magento 2的性能

如果一个普通的电子商务页面,加载产品页面需要3秒以上。如果你的客户需要浏览5个类似页面,试想下那是多么如此的烦人,客户还会等嘛?当然,他们永远不会耐心等待延迟。请关注这篇文章,帮你找到一些性能优化提升的相关方法。

性能优化的步骤

第1步:启用Flat Categories and Products

第2步:合并CSS和JS文件

第3步:Content Delivery Network(CDN)

第4步:缓存

第5步:图像优化

第6步:启用压缩

第7步:减少服务器响应时间

第8步:Magento更新

首先,让我们在Google PageSpeed Tools中查看分数

第1步:启用Flat Categories and Products

您可能知道,对Magento 2性能的影响有很大影响的一个方面是数据库加载的能力。在配置中,启用Flat Catalog以加速它。Flat Catalog允许在有任何显示产品的请求时卸载数据库的编号。同时,MySQL查询的复杂性将会降低。

后台设置:Stores > Configuration > Catalog > Catalog > Storefront在“Use Flat Catalog Category ”字段中选择“Yes” 。

第2步:合并CSS和JS文件

您需要遵循的下一步是合并和缩小CSS和Javascript文件,这意味着使网页尽可能轻,以便快速加载。请将Magento 2置于生产模式( production mode.)。

./bin/magento deploy:mode:set production

Javascript文件

后台设置: Stores -> Configuration > Advanced > Developer > JavaScript Settings

设置Merge JavaScript Files为 Yes

设置Minify JavaScript Files为 Yes

CSS文件

后台设置: Stores > Configuration > Advanced > Developer > CSS Settings

设置Merge CSS Files为 Yes

设置Minify CSS Files为 Yes

完成后,Save Config刷新缓存以激活更改。

第3步:Content Delivery Network(CDN)

内容分发网络(CDN)是一种可以连接所有缓存服务器的特殊系统。除了支持的地理位置,CDN还将接管传送的Web内容并加载页面加载。

请按照本指南为Magento 2商店设置CDN。后台设置:Stores -> Configuration > General > Web > Base URLs (Secure)

更多可以参考下篇:如何设置CDN

第4步:缓存

后台设置:System > Cache Management

在这里,您可以找到大量缓存选项来刷新Magento 2缓存。点按Enable,然后点Submit按您需要的选项。

第5步:图像优化

图像是使Magento 2网店的表现更加生动的必要因素。但是,在您的网站上上传太重的图片大小是过载页面的重要原因之一。因此,应在提交任何图像之前完成压缩图像。您可以将JPEG格式用于产品图像,将PNG或SVG用于布局以及徽标。

第6步:启用压缩

根据google提供资源启用压缩功能。

改变nginx压缩指令:

* gzip_types:text / plain application / x-javascript text / javascript text / xml text / css image / x-icon image / bmp image / png image / gif; to
* gzip_types:*;

第7步:减少服务器响应时间

通过Magento 2 内置缓存功能,您的网站响应时间非常长,大约0.5秒。但这并不像谷歌所期望的那样理想。因此,Magento 2 本身通过Varnish 支持全页缓存。让我们设置Varnish以获得大约0.1-0.2s。

后台设置将Stores > Configuration > Advanced > System > Full Page Cache缓存应用程序转移到Varish Cache。

第8步:Magento更新

请记住更新您的Magento 2网店。

优化Magento 2商店后的结果

目前也有很多辅助优化工具,这个后边可以慢慢给大家。 大家有好方式的也可以跟帖分享。

1