前言:
如今小伙伴们对“html加速”可能比较关注,看官们都想要剖析一些“html加速”的相关知识。那么小编同时在网络上搜集了一些关于“html加速””的相关资讯,希望你们能喜欢,看官们快快来学习一下吧!作者:悦然wordpress建站(悦然建站)
(此处已添加小程序,请到今日头条客户端查看)
悦然建站官网经过一段时间的运营,百度、搜狗、头条、神马、360等搜索引擎流量有了一点点起色,主要是百度,其次是头条,应该是量大了网站打开速度就会有比较明显的下降,再加上我的网站还对接了百度小程度、微信小程度、头条小程序,这些都会对网站打开速度有影响。所以我不得再一次对我的网站进行优化加速,希望它能够再快一点。下面记录一下我使用到的优化方法,可供大家参考。
优化步骤一:CND加速
CDN加速服务可以选阿里云、百度云、腾讯云、七牛云、又拍云、华为云、UCLOUD等等,每一家都可以。悦然建站因为域名和服务器都在阿里云,所以我选择的是阿里云CDN加速服务,一般选普通网站先普通CDN加速就可以了,其它的全站加速DCND、安全加速SCND就按需选择吧,这个费用更贵,设置不当有可能生产巨额欠费的可能。悦然建站目前购买的CDN流量包算下来一个月几块钱。
优化步骤二:OSS对象存储
OSS对象存储是阿里云的叫法,其它平台如腾讯云又不一样,但功能是基本一样的,目前阿里云对象存储的兼容性更好,有很多wordpress建站主题都整合的这个功能,所以悦然建站使用的是阿里云的OSS对象存储。我购买的是一个40G的空间,对我这样的小网站来说足够了,价格也便宜,算下来一年也就几十块。
优化步骤三:使用CDN对OSS加速
OSS对象存储本身只起到存储的作用,并没有加速的作用,阿里OSS自带有一个加速服务,不过要另外计费。悦然建站这里使用的方法是对OSS再套一层CDN,使用CDN对OSS对象存储资源加速,这样网站加速的效果会更明显。
优化步骤四:网站整合CDN与OSS
前面几步都是在阿里云那边设置的,想要让它在我的网站上生效那就得在网站上整合对应的功能。目前国内的中文wordpress建站主题很多都整合了这个功能(本站提供的中文主题都有),我们只需要把OSS加速域名填写到主题中保存即可生效。
优化步骤五:图片压缩
悦然建站分享:一个好用且免费的图片压缩工具
接下来我们还需要对网站内容瘦身。对一般的网站来说,占用空间最多的就是图片了,所以悦然建站对一些较大的图片进行了压缩。对于图片压缩,悦然建站的建议是图标等简易图形使用PNG格式,复杂的设计图或风景照片使用JPG。大家可以使用我之前分享的图片压缩工具,效果很不错。
优化步骤六:使用Webp图像格式
现在绝大多图浏览器都已经支持WEBP图像格式了,wordpress现在也支持直接上传WEBP格式的图片了,所以悦然建站还把一部分图片转换成了WEBP格式,这种图像格式的压缩效果更好。
优化步骤七:使用缓存加速优化插件
其实前面的六个步骤悦然建站之前都已经做的差不多了,以前我的网站打开速度也还是挺快的,不过最近不太行了,这和网站访问量有关。想要进一步对网站加速我们就不得不对缓存、CSS、JS等进行优化了。其实悦然建站也并没有很厉害的技术,所以我没办法像大神程序员那个自己去写代码做优化。好在我使用的是wordpress建站,而wordpress正好有很多缓存加速优化插件,所以这里悦然建站使用了 WP Rocket插件,这款插件的知名度是非常高的,因为它的加速效果真是非常好,特别对wordpress外贸建站用户来说它可能还是必备的,因为使用WP Rocket插件之后网站谷歌测试得分会有明显的提高,对做好谷歌SEO优化也有一些帮助。
wordpress建站教程:使用WP Rocket提升谷歌pagespeed得分
这款插件的设置其实很简单,默认情况下大家可以把全部优化项都打开,如果遇到问题可以一个个调试,直到找到对你网站来说最好的设置,每个人使用的主题和插件都不同,所以设置可能也会有一些不同,如果你是完全新手,也可以看看悦然建站之前分享的文章,里面的相关设置。
其实悦然建站之前也用过WP ROCKET插件的,不过因为缓存和网站更新的问题当时感觉麻烦就没继续使用了,但现在我是不得不用了,所以经过多次调试最终使它达到了我想要的效果。
另外说明一下,wp rocket是收费插件,没有免费版,需要自己购买,或寻找其它下载渠道。
最终效果
经过一通优化设置,悦然建站官网目前的速度终于还算比较快了,效果暂时还挺满意了。
标签: #html加速