今天打开 Google Search Console 网站提示

首次内容渲染 (FCP) 问题：超过了 3 秒（桌面设备）

看完有点慌，页面这么慢吗？但实际测试速度还可以

这里解释两个术语

首次内容渲染 (FCP) , 是从用户请求URL到浏览器呈现URL中的第一个可见元素的时间。这很重要，因为它告诉读者URL实际上正在加载。


首次输入延迟（FID）衡量的是从用户首次与您的网站进行交互（即当他们单击链接，点击按钮或使用自定义的JavaScript驱动的控件）到浏览器实际能够访问之间的时间。

解决的问题可以从下边这些关键词中，逐一处理

适当调整图片大小
采用新一代格式提供图片，JPEG 2000、JPEG XR 和 WebP 等图片格式的压缩效果通常比 PNG 或 JPEG 好，因此下载速度更快，消耗的数据流量更少。
移除阻塞渲染的资源
缩减 JavaScript
移除未使用的 CSS
缩减 CSS


确保文本在网页字体加载期间保持可见状态
采用高效的缓存策略提供静态资源
最大限度地减少主线程工作
最大限度地缩短关键请求深度
请保持较低的请求数量和较小的传输大小



推迟加载屏幕外图片
对图片进行高效编码
启用文本压缩
预先连接到必要的来源
服务器响应用时较短 (TTFB) 
避免多次网页重定向
预加载关键请求
使用视频格式提供动画内容
避免网络负载过大
避免 DOM 规模过大
User Timing 标记和测量结果
第三方使用