【发布时间】：2020-01-26 15:57:03
【问题描述】：
上周我遇到的问题是我的带有 Bridge WP 主题的 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 分。怎么可能？尤其是在移动设备上，它的运行速度非常非常慢
我尝试了以下方法：
- 我已经使用了带有 SSL 的 W3 总缓存。
- 我也尝试了它的手动缩小功能，但它的手动功能并没有解决我的问题。
结果
W3 总缓存插件： https://imgur.com/pqnqIK2
没有 W3 总缓存插件： https://imgur.com/BFoUpgk
谷歌页面速度 谷歌页面速度非常非常慢，主要是移动设备上的 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]
【问题讨论】：
-
试着整理你的问题有点萌，很难阅读。答案是 W3 总缓存会缩小和合并一些文件，但不是全部。如果您只想获得 1 / 2 个 JS 和 CSS 文件，则需要手动执行此操作。如果你想要 100% .....按照工具告诉你的去做！！相反，我会专注于让您的页面大小低于 1MB，总请求数低于 20，然后再担心评分系统中的最后几个百分比，因为这些将是您最大的问题，尤其是在移动速度方面。
-
感谢您的快速回复。在 w3 总缓存中缩小手动设置。我选择了所有要异步的 js 文件，但它在控制台浏览器中显示错误。请帮我。这是 w3 总缓存 imgur.com/DNp0JK1 中的设置，这是我的控制台错误 imgur.com/Es0jj8Y 请帮我找出什么是完美的解决方案谢谢
-
不编码就无法进行异步。尝试推迟。这样做的原因是 async 将在 JS 文件准备就绪后立即运行，因此如果脚本加载时间早于它所依赖的内容，则您的脚本会乱序加载。
-
感谢 GTmetrix 在延迟解析 javascript q7q4x8r5.stackpathcdn.com/wp-content/cache/minify/eff97.js gstatic.com/recaptcha/releases/Zy-zVXWdnDW6AUZkKlojAKGe/… (215.7KiB) (其 google v3 recaptcha) q7q4x8r5.stackpathcdn.com/wp-content/cache/minify/143ef.js q7q4x8r5.stackpathcdn.com/wp-content/cache/minify/864c2.js cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js (16.8KiB @ 987654334@ (13.3KiB) 请告诉我如何在 w3 总缓存中延迟或异步这些文件
-
阅读文档 bud，实际上只是进入设置，你不能错过缩小设置部分，如果你玩，你会在其中一个设置中看到
defer。试一试，如果您遇到困难或在 Google 上搜索 W3 Total Cache Defer JS / CSS，请提出另一个问题，将会有大量教程。
标签： php wordpress performance optimization wordpress-theming