Magento 2-繁重的加载时间(太多js文件)


8

我目前正在研究Magento 2,我注意到所有页面的加载时间都非常长。

目前,我正在Xampp上运行,启用了生产模式,合并并缩小了HTML / js / CSS,禁用了Varnish,由于我的网络托管无法将其安装在服务器上,因此我将不使用它,因为它会干扰一些脚本。我使用一个自定义主题,其父主题是Magento 2的空白主题。更改设置后,我重新部署了静态文件并清空了缓存。

我主要担心的是,当我查看网络面板时,每次都会加载大量的js文件。例如,在我的类别页面上,加载了122个js文件,发现这些文件很多,总大小为955 ko。

我在服务器上对其进行了测试,没有进行合并和精简,但是如上所述,我认为问题在于文件的加载量,因为即使加载速度更快,它仍然太长,而在结帐过程中,甚至更糟。

我尝试了捆绑选项,但它会生成一个8MB的js文件,情况更糟。

我是否错过了一些东西,或者说js文件这么多,这在某种程度上正常吗?是否必须使用Varnish才能获得良好的性能,并且有替代方法吗?

我对Magento 2还是很陌生,所以如果您需要更多信息,我们将很乐意提供。


这对于Magento 2来说很常见,可以加载120个甚至超过150个脚本。您始终可以将它们合并并缩小到一个文件中。但是只需检查以确保您在服务器上使用HTTP1或HTTP2。如果您启用了HTTP2,则由于HTTP2的工作方式,异步加载120甚至150个js脚本不会成为问题。与必须同时加载一个较小的大型js文件相比,HTTP2可以更好地同时加载多个较小的文件。但是我感到您很痛苦,与Magento 1相比,Magento 2让人头疼。但是我觉得Magento 2仍然很慢!
乔纳森·马祖罗

Answers:


3

JS的数量巨大,但是如果总数达到8MB,则说明存在问题。如果您不希望加载> 100个文件,则应在生产模式下使用“捆绑”配置。

启用默认的Luma主题(捆绑,合并和缩小)后,捆绑的JS文件为1.9MB。

Varnish是另一个主题,不会对生成的静态文件的性能有所帮助。


那就是我所做的,它生成了一个8mo js文件。除了在te admin上激活捆绑以外,是否还有其他特定的配置可做?之后我刷新并清理了缓存。
Tonani

您必须激活生产模式,重新部署静态文件并刷新缓存,但我想您已经做到了
Fabian Schmengler

是的,我做到了。空白主题可能有问题。
Tonani

我遇到过类似的问题,但是感觉捆绑在某个时候有问题,现在已经解决了。我使用了这个seoptimer.com,但当DevTools在产品页面上的JS的网络标签中显示1.5MB时,它仍然显示我的网站具有5MB左右的巨大JS。这个网站只是错吗?
哈里

1

我对Magento 2还是很陌生,但是到目前为止,对于magento 1和2,我们都必须启用缓存才能使任何东西具有任何速度。js的数量巨大,因此缓存是您最好的朋友。您可以通过运行php bin / magento cache:enable来启用缓存。如果启用了缓存,则必须在使用php bin / magento cache:flush进行更改后将其刷新。即使没有消失,也可以使用Magento 2的内置缓存。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.