当用户输入网址之后浏览器究竟干了什么，当然先是域名解析，然后建立链接......网络层面不是我想说的重点，好多前辈大牛都讲过，就一笔带过，着重说的是浏览器在拿到HTML、CSS和JS还有image等等素材之后怎么渲染成我们要看的页面的（google，百度了好多关键词，很多都把细…

在前面一章我们学习了 Web Performance Timing Api 可以用来分析web应用的资源加载、手动卡点的性能（时间），那么我们现在就来看看怎么使用Resource Timing 来分析我们的静态资源的加载情况。 开发：我用我的(手机|电脑)测试了没有问题啊很快啊…

前端优化应该站在整个 web 系统这个层次去做，去分析瓶颈 去找到优化目标 当然 既然要谈前端性能优化 如果在团队去坚持使用前端工程化工具如 gulp grunt webpack 的话 基本覆盖了前端能做的优化 case

首先React这类框架？ 目前主流的前端框架React、Vue、Angular都是采用客户端渲染（服务端渲染暂时不在本文的考虑范围内）。这当然极大的减轻了服务器的压力。相对的浏览器的压力就增加了。这就

性能优化 这样一个词应该已经是老生常谈了，不仅在面试中面试官会以此和你掰头，而且在工作中领导也会因为网页加载速度慢来敲打你学(打)习(工)，那么前端性能优化，如果判断到底需不需要做，如果需要做又怎么去

在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…

互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果加载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上，加载时间每多1秒，你就会流失7%的用户。8秒并不是准确的8秒钟，只是向网站开发者表明了加载时间的重要性。…

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…

当项目代码量达到一定级别，我们就会发现我们首次进入项目的时间特别长，其原因就是打包过后的app.js大小过大，加载需要一定的时间。 那我们有什么方法可以进行性能优化呢？