浏览器打开一个网页的时候，遇到一个外链样式表或者脚本就会单独去服务器上取一次文件。十几个零散的 CSS 和 JS 堆在页面上，光是排队建立连接就要消耗掉几百毫秒的时间，在弱网环境下会更加明显。把同类文件放在一起，顺便去掉空格、注释以及无效代码，这是成本最低的一次提速。
具体的做法不是很难。构建阶段使用 Vite、Webpack 或者 Gitee Pages 自带的流水线把多份样式合并成一份全局样式，多份脚本按照“基础库”和“页面逻辑”拆分成两三个包，避免全站打成一个巨无霸。合并之后再用 cssnano、Terser 进行压缩，配合服务器端的 Gzip 或者 Brotli，体积一般可以减少三到六成。
请求数减少之后，首屏渲染就会提前很多，在4G网络下白屏的时间一般可以减少一半左右。但是也不能一味地追求“少”：HTTP/2已经支持多路复用，把所有的资源都塞进一个文件里，这样反而会使缓存粒度变粗，改一行样式就要重新下载整个包。更稳妥的做法是按照路由或者功能模块进行适度的合并，首屏必须保留一个包，其他的走懒加载。
上线之前要做两件事：给静态文件加上内容哈希文件名，便于长期缓存；非关键脚本使用defer或者async，不能阻塞解析。经过几步之后，虽然页面没有换皮，但是打开的速度却快了很多。