摘要：介绍 做web开发，我个人觉得必须要弄清楚浏览器的渲染过程，否则我们很难进行前端优化。 我今天就简单说一下页面加载和前端优化。页面加载我按照最简单的方式进行描述，实际上更复杂，不管是在浏览器端还是服务端，比如dns解析，代理服务器，负载均衡器等等。1、用户访问网页，发送一个http请求到网络服务... 阅读全文

摘要：在页面的加载过程中，CSSOM树和DOM树会被合并成一棵渲染树，用于计算每个可视元素的布局。同时，它也会作为绘制过程的输入参数，用于绘制屏幕上的每个像素点。优化其中的每一步都对优化页面的渲染性能至关重要。在前面的章节中，我们介绍了对象模型的构建，也就是根据加载的HTML和CSS代码构建DOM树和CS... 阅读全文

摘要：JS 和 CSS 在页面中的位置，会影响其他资源（指 img 等非 js 和 css 资源）的加载顺序，究其原因，有三个值得注意的点：JS 有可能会修改 DOM.典型的，可能会有document.write. 这意味着，在当前 JS 加载和执行完成前，后续所有资源的下载有可能是没必要的。这是 JS ... 阅读全文

摘要：why为什么要了解浏览器加载、解析、渲染这个过程？了解浏览器如何进行加载，我们可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析，我们可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲... 阅读全文

摘要：目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers 一... 阅读全文

摘要：译自：http://css-tricks.com/efficiently-rendering-css/无可否认我并不经常考虑这个问题… 我们书写的CSS的效率如何，浏览器渲染它的速度如何？浏览器的开发者肯定关心这个问题（页面加载越快，人们用着越开心）。Mozilla有篇文章about best pr... 阅读全文

摘要：一、文件规范1、文件均归档至约定的目录中所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ul业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影... 阅读全文