05-06 CDN 与静态资源:把前端文件放到离用户更近

05-06 CDN与静态资源 解释的是网页里的 JS、CSS、图片为什么常放到 CDN 上。


一、它解决什么

它解决的是资源下载速度和源站压力问题。前端静态文件不必每次都从源站跑远路。

二、一个比喻

像把常卖商品放进城市前置仓,用户不用等总仓发货。

三、放到系统里看

前端构建产物通常通过 02-07 前端工程化 生成,再上传对象存储或 CDN。它和 05-04 HTTP缓存05-07 CDN 强相关。

四、常见坑 / 学习抓手

常见坑是缓存没刷新导致用户拿到旧版本。静态资源通常要配合文件 hash。

一句话总结

CDN 让静态资源靠近用户,提升速度并减轻源站压力。


关联笔记