以下是【會員:墨子於】分享的內容全文:
讓你頁面速度飛起來 Web前端性能優(yōu)化
從構建、瀏覽器渲染、緩存、PWA、服務端優(yōu)化等多方面,梳理前端性能優(yōu)化的技術點、綜合分析技術的原理,根據(jù)不同的業(yè)務場景選擇合適的性能優(yōu)化點進行應用,最終為你的網(wǎng)站帶來顯著的速度提升和整體性能提升。
第1章 課程簡介
對課程做簡單的介紹。
第2章 資源合并與壓縮
通過本章,我們學習和理解了web前端的概念,以及性能優(yōu)化的意義所在,并且通過實戰(zhàn)中的壓縮與合并,深入理解了減少http請求數(shù)和減少http請求資源大小兩個優(yōu)化要點,并且通過實戰(zhàn),幫助學生掌握如何通過網(wǎng)站進行壓縮與合并,如果使用半自動化的gulp腳本進行壓縮與合并,最終通過優(yōu)化前后的性能對比,更加量化地去理解了性能...
第3章 圖片相關的優(yōu)化
通過本章,幫助學員學習和掌握圖片相關的優(yōu)化方法,理解不同圖片格式分別是什么以及如果在不同的業(yè)務場景中使用不同的圖片格式和圖片加載方式。
第4章 css 和 js 的裝載與執(zhí)行
通過本章,幫助學員理解css和js在頁面中的加載機制,讓學員能初步建立通過理解瀏覽器渲染機制進行代碼優(yōu)化提升頁面訪問性能的概念,同時掌握css、js在裝載與執(zhí)行階段的基礎優(yōu)化。
第5章 懶加載與預加載
通過本章,幫助學員理解資源加載時機對前端性能優(yōu)化的影響,同時實戰(zhàn)理解懶加載和預加載的實現(xiàn)機制。
第6章 重繪與回流
通過本章,幫助學員理解高階的瀏覽器渲染機制,深入理解瀏覽器重繪與回流的機制,從而掌握如何深入地從代碼層面基于瀏覽器的渲染機制進行優(yōu)化。
第7章 瀏覽器存儲
通過本章,幫助學員理解瀏覽器存儲的核心概念及其在關鍵業(yè)務中的應用,通過瀏覽器存儲,可以在瀏覽器端建立可控制的緩存機制,從而幫助用戶在自己的關鍵業(yè)務上進行相應的優(yōu)化。
第8章 緩存優(yōu)化
通過本章,幫助學員掌握如何使用在線cdn提升靜態(tài)資源的加載速度,如果使用dns-prefetch,以及如何使用服務端緩存來進行搭建,更加完善的資源請求緩存機制。
第9章 SSR(服務端渲染)
通過本章,幫助學員了解服務端渲染的核心概念,以及vue如何做服務端渲染,從而讓學員更加深入地理解渲染的性能消耗在性能優(yōu)化中的意義。
點擊下載
1.軟件源碼推廣展示:目的展示軟件相關功能,接收技術學習者測試、測評;
2.教程課程信息展示:展示課程信息,傳授課程各階段內容;
3.設計素材圖片展示:展示素材設計理念、思維方式、傳播設計理念;
4.福利優(yōu)惠信息展示:分享各類最新的福利信息,各種優(yōu)惠信息展示;
以上分享目的僅供學習、參考使用,請勿用于其他用途,如果想商業(yè)使用或者代理,請自行聯(lián)系版權方獲取授權。任何未獲取授權的商業(yè)使用與本站無關,請自行承擔相應責任。
本站不存儲任何資源文件,敬請周知!
如果您認為本頁信息內容侵犯了您的相關權益(包含但不限于:著作權、首發(fā)權、隱私權等權利),或者您認為自己是此信息的權利人但是此信息不是自己發(fā)布的,可以直接版權舉報投訴,我們會根據(jù)網(wǎng)站注冊協(xié)議、資源分享協(xié)議等協(xié)議處理,以保護您的合法權益。
本網(wǎng)站采用 BY-NC-SA 協(xié)議進行授權 轉載請注明原文鏈接:Web前端性能優(yōu)化視頻教程 讓你頁面速度飛起來

侵權舉報/版權申訴



