← [ BACK_TO_NOTES ]

资源与资源获取

区分资料查找下载与浏览器 Web 资源获取,连接搜索入口、缓存、渲染和加载优化专题。

#moc #evergreen #frontend

资源与资源获取

这里区分两条阅读路径:寻找文件或资料的入口,以及浏览器获取页面资源的机制。旧笔记把两者混在一起;详细技术内容已有专题笔记,本页保留导航职责。

寻找与下载资料

浏览器获取 Web 资源

网页可能包含 HTML、CSS、JavaScript、字体、图片、音视频与数据请求。它们的下载、缓存与消费时机不同:

  • 浏览器缓存体系:可用的新鲜缓存可能直接满足请求;需要验证时才发送条件请求,不是每次都先下载再判断缓存。
  • 浏览器渲染流程:资源如何参与解析、布局与绘制。
  • 资源提示:preload、prefetch、preconnect 与 dns-prefetch 分别提前什么工作。
  • 懒加载:推迟非关键资源与模块的加载。
  • 资源压缩:减少传输体积。
  • Network 面板:观察真实请求、缓存命中与加载时序。

优先按具体资源和瓶颈选择优化措施,不把 Lighthouse 固定分数或“滚到视口才请求”当作所有页面都适用的验收条件。

[!info] related notes

创建于 2026/1/10 更新于 2026/10/6
Digital Biome
Access

键盘导航

j / k / ↑ / ↓
选择对象
Enter / o
打开选择
/ 或 Ctrl+K
全站搜索
i / f / 1–4
筛选当前列表
g → h / l / p / t / a
首页 / 笔记 / 项目 / 工具 / About
r → 1–9
打开所选对象的关联
u
返回上一页
Esc
关闭浮层 / 取消命令;输入框内清空文本