优化网站建设:利用Autoptimize压缩JS/CSS/HTML及实现图片懒加载


点击访问搬瓦工最新官网和优惠


BandwagonHost搬瓦工最新优惠码(2024年最新搬瓦工优惠码:亲测有效才推荐):

BWHCCNCXVV - 6.81%折扣搬瓦工续费折扣继续有效)

其他有效搬瓦工优惠码:

ireallyreadtheterms8 - 5.5% Recurring Discount


搬瓦工优惠码可获终身6.58%优惠:最新搬瓦工优惠码

网站访问速度作为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是不能压缩的,其他两项优化直接默认即可。

四、图片懒加载设置

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


更多搬瓦工优惠网教程

更多搬瓦工VPS的相关教程,参考搬瓦工中文网更多文章:
  1. 搬瓦工是什么?带你对搬瓦工有个整体了解:搬瓦工新手教程整理:搬瓦工介绍 / 机房推荐 / 购买教程
  2. 搬瓦工有优惠码吗?最新搬瓦工优惠码整理:搬瓦工优惠码
  3. 想搭建个人网站?手把手一步步教你:搬瓦工建站教程
  4. 搬瓦工速度慢?搬瓦工加速全教程:搬瓦工加速方法汇总
  5. 购买的方案正好断货?搬瓦工补货通知群(禁言,仅推送):920676634
  6. 搬瓦工最便宜方案?配置、购买链接全部准备好:
套餐名称 CPU 内存大小 硬盘容量 每月流量 带宽 价格/年 购买链接
搬瓦工CN2-GIA-E(线路好,三网CN2 GIA,可选搬瓦工日本机房和DC6、DC9两个CN2 GIA机房,2.5Gbps带宽,建站推荐
CN2 GIA ECOMMERCE 2核 1 GB 20 GB 1000 GB 2.5 Gbps $169.99
搬瓦工CN2特惠方案(性价比,新手入门推荐
CN2 1核 1024 MB 20 GB 1000 GB 1 Gbps $49.99
搬瓦工香港特惠方案(香港CN2 GIA,直连低延迟,大带宽香港VPS
香港CN2 GIA 2核 2048 MB 40 GB 500 GB 1 Gbps $899.99