如何增加我的wordpress网站的移动和桌面Google页面速 度得分？

Question

我已经使用DIVI（3.21.4版）主题在wordpress上建立了我的网站我已经与高迪共享托管。 Google页面速​​度洞察力使我的网站在移动和台式机上的得分分别为26和66。加载时间为3秒。目标是分别在移动设备和台式机上达到85分和90分。

Google页面速​​度，gtmetrix和pingdom测试显示的问题：1.启用Gzip压缩2.减少http请求（111）3.以下一代格式保存4.优化图像

我已采取的步骤：1.优化图像，页面大小从9MB减少到5MB2.使用了Gzip插件-这没用，因为Godaddy不允许在共享主机上压缩gzip3.通过WP Rocket插件安装Lazy Load4. W3总缓存5. WP Performance Score Booster-此插件将台式机的得分从30提高到60。

以上均无助改善http请求。他们仍然是111。请帮助提高我的得分和页面速度。

请为w3总缓存插件建议最佳设置。

注意：

1.我买不起专用服务器。2.也不能购买第三方昂贵的插件。3.您建议该插件应与Divi主题兼容。

Answer 1

最快的方法是使用来自this Github page]的AsyncBee.js插件

1. 首先，我们需要从此GitHub存储库下载AsyncBee.js文件，或者如果您不想在项目中包含Swiper文件，则可以从CDN使用它：

 <script src='https://cdn.jsdelivr.net/gh/Niyko/AsyncBee/AsyncBee.js'></script>

2. 用asyncbee替换标记中的所有src属性，并用asyncbee替换标记中的href属性。如果您也要异步加载图像，则可以用asyncbee替换标记中的src属性。例如，如果您的网站包含这样的脚本标签：

<script src='path/to/main.js'></script>
<link href='path/to/bootstrap.css'></link>
<img src='path/to/image.jpg'>

用如下所示的asyncbee属性替换src属性

<script asyncbee='path/to/main.js'></script>
<link asyncbee='path/to/bootstrap.css'></link>
<img asyncbee='path/to/image.jpg'>
最后，我们需要在JS中初始化AsyncBee，要进行初始化，请将以下代码添加到内联脚本或正文结尾处（在结束标记之前）的脚本文件中：

myasyncbee = new asyncBee();
有关更多选项，请参考https://github.com/Niyko/AsyncBee