zhililab / Znotes

个人随记,个人规划
0 stars 0 forks source link

前端性能优化 #1

Closed zhililab closed 4 years ago

zhililab commented 6 years ago

自问自答:

Q:为什么要进行前端性能优化? A:个人理解,性能更多的从用户角度出发,前端性能的好坏 —— 直接关乎用户的使用体验,这对当下服务同质化、多样化的今天,至关重要。谁能在保证合理开发高效进行的情况,达到更优的前端性能,谁将最终赢得客户 👨 的青睐

zhililab commented 6 years ago

✔️ 基于 Chrome DevTool 进行前端性能优化: 网络面板

image

“网络面板”功能区分布图

image

这里,4 区域 包含显示项目如下:

image

⚠️ 这里,size 项目可以查看相关请求大小,分为:在线请求、缓存(分为from disk cache 和 from memory cache)

zhililab commented 6 years ago

✔️ 基于 Chrome DevTool 进行前端性能优化:性能面板

image

zhililab commented 6 years ago

image