- 存放靜態資源文件到服務器 但這種形式在性能上也有缺陷：
- 受地理環境影響，離服務器越遠資源加載越慢
- 頻繁請求資源對服務器壓力較大
- 存放靜態資源文件到CDN為了進一步提升性能，可以把動態網頁（index.html）和靜態資源（js、css、image...）分開部署。靜態資源被放置于CDN上. 但是CDN也有緩存策略：新的靜態資源發布后，需要一定的時間去覆蓋各個邊緣站點的舊資源。若某客戶端獲得了新的動態網頁，但是附近的 CDN節點尚未更新最近發布的靜態資源，客戶端即便放棄本地緩存，它加載的依舊是位于CDN上的“臟數據”。怎么辦呢？干脆把文件名也給改了——讓摘要信息成為文件名的一部分！
具體實現可以仰仗webpack，將output.filename設為[name].[contenthash].js，輸出文件和 html 模版都會幫你更改好. 用摘要信息重命名后的資源文件，與舊資源就不同名了，不再需要以覆蓋舊文件的形式主動更新各個地區的邊緣站點。
新版本發布后，瀏覽器首次請求資源，若CDN不存在該資源，便會向就近的邊緣站點加載該文件，同時更新 CDN 緩存；這就徹底避免了CDN臟數據的問題.
更多關于web前端培訓的問題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問，獲取試聽資格來試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。
京公網安備 11010802030320號