孙琳莲

当用户再次访问或跳转页面时，大部分资源可⭐直接从本地缓存读取

建议： 定期使用PageSpeed Insigh🌈ts或Lighthouse进🌺行测试，重点关注首次内容绘制（FCP）和最大内容绘制（LCP）两个指标

首屏加载速度优化：一位老站长的方法总结

预加载关键资源： 使用 <link rel="preload"> 提前加载首屏使用的高优🎇先级字体、英雄图片或核心CSS

第四步：利用缓存与服务端能力 加载速度优化💯是前端和后端共同的工作

老站长特别强调以下三项容易被忽略的配置💯： 合🤔理设置浏览器缓存头： 对CSS、JavaScript、图片等静态资源设置较长的 Cache-Control 过期时间，比如一年

更多精选文章

延迟加载非首屏资🌅源： 首屏不可见的图片、统计代码、社交分享按钮等，使用 defer 或 async 🔥属性，或在页面滚动到附近时才加载

字体文件子集化： 中文字体文件动辄几兆字节，首屏仅显示少量文字时，使用字体子集工具只提取用到的字符，或者将字🎵体切换为系统默认🎉字体以消除加载时间

第五步：持续监控与迭代 优化不是一次性任务