1. 设置资源加载优先级
在HTML的head部分添加 link rel="preload" href="style.css" as="style"。此标签会强制浏览器优先下载CSS文件（如关键样式表），避免渲染阻塞（如防止页面闪现无样式内容），确保首屏样式快速生效。
2. 延迟非关键资源加载
将第三方脚本（如广告代码`ad.js`）改为动态加载（如 script src="ad.js" async）。此操作会让主线程继续渲染页面，后台并行加载脚本，减少关键渲染路径（CRP）的阻塞时间（如从1.5秒降至0.3秒）。
3. 合并小文件请求
通过服务器配置（如Nginx的`concat`模块）将多个小CSS/JS文件合并为一个请求（如将`a.css`、`b.css`合并为`styles.css`）。此操作可减少TCP握手次数（如从5次降至1次），降低网络开销（如节省30ms延迟）。
4. 预连接关键域名
在HTML头部添加 link rel="preconnect" href="https://api.example.com"。此标签会提前建立与API服务器的TCP连接（如CDN节点），缩短后续资源请求时间（如API响应从500ms降至200ms），适合静态资源或数据接口。
5. 限制单域名并发数
通过服务器header设置 `Max-Connections: 6`（如Nginx的`limit_conn`指令）。此操作可防止同一域名的资源过度抢占连接（如同时加载10个图片导致拥堵），平衡带宽分配（如保证核心资源优先下载）。
6. 复用HTTP/2多路复用
确保服务器支持HTTP/2 → 检查地址栏是否显示“HTTPS”。此协议允许多请求共享一个TCP连接（如同时加载20个资源仅需1个连接），减少头部开销（如节省每个请求的`Cookie`和`Host`传输），提升加载效率（如大图加载速度翻倍）。