簡(jiǎn)介:1.通過(guò)講解發(fā)送請(qǐng)求到頁(yè)面渲染的過(guò)程,讓大家了解頁(yè)面的生命周期、以及渲染過(guò)程中各階段性能的調(diào)優(yōu)方案
2.學(xué)習(xí)前端主流性能優(yōu)化的四種方法及性能檢測(cè)工具的應(yīng)用
3.實(shí)戰(zhàn)項(xiàng)目:通過(guò)WebPageTest在人人車網(wǎng)站中的應(yīng)用,教大家如何進(jìn)行性能分析、性能優(yōu)化以及結(jié)果反饋
第1章 前端進(jìn)階核心技能-性能優(yōu)化介紹
了前端工程師為什么要學(xué)性能優(yōu)化以及學(xué)完之后的收獲有哪些
第2章 了解頁(yè)面生命周期,發(fā)現(xiàn)導(dǎo)致性能變慢的原因及解決方案
了解輸入url到頁(yè)面渲染的整個(gè)過(guò)程,理解頁(yè)面的生命周期。講解在生命周期中哪些鏈路可以進(jìn)行性能優(yōu)化
第3章 前端性能優(yōu)化常見(jiàn)的四種方法
實(shí)現(xiàn)前端性能優(yōu)化常見(jiàn)的四種方法
第4章 前端性能檢測(cè)工具Lighthouse、WebPageTest的介紹與實(shí)踐
本章主要講解如何快速定位性能瓶頸,以及性能檢測(cè)工具Lighthouse、WebPageTest的介紹與實(shí)踐