搬瓦工建站教程优化篇：使用Autoptimize压缩JS/CSS/HTML和开启图片懒加载

网站访问速度作为SEO优化的一个重要部分，我们在使用搬瓦工VPS完成建站后，自然要关注自己网站的访问速度，虽然访问速度最重要的是VPS本身的速度，在之前的《搬瓦工哪个机房适合建站》中搬瓦工优惠网有推荐大家选择搬瓦工CN2 GIA进行建站，但是一些常规优化，例如压缩JS、CSS、HTML文件，以及图片懒加载，都可以比较明显的提升网站访问速度，本文就介绍一个加速插件：Autoptimize。

本文为搬瓦工建站教程系列文章第10篇建站教程。

一、搬瓦工建站教程

在阅读搬瓦工建站建站教程优化篇之前，如果你还不知道如何用搬瓦工VPS搭建一个属于自己的网站，那么可以参考之前搬瓦工优惠网为大家分享的搬瓦工建站教程，基本是从零开始都有详细的教程：

• 《搬瓦工建站教程：搬瓦工哪个机房适合建站？哪个速度快？》
• 《搬瓦工建站教程：域名如何解析到搬瓦工VPS》
• 《搬瓦工建站教程：搬瓦工一键安装LNMP环境》
• 《搬瓦工建站教程：lnmp如何添加站点，配置文件位置在哪里》
• 《搬瓦工建站教程：搬瓦工如何搭建WordPress博客/网站》
• 《搬瓦工建站教程：搬瓦工修改WordPress主题与插件安装》
• 《搬瓦工建站教程：搬瓦工如何备份WordPress网站》
• 《搬瓦工建站教程：搬瓦工安装phpMyAdmin管理数据库》

上面的搬瓦工建站教程都是基于 LNMP 一键包的，如果你喜欢用可视化界面，那么可以用宝塔面板，除了安装LNMP环境和搭建WordPress网站有区别外，其他基本一样：

• 《搬瓦工VPS安装宝塔教程，搬瓦工如何安装宝塔？》
• 《搬瓦工VPS使用宝塔一键安装LNMP教程（Nginx+MySQL+PHP）》
• 《搬瓦工VPS利用宝塔添加站点新建网站教程（WordPress为例）》

二、安装Autoptimize

登录到WordPress仪表盘，点击插件，搜索“Autoptimize”进行安装并启用即可：

三、JS、CSS、HTML压缩设置

在设置的“Autoptimize”中选择“JS，CSS&HTML”，勾选启用JavaScript优化、启用CSS优化和启用HTML优化即可，其中JavaScript优化优化中可以取消压缩指定的JS文件，例如一般来说JQuery是不能压缩的，其他两项优化直接默认即可。

四、图片懒加载设置

在“图像”一栏中，有“延迟加载图像”功能，即图片懒加载，勾选这个功能保存设置即可：

更多搬瓦工优惠网教程

1. 搬瓦工是什么？带你对搬瓦工有个整体了解：搬瓦工新手教程整理：搬瓦工介绍 / 机房推荐 / 购买教程
2. 搬瓦工有优惠码吗？最新搬瓦工优惠码整理：搬瓦工优惠码
3. 想搭建个人网站？手把手一步步教你：搬瓦工建站教程
4. 搬瓦工速度慢？搬瓦工加速全教程：搬瓦工加速方法汇总
5. 购买的方案正好断货？搬瓦工补货通知群(禁言，仅推送)：874585274
6. 搬瓦工最便宜方案？配置、购买链接全部准备好：