资料页面加载速度缓慢应最先检查什么？

应通过浏览器开发者工具Network面板查看加载瀑布图，定位耗时最长的阶段。通常第一个关键指标是TTFB，若TTFB超过800ms，优先排查服务器端和网络连接。

如何保留核验材料以备后续对比？

保存Network面板的HAR文件（右键→Save as HAR with content），Lighthouse报告截图及JSON，服务器响应头截图，以及测试环境说明（时间、网络、设备）。将材料归档在项目文档中，并附上调整记录。

调整后异常未改善应如何复核？

检查调整是否实际生效（如打开浏览器无痕窗口查看响应头），确认CDN缓存是否已清除，或是否存在其他瓶颈（如第三方脚本、Web字体）。使用Lighthouse的“Render-Blocking Resources”诊断项识别仍阻塞渲染的资源。

资料页面加载速度缓慢时应排查哪些环节

资料页面加载速度缓慢时，应依次排查网络传输、服务器处理、资源加载和渲染执行四个环节。可通过浏览器开发者工具Network面板、Lighthouse报告、服务端日志等核验具体耗时与异常信号。以下为系统性的排查方法与留证动作。

检查对象与现有信号

排查开始前，需明确各环节的衡量指标与正常范围。

环节	检查对象	正常信号	异常信号
网络传输	DNS解析时间、TCP连接时间、TLS握手时间	总和<200ms	单项>500ms，或连接超时
服务器处理	首字节时间（TTFB）	<300ms（良好），<800ms（中等）	>1.5s
资源加载	HTML文档大小、CSS/JS/图片体积、压缩状态、缓存策略	文档<100KB，资源启用Gzip，Cache-Control:public,max-age>=31536000	文档>500KB，无压缩，无缓存头
渲染执行	阻塞渲染的资源数量、JavaScript执行时间	首屏时间<2s，Lighthouse Performance>=90	首屏时间>3s，Lighthouse评分<50

现有信号可从以下渠道获取：Search Console的“核心网页指标”报告（需有数据积累）、真实用户监控（RUM）数据、CDN日志或应用性能监控（APM）工具。若未部署相关工具，首次排查从浏览器端开始。

证据材料逐项核对

使用如下方法获取可复核的证据：

浏览器开发者工具Network面板：打开页面后记录加载瀑布图，点击每个请求查看请求头、响应头、实际传输大小。保存为HAR文件备用。
Lighthouse报告：在Chrome DevTools的Audits面板运行Lighthouse，记录Performance得分、Opportunities（优化机会）和Diagnostics（诊断项）。截图或导出JSON报告。
服务器响应头检查：使用curl -I命令或在线工具查看Cache-Control、Content-Encoding、Server等字段。
页面源代码与资源大小：查看HTML文档中是否引用大体积外部资源（如未压缩的jQuery库、高清图片），检查资源URL的响应头中的Content-Length。
结构化数据对渲染的影响：若JSON-LD嵌入在head中且体积过大（如>100KB），可能阻塞首次渲染。可通过移动JSON-LD到body末尾或使用异步加载验证。

每项核验应记录：测试时间、网络环境（如有线/WiFi/4G）、设备类型（桌面/移动）、浏览器版本。同一页面在不同条件下可能出现不同结果，建议在同一条件下复测3次取平均值。

出现差异时的排查动作

根据异常信号采取针对性措施：

TTFB过高：检查服务器配置（如PHP-PM进程数）、数据库查询优化（慢查询日志）、启用或调整CDN（确认CDN回源策略）。若服务器在美国而目标用户在国内，考虑使用亚洲CDN节点。
资源未压缩：在服务器端启用Gzip或Brotli压缩（Apache：mod_deflate，Nginx：gzip on）。
缓存未生效：设置Cache-Control:public,max-age=31536000对静态资源；对HTML文档设置Cache-Control:no-cache或协商缓存（ETag/Last-Modified）。
渲染阻塞：将关键CSS内联到head中，非关键CSS使用media属性或preload；JavaScript使用async或defer，或移至body底部。
图片过大：使用WebP格式，配合标签提供回退；开启懒加载（loading=lazy）。

每项调整后，使用相同工具复测，保存前后对比数据。

适用条件、失败信号与复核入口

此排查方法适用于公开可访问的资料页面，并且测试者具有页面访问权限和浏览器开发者工具的使用能力。失败信号包括：页面完全加载时间超过3秒（Largest Contentful Paint>2.5s）、首屏渲染时间超过2秒（First Contentful Paint>1.8s）、Lighthouse Performance评分低于50。复核入口包括：WebPageTest（设定不同测试地点）、GTmetrix、Google PageSpeed Insights。在Search Console中可查看“页面体验”报告中的“核心网页指标”数据，但需确保网站已通过Search Console验证。

参考来源

Google Search Central - 网页性能（核心网页指标评估指南）: 用于理解LCP、FID、CLS的定义与优化目标。
W3C - Navigation Timing Level 2: 定义了TTFB、domComplete等性能指标的获取标准。
Bing Webmaster Tools - 网站速度最佳实践: 提供服务器响应、缓存、压缩等优化建议。