九分地,虽不多,但足矣
www.9fendi.com

Autoptimize 合并压缩js和css,优化网站访问速度

Autoptimize插件,估计很多WordPress站长都在用。主要有三大功能:压缩HTML、聚合CSS、优化JS。从这三方面着手优化前端页面的加载速度,节约带宽和文件加载次数。

1、HTML压缩优化

进入Autoptimize插件设置页面,点开Show advanced settings(显示高级设置),我们可以看到关于 HTML 选项 有两个勾选的地方:
Autoptimize HTML 选项

2、JavaScript选项

如果不正常,可以排查是哪个JS文件冲突,在Exclude scripts from Autoptimize选项中,填入排除的文件。例如:seal.js,js/jquery/jquery.js

至于 Force JavaScript in <head> 选项则不建议勾选,该选项是将所有的JS都放在头部加载,这会影响整个网页的加载速度。

Also aggregate inline JS这个选项也不建议勾选,会造成部分JS出错,另外一些延迟加载的JS会被重复优化,反而造成网页速度减慢。
Autoptimize JavaScript 选项

3、CSS 选项

Autoptimize CSS 选项
优化 CSS 代码,建议勾选。

Generate data: URIs for images? 这个功能启用后,将在CSS本身中包含小型背景图像,而不是单独下载。作用不大,视情况可勾选。

Remove Google Fonts? 这个是禁止加载谷歌字体,目前谷歌字体在国内已经能正常加载了,如果主题需要加载,可以不勾选。

Also aggregate inline CSS?这个选项也不建议勾选,一旦勾选会将所有的CSS文件放在头部加载,而且一些CSS的优先级会丢失、导致缓存文件太多、对CSS文件一遍又一遍的压缩等问题。反而导致网页加载速度变慢。

Inline and Defer CSS?这个选项是Google开始推广推迟非必需CSS,同时将那些需要构建页面的样式集成在一起。这对于在移动设备上尽可能快地呈现页面尤其重要。相关资料可以查阅谷歌网站。

Inline all CSS?这个不建议勾选。将会降低性能。

Exclude CSS from Autoptimize:如果优化CSS造成网页展示问题,可以将对应的CSS文件在这里排除优化。例如:admin-bar.min.css, dashicons.min.css

4、CDN Options

如果希望将JS和CSS文件利用CDN加速,可以在这里填入CDN加速域名。

注:填写时不带HTTP和HTTPS会自适应。

 

赞(0)
9Fendi Blog » Autoptimize 合并压缩js和css,优化网站访问速度
分享到: 更多 (0)

评论 抢沙发