如何优化WordPress网站CSS、HTML和Javascript

当我们在讨论如何优化wordpress网站时,如何压缩CSS\HTML\Javascript显然是需要优先考虑的。我们需要删除代码中的删除源代码中不需要的字符,这些字符包括空格,换行符,注释等等之类的。这样的话,在很大程度上能提升网页的打开速度。

这是一个CSS缩小的例子。

CSS缩小之前

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
displaynone;
}
.ui-helper-hidden-accessible {
border0;
clip: rect(0 0 0 0);
height1px;
margin-1px;
overflowhidden;
padding0;
positionabsolute;
width1px;
}

缩小后的CSS

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 00);height:1px;margin:-1px;

overflow:hidden;padding:0;position:absolute;width:1px}

显然,这只是一个使用CSS代码片段的小例子,但你可以想象在缩小数千行代码时可以节省的空间量。当然,我们不可能手动压缩网页上所有代码,这样太浪费时间了。所以,我们需要用到一款超强的wordpress插件:Autoptimize。

worpress优化插件

Autoptimize在我看来,应该是现阶段同类型插件中最强大的!除了压缩代码以外,甚至还可以优化Google字体,图片等等。您可以从插件>添加新项下的WordPress仪表板下载,安装和激活插件。

wordpress优化插件

插件激活后,导航到“设置”>“Autoptimize”。然后在主设置选项卡下,检查要优化的代码(HTML,CSS和/或JavaScript),然后单击保存更改。

这款wordpress优化插件使用就是这么简单,如果你还有更好的推荐,欢迎在本文下面留言讨论。

联系博主

梦想家路飞

梦想家路飞

8090后,自由职业,摩羯座,
跑者,骑行者,旅行者,WP爱好者,
独立摄影师,非专业平面设计师,网站设计师。

了解更多关博主

打赏博主

写作不易 请予鼓励

微信扫一扫请博主喝杯咖啡

微信打赏

1
说点什么

avatar
1 评论主题
0 主题回复
0 关注
 
最多评论
最热评论
1 评论作者
MEI 最新评论
  订阅  
最新 最旧 点赞最多
提醒
MEI
游客
MEI

这款插件开启优化完代码之后可以停用并从后台删除吗?不想在网站上装太多的插件