推荐大家时间充裕的话可以自己阅读英文原文，此文是根据掘金翻译的四篇文章 + 其他的翻译文章 + 自己翻译修改得出的。因为翻译大家懂得，会有一些错误的地方，欢迎大家指出，本人不保证翻译没有错误，但已经尽力去翻译了，所以欢迎大家直接阅读英文原文！！欢迎大家直接阅读英文原文！！欢迎大…

由DOM或者布局的变动而触发。 如你改变了一个div的位置，或者是改变了这个div的width, height, position 或者布局类的样式。 通过一次完整的web请求和渲染过程以及如何优化网页，我们可以知道页面渲染的时候，会忽略掉display: none这一类的不占…

本文主要介绍访问一个网站时的流程，页面渲染过程，包括其中涉及到的概念。 以及，我们如何去优化前端页面，让它访问速度更快。（critical rendering path最佳渲染路径） 在 HTTP/1.x 中，如果客户端要想发起多个并行请求以提升性能，则必须使用多个 TCP 连…

前端优化之路必不可少的知识点。 ... 本文按一定顺序总结与前端性能优化的基本点，大家可以按步骤逐一检查自己的项目，找出性能的瓶颈。如有错误遗漏欢迎补充纠正。 文章有些原理细节都在参考文章中，价值较高建议读一读。 如果发现开发时打包慢、打包体积太大，这是你就要审视下配置了。 比…

javascript在浏览器中运行的性能，可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂，事实上，多数浏览器使用单一进程来处理用户界面和js脚本执行，所以同一时刻只能做一件事。js执行过程耗时越久，浏览器等待响应的时间越长。 1.…