网站静态资源加载慢
静态资源加载慢,基本就三个原因:文件太大、服务器没压缩、浏览器没缓存。挨个查就行。
先按 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