Shopify Free Trial Apply
Shopify 60天试用
Shopify 14天试用

WordPress站点优化突破Google PageSpeed Insights瓶颈喜提满分

虽测试到很高的得分,但途径并非只此一种,匆忙之余拿来分享给大家。
想必大家都知道要想加快网站加载速度,首先最简单明了的就是给图片压缩,方法有很多种,这里就不多做说明。
其次就是WP rocket 插件的设置。这里也是汲取了同事之前的经验,也没有绝对的标准答案,下面是本次得分WP rocket的设置截图:
图片1.png


图片2.png

这里需要说明一下:JavaScript Files 在选择这里的时候视情况而定,选择后需要检查你的网站是否有异常,如果没有异常说明设置没问题。如果页面需要的插件功能较多的话并且不可弃用。那么‘Combine JavaScript files’‘ Load JavaScript deferred’这两项是不建议勾选的,但勾选以后效果也很显著。 亲测VC里tabs ,Post Masonry Grid功能和fancybox插件功能失效。如果是速度至上的客户,并且有些插件功能非要不可,那么推荐安装一款用于指定插件的加载顺序的插件‘Plugin Organizer’,然后在指定页面取消勾选Minify/combine JS选项。
图片3.png

就可以解除对这个页面的js进行合并压缩。当然勾选的页面越多,相对应的速度也会有所降低。
见个人取舍。
图片4.png


图片5.png


图片6.png

然后就是由wordpress后台插件WPBakery建造的静态页面
图片7.png

就加载速度而言,静态页面的加载速度要比动态页面快很多。因为静态页面加载的时候,无需到数据库里搜索,大大提高了加载速度。
 
不过静态页面也存在着弊端,那就是内容更新不方便,每个网页都是一个独立的文件,内容相对稳定,交互性较差,但是我们可以通过wordpress后台插件Wpbakery我通俗会称为VC来建造静态页面并且也方便后期维护,不用再去模板里做修改了。

这次测试的站点也正是因为几乎整站都是用VC来建造,产品的图片和新闻确实需要动态调用除外。才得以在测试Google PageSpeed Insights得分时获得高分。

如此由wordpress后台插件VC建造的静态页面搭配WP rocket 插件的设置,即便当前测试的网站页面内容和复杂度都相对要高一点的站点也是能够得到很好的测试分数和速度的回馈。

最后分享一下当时Google PageSpeed Insights和Gtmetrix测试得分的截图,毕竟测试得分能够达到100分还是不多见的啦└(^o^)┘。所以很值得截图留念:
图片8.png


图片9.png

 
1
2019-01-17

1 个评论

突破Google PageSpeed Insights限制获得满分,相当不容易,可喜可贺。

要回复文章请先登录注册