你网站速度优化了图片、开了CDN,但测试一下还是不够快。打开Nginx配置一看,默认配置连gzip压缩都没开。加上几行配置,立刻见效。

第一行:开gzip压缩

网页内容(HTML、CSS、JS)在服务器传输的时候先压缩成更小的包,浏览器收到再解压。gzip能把文本文件压缩70%。

Nginx配置里加:

gzip on;
gzip_types text/css application/javascript image/svg+xml;

开了之后,一个100KB的CSS文件,传输的时候只有30KB。手机端尤其明显。

第二行:静态文件缓存

图片、CSS、JS这些不常变的文件,让浏览器缓存起来。客户第二次访问,直接从本地缓存读,不用再从服务器下载。

Nginx配置里加:

location ~* \.(jpg|jpeg|png|gif|ico|css|js|woff2)$ {
  expires 30d;
}

这些文件浏览器缓存30天。客户第二次打开你网站,图片、样式直接秒开。

第三行:开启HTTP/2

HTTP/2是新的HTTP协议,一个连接能同时加载多个资源。比老的HTTP/1.1快很多。

宝塔面板→网站设置→配置文件,找到 listen 443 ssl; 改成 listen 443 ssl http2;。保存重载Nginx。

HTTPS站点开HTTP/2,加载多个图片的时候明显快一截。

注意

第一,改配置之前备份。Nginx配置改错了网站直接502。改之前复制一份原配置。

第二,改完测试。保存之后打开网站看正不正常。有问题把备份恢复。

第三,这三行免费。不用换服务器、不用加钱。复制粘贴三行配置,速度直接上一个台阶。