网站静态资源加载慢

静态资源就是图片、CSS、JS、字体这些。加载慢先别急着改代码，多半是两个原因：文件没压缩，以及每次访问都重新下载一遍。

一、开 gzip 压缩，文本类资源能小一大半。Nginx 在 http 或 server 段里加：

gzip on;
gzip_min_length 1k;      # 小于1k的文件不压缩，压了反而更费事
gzip_types text/css application/javascript image/svg+xml;
gzip_comp_level 4;       # 4级就够，调太高吃CPU

用 Windows 小皮面板更省事，网站设置里把 gzip 和浏览器缓存勾上就完事，不用手写配置。

二、加缓存头 expires。图片、CSS、JS 基本不变，让浏览器自己存着：

location ~* \.(jpg|png|gif|css|js|woff2)$ {
    expires 30d;                              # 浏览器本地缓存30天
    add_header Cache-Control "public";
}

Apache 环境开 mod_expires 是同一个道理，规则写好重启服务。改完记得按 Ctrl+F5 强制刷新，不然会以为没生效。

三、图片本身太大，上传前先压一遍，几十K能搞定的图别扔几M的原图上去。打包合并也别落下，七八个 JS 文件能合成一个就合成一个，请求数少了自然快。