扫盲 2026.11.05 22:50 12 次浏览 0 条评论

网站静态资源加载慢

静态资源加载慢,基本就三个原因:文件太大、服务器没压缩、浏览器没缓存。挨个查就行。

先按 F12 打开 Network 面板,看哪个文件耗时最长、体积最大。图片几百 KB 的先压,用 WebP 或 TinyPNG 过一遍,能砍掉一大半。

再看响应头里有没有 Content-Encoding: gzip,没有就是服务器没开压缩。

小皮面板里 Nginx 和 Apache 都有现成的 gzip 开关,勾上重启就生效。想手动改就动配置文件:

server {
    gzip on;                      # 开启压缩
    gzip_min_length 1k;           # 小于1k不压,没必要
    gzip_types text/css application/javascript image/svg+xml;

    location ~* \.(jpg|png|css|js|woff2)$ {
        expires 30d;              # 静态资源缓存30天
        add_header Cache-Control "public";
    }
}

Apache 就在 httpd.conf 里打开 mod_deflate 和 mod_expires,或者写进 .htaccess。

改完清一次浏览器缓存再看,缓存头生效后第二次访问几乎秒开。另外 CSS、JS 别一次引几十个,能合并就合并,请求数少了也快。

说点什么 0

行思随记

欢迎来到:行思随记