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.0 https://fonts.googleapis.com/css?family=Open+Sans:400 https://www.google.com/recaptcha/api.js?render=6Ld5LbgUAAAAABEoimqlML9XFzNhxeAt_xrTEFfq&ver=3.0 https://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

这些很大的脚本是通过“革命”滑块添加的。

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

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

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

希望有帮助！

WordPress速度优化问题

结果

1 个答案: