1. 程式人生 > >讓你頁面速度飛起來 Web前端性能優化

讓你頁面速度飛起來 Web前端性能優化

cdn 掌握 下載 follow 優化 場景 blank 加載速度 加載

百度網盤下載

第1章 課程簡介

對課程做簡單的介紹。

第2章 資源合並與壓縮

通過本章,我們學習和理解了web前端的概念,以及性能優化的意義所在,並且通過實戰中的壓縮與合並,深入理解了減少http請求數和減少http請求資源大小兩個優化要點,並且通過實戰,幫助學生掌握如何通過網站進行壓縮與合並,如果使用半自動化的gulp腳本進行壓縮與合並,最終通過優化前後的性能對比,更加量化地去理解了性能...

第3章 圖片相關的優化

通過本章,幫助學員學習和掌握圖片相關的優化方法,理解不同圖片格式分別是什麽以及如果在不同的業務場景中使用不同的圖片格式和圖片加載方式。

第4章 css 和 js 的裝載與執行

通過本章,幫助學員理解css和js在頁面中的加載機制,讓學員能初步建立通過理解瀏覽器渲染機制進行代碼優化提升頁面訪問性能的概念,同時掌握css、js在裝載與執行階段的基礎優化。



第5章 懶加載與預加載

通過本章,幫助學員理解資源加載時機對前端性能優化的影響,同時實戰理解懶加載和預加載的實現機制。

第6章 重繪與回流

通過本章,幫助學員理解高階的瀏覽器渲染機制,深入理解瀏覽器重繪與回流的機制,從而掌握如何深入地從代碼層面基於瀏覽器的渲染機制進行優化。

第7章 瀏覽器存儲

通過本章,幫助學員理解瀏覽器存儲的核心概念及其在關鍵業務中的應用,通過瀏覽器存儲,可以在瀏覽器端建立可控制的緩存機制,從而幫助用戶在自己的關鍵業務上進行相應的優化。

第8章 緩存優化

通過本章,幫助學員掌握如何使用在線cdn提升靜態資源的加載速度,如果使用dns-prefetch,以及如何使用服務端緩存來進行搭建,更加完善的資源請求緩存機制。


第9章 SSR(服務端渲染)

通過本章,幫助學員了解服務端渲染的核心概念,以及vue如何做服務端渲染,從而讓學員更加深入地理解渲染的性能消耗在性能優化中的意義。

下載地址:百度網盤下載

讓你頁面速度飛起來 Web前端性能優化