如何优化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优化插件使用就是这么简单,如果你还有更好的推荐,欢迎在本文下面留言讨论。

推荐VPN(目前最稳定的VPN/路由器,国内可直接访问获取):

推荐VPS(搭建SS专用服务器,性价比堪称无敌口碑爆棚):

搬瓦工搭建SS
点击上图进入搬瓦工搭建SS教程
Vultr
点击上图进入Vultr搭建SS教程

联系博主

梦想家路飞

梦想家路飞

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

了解更多关博主

打赏博主

写作不易 请予鼓励

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

微信打赏

说点什么

avatar
  订阅  
提醒