1. 启用压缩与缓存机制
- 在Chrome设置→隐私与安全→Cookies和其他网站数据中，启用允许站点保存数据，允许浏览器缓存图片、视频等资源，减少重复加载时间。
- 按`Ctrl+U`查看网页源码，将img标签的`loading`属性设置为`lazy`（如img src="image.jpg" loading="lazy"），实现图片延迟加载，优先渲染首屏内容。
2. 优化图片与视频格式
- 使用WebP格式替代JPG/PNG，在开发者工具Network面板检查资源类型，替换高分辨率图片为压缩版（如通过ImageOptim或TinyPNG工具处理）。
- 对短视频采用WebM格式，在HTML代码中将video标签的`autoplay`属性与`muted`结合（如video autoplay muted），触发浏览器硬件加速解码。
3. 利用浏览器调试工具调整资源
- 按`Ctrl+Shift+I`打开开发者工具，切换至Sources面板，直接修改网页代码（如将大图URL替换为CDN链接）。
- 在Network面板筛选Media类型资源，右键点击图片/视频→Block Request，阻止非必要资源加载（如广告动画）。
4. 减少DOM元素与重绘次数
- 在开发者工具Elements面板删除冗余的嵌套标签（如多余的div），简化页面结构。
- 禁用CSS动画属性（如`animation: none`），避免触发页面重排（Reflow），提升渲染效率。
5. 配置网络优先级与代理
- 在地址栏输入`chrome://net-internals/set'参数，将`quic_load_balancing_disabled`设为`0`，启用QUIC协议加速HTTPS资源加载。
- 安装CDN Switcheroo Redirector扩展，将资源域名重定向至低延迟节点（如阿里云OSS），绕过跨域限制并提升传输速度。
6. 预加载关键资源与字体
- 在HTML头部添加link rel="preload" href="style.css"，强制浏览器提前加载样式表，避免白屏。
- 使用Font Face Observer脚本动态检测字体加载状态，防止文字渲染延迟（如`document.fonts.ready.then(() => {})`）。
7. 限制第三方脚本与追踪器
- 在Chrome设置→隐私与安全→Site Settings中，屏蔽社交媒体分享按钮等非核心功能的JS请求（如Facebook SDK）。
- 安装uBlock Origin扩展，订阅`annoyances`过滤规则，拦截广告追踪脚本（如Google Analytics），减少DOM操作和网络开销。
