WordPress速度优化问题

Question

我在上周遇到的问题是，我的带有Bridge WP Theme的WordPress网站的负载非常低。我正在使用带有SSL和CDN Gtmetrix的w3总缓存插件进行优化，显示以下错误：

• 此页面有21个外部Javascript脚本。尝试将它们合并为一个。
• 此页面有10个外部样式表。尝试将它们合并为一个。

我正在使用具有minify功能的W3 Total Cache，但是启用了minify Auto Option GT Metrix后，仍然显示该页面具有21个外部Javascript脚本。

我需要一个永久的解决方案，任何人都可以帮助我。我希望GTmetrix和Google Page Speed得分为100/100。怎么可能？特别是在移动设备上，它的运行速度非常慢

我尝试了以下操作：

• 我已经将W3总缓存与SSL结合使用。
• 我也尝试缩小它的手动功能，但是它的手动功能不能解决我的问题。

结果

W3 Total Cache插件：https://imgur.com/pqnqIK2

没有W3总缓存插件：https://imgur.com/BFoUpgk

Google页面速​​度Google页面速​​度非常慢，大多数在移动设备上为9，在台式机上为34。

https://fonts.googleapis.com/css?family=Raleway%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C300italic%2C400italic%2C700italic%7CMontserrat%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C300italic%2C400italic%2C700italic&subset=latin%2Clatin-ext&ver=1.0.0https://fonts.googleapis.com/css?family=Open+Sans:400https://www.google.com/recaptcha/api.js?render=6Ld5LbgUAAAAABEoimqlML9XFzNhxeAt_xrTEFfq&ver=3.0https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=Zy-zVXWdnDW6AUZkKlojAKGe

386.8KiB的JavaScript在初始页面加载期间被解析。延迟解析JavaScript以减少页面呈现的阻塞。

wp-includes/js/mediaelement/mediaelement-and-player.min.js (132.7KiB)
wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js (97.5KiB)
wp-includes/js/jquery/jquery.js (86.8KiB)
wp content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js (48.9KiB)

wp-includes/js/jquery/jquery-migrate.min.js (7.7KiB)

wp-includes/js/mediaelement/mediaelement-migrate.min.js (1.1KiB)][1]

Answer 1

这些很大的脚本是通过旋转滑块添加的。

Revolution滑块的设置允许您至少延迟加载图像，但是它不能解决其最大的问题，就添加到页面上的JS而言，它实际上是庞大的。如果您开始推迟使用这些脚本，则可能会遇到revslider（滑块不起作用）等问题。这是一篇不错的文章：https://wp-rocket.me/blog/fastest-wordpress-image-slider-2019/

我建议寻找类似的滑块插件，但更简单。例如，我看到您不在网站上使用视频，因此您已经不需要revslider添加的一半代码。上面的文章对已经更好的滑块进行了很好的概述。 Here也是一个滑块，可加载较少的脚本，但我自己尚未对其进行测试。通常，最好自己编写一个滑块并用短代码修复它们，以便将它们放置在任何地方。 There有点符合我的意思。

我将在这篇文章上更新更多信息，因为我正在撰写一篇文章，其中详细说明了如何为滑块构建自己的性能优化的wordpress插件。

希望有帮助！