我在上周遇到的问题是,我的带有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 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]
这些很大的脚本是通过旋转滑块添加的。
Revolution滑块的设置允许您至少延迟加载图像,但是它不能解决其最大的问题,就添加到页面上的JS而言,它实际上是庞大的。如果您开始推迟使用这些脚本,则可能会遇到revslider(滑块不起作用)等问题。这是一篇不错的文章:https://wp-rocket.me/blog/fastest-wordpress-image-slider-2019/
我建议寻找类似的滑块插件,但更简单。例如,我看到您不在网站上使用视频,因此您已经不需要revslider添加的一半代码。上面的文章对已经更好的滑块进行了很好的概述。 Here也是一个滑块,可加载较少的脚本,但我自己尚未对其进行测试。通常,最好自己编写一个滑块并用短代码修复它们,以便将它们放置在任何地方。 There有点符合我的意思。
我将在这篇文章上更新更多信息,因为我正在撰写一篇文章,其中详细说明了如何为滑块构建自己的性能优化的wordpress插件。
希望有帮助!