关闭

WEB前端学习路线

标签: web前端性能优化
93人阅读 评论(0) 收藏 举报
分类:

WEB前端学习路线

转自 https://github.com/qiu-deqing/FE-learning

- WEB性能优化

转自http://www.haomou.net/2015/11/05/2015_web_fast/
Summary
(1) web前端性能优化的发力方向:1.减少请求数,降低请求量;2.减少重绘和回流。
(2)衡量性能的重要指标:首屏载入速度。
方法:优先加载首屏渲染所需资源,而后加载交互所需资源。
(3)对浏览器的理解:
1. 网页自上而下的进行解析渲染,边解析变渲染,页面内的css文件会阻塞渲染,异步css文件会导致回流;
2. 浏览器在document下载结束会检测静态资源,新开线程下载(有并发上限),在带宽限制的条件下,无序并发会导致主资源速度下降,从而影响首屏渲染;
3. 浏览器缓存可用时会使用缓存资源,这个时候可以避免请求体的传输,对性能有极大提高;

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2764次
    • 积分:85
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:11篇
    • 译文:0篇
    • 评论:0条
    文章分类