1. 通过`requestIdleCallback`调度低优先级任务
在JS中编写`requestIdleCallback(() => { loadImages(); })` → 配合`loadImages`函数异步加载非关键图片。此操作利用空闲时间（如对比忙闲时段效果），避免阻塞渲染（适合后台预加载），但需处理中断续传（建议结合IndexedDB存储）。
2. 设置`preload`属性优化关键资源加载
在link标签添加`rel="preload" href="style.css" as="style"` → 在``标签添加`preload`并设置`as="script"` → 测试页面初始化速度。此操作优先下载必要文件（如对比未设置时加载时间），减少首屏延迟（适合CSS/JS依赖场景），但需手动管理资源（建议配合HTTP/2复用连接）。
3. 启用Brotli压缩减少传输体积
进入Chrome设置 → 搜索“网络” → 勾选“使用Brotli压缩” → 访问目标网站观察加载进度。此方法缩小文本资源大小（如对比不同压缩格式效果），提升带宽利用率（建议服务器支持），但可能增加CPU负载（需硬件性能支撑）。
4. 检查GPU加速对渲染效率的影响
点击Chrome右上角“更多”图标（三个点）→ 进入“设置” → 选择“系统” → 根据设备性能启用或关闭“硬件加速”并重启浏览器。此操作匹配显卡负载（如对比开关前后效果），优化复杂页面显示（需重启生效），但可能降低电池续航（需权衡需求）。
5. 通过Service Worker拦截视频请求
注册`service-worker.js` → 在`fetch`事件中判断请求类型为视频 → 返回缓存或低质量替代资源。此操作减少重复流量（如对比直接加载与拦截后效果），提升稳定性（适合弱网环境），但需平衡画质（建议自适应码率）。