资源与资源获取
区分资料查找下载与浏览器 Web 资源获取,连接搜索入口、缓存、渲染和加载优化专题。
#moc
#evergreen
#frontend
资源与资源获取
这里区分两条阅读路径:寻找文件或资料的入口,以及浏览器获取页面资源的机制。旧笔记把两者混在一起;详细技术内容已有专题笔记,本页保留导航职责。
寻找与下载资料
浏览器获取 Web 资源
网页可能包含 HTML、CSS、JavaScript、字体、图片、音视频与数据请求。它们的下载、缓存与消费时机不同:
- 浏览器缓存体系:可用的新鲜缓存可能直接满足请求;需要验证时才发送条件请求,不是每次都先下载再判断缓存。
- 浏览器渲染流程:资源如何参与解析、布局与绘制。
- 资源提示:preload、prefetch、preconnect 与 dns-prefetch 分别提前什么工作。
- 懒加载:推迟非关键资源与模块的加载。
- 资源压缩:减少传输体积。
- Network 面板:观察真实请求、缓存命中与加载时序。
优先按具体资源和瓶颈选择优化措施,不把 Lighthouse 固定分数或“滚到视口才请求”当作所有页面都适用的验收条件。
[!info] related notes
- 前端性能优化 MOC:Web 性能专题的完整阅读路径。