借助工具持续监控 LCP

没有长篇巨制的宏大架构，却能用简短的篇幅构建新奇的世界观，抛出关于未来、科技、人性的思考

LCP（Largest Contentful Paint，最大内容绘制）是衡量网站加载速度的关键指标之一，它记录的是用户从页面开始加载到视口中最大可见内容块完成渲染所需的时间

Chrome 开发者工具中的 Performance 面板： 直观查看 LCP 元素的加载时间线

避免频繁的布局偏移

内联关键 CSS： 将首屏渲染必需的样式直接内联在 HTML 的 <head> 中，其余样式异步加载

精简 CSS 🔑📢与 JS 体积： 移除未使用的代码、合并文件并进行压缩，减少网络传输量

优化图片与视频的加载方式

优化服务器响应时间 服务器返回 HTML 的速度是 LCP 的基础

视频作为 LCP 元素 使用视频压🔍缩编码，或考虑用一▶️张静态海报图代替自动播放的视频首帧