Site Overlay

WordPress访问优化

由于本站服务器是租用的海外vps,国内访问速度极其真实,再加上近来自己又添加了许多花里胡哨的插件,导致第一次访问网站的时候需要加载的内容极其臃肿,使用ctrl+F5强制刷新后测试主页面完全加载需要长达14000ms。

非首次访问,直接F5,所需时间也在1400ms-2000ms之间。

注:

F5:为简单刷新一下当前页面
Ctrl+F5:为强制刷新,也就是彻底的从Server拿一份新的资源过来,所以不光要发送HTTP request给Server,而且这个请求里面连If-Modified-Since/If-None-Match都没有,这样就逼着Server不能返回304,而是把整个资源原原本本地返回一份,这样,Ctrl+F5引发的传输时间变长了,自然网页Refresh的也慢一些。

如果是第一次访问本站的话访问体验极其差,因此,对站点访问的优化非常有必要,准备主要从以下几个方面进行优化:

1、对主页面加载的图片进行压缩处理

压缩前体积2300kb
压缩后体积204kb

所有页面图都通过压缩降低体积,同样分辨率下画质稍微降低,但图片体积会降低许多,减少传输时间,以及节约带宽流量。当前只是小型博客网站,如果稍微做大一点的话,那么在网站初期就应该做好网站的动静态分离,通过动静分离的操作,图片的地址和服务器分开,也就是图床,将图片等大型文件以对象存储的方式存储到各云计算厂商的云存储空间内 ,响应速度就可以进一步提升。

2、 禁用谷歌字体

原因:WordPress系统默认使用谷歌字体,在国内谷歌域名被屏蔽,所以导致操作反应慢。

解决方案:

对于后台:找到Wordpress这个文件 /wp-includes/script-loader.php,找到:gfont.cdn.wepublish.cn,全部替换成:fonts.useso.com。

把“googleapis”替换成“useso”

对于前台:使用插件Disable Google Fonts,禁用谷歌字体。

3、WP Super Cache 静态缓存插件

WP Super Cache 是一款 WordPress 静态缓存插件,此插件可以直接从动态的 WordPress 查询页面生成静态 html 文件或者压缩包文件,减轻服务器数据查询和内存的消耗,直接避免页面每次访问通过 php 查询数据库的性能浪费,同时提升页面的载入速度。

安装过程不赘述,直接在插件安装市场中搜索安装启即可,启用后进入该插件设置

通用中点击启用缓存功能,并更新保存。然后进入高级设置,设置如下,

缓存插件简单设置完成以后基本完成本次优化

后记:经过以上三步优化后访问速度有20%左右提升,但并不显著,猜想原因主要是受到服务器影响因素较大,网站本身优化有限,其次,第三步中的缓存插件,在权衡利弊以后最终没有采用,主要是对于未登录游客采用缓存的话,无法刷新首页的图片,并且部分测试中还出现了负优化的情况,TTFB以及 content-download 等待时长反而增加,没有达到预期的效果,原因暂时不明。

参考博客:

发表回复

您的电子邮箱地址不会被公开。

A beliving heart is your magic My heart