大家都知道建设一个网站,从用户打开浏览器到网页显示出来,这个时间越短越好,这个时间取决于用户的电脑性能,网络带宽,同时也取决于网站页面的数据加载速度,所以,我们能做的让用户能够更快的打开网站,不是出钱让用户升级带宽和电脑(家里有矿的除外),而是从网站本身着手优化,让用户更快的访问到页面,提升用户体验!
今天我们要介绍的插件名为:Autoptimize
插件功能
1、合并css/js文件;
顾名思义,就是将页面上的css样式文件以及javascript文件进行合并,减少资源请求次数(资源请求次数越多越慢),同时如果是小的站点,CSS和JS 文件较小的情况下还可以开启内联模式来减小请求,加快页面相应;
通常我们在使用WordPress进行网站建设的时候,特别是使用一些国外的主题或使用过多的前端插件时,前台页面会加载大量的CSS和JS文件,这时使用Autoptimize可以很好的将多个静态文件进行合并;
2、压缩HTML/CSS/JS文件;
我们在查看网页源代码或者查看CSS或JS文件时,可以看到有很多换行和空格,就网页程序而言,这么多的换行和空格及时没有也不会影响运行,换行和空格是为了方便开发人员进行程序阅读时进行的排版,我们在网站的生产环境中是不用这些的,如果有反而会占用服务器带宽,从一定程度上减慢页面的加载速度;使用Autoptimize可以很容易的将文件进行压缩处理,减小请求尺寸。
3、异步加载JavaScript文件;
JavaScript在运行时会减缓浏览器解析网页,通常我们建议将js文件留到页面底部进行加载执行,Autoptimize提供了相关的设置选项,可以对网站上的设定的js文件进行延迟加载(async)。
4、CDN功能;
5、CSS文件内的背景图片进行内联处理。
插件后台设置界面
插件使用效果
已知问题
1、后台设置界面插件开发者集成了很多广告,导致后台设置界面打开非常缓慢,(文末有优化过设置界面打开速度版本基于2.41版本修改)
2、在使用CDN后,压缩合并后的CSS文件内调用的资源URL依然为源站URL。(这个问题比较小众未优化,可以使用融合CDN解决)
插件下载
点击上面链接下载由西部盒子优化过的版本;您也可以直接在WordPress后台,安装插件界面搜索Autoptimize进行安装。
打开确实快很多,感谢分享