2024年4月5日发(作者：电脑时间每次开机都要重新设置)
最近耳边 W3C 标准的声音越来越多，对页面的各种优化也随之越来越多了，结构优
化、JS优化、CSS优化、图片优化。。。优化的多了，疑问也慢慢的多了，比如jquery的
选择器优化，为什么find()在IE6/7下会比后代或者其他选择器速度快?为什么其他现代浏
览器会反过来呢？那CSS的选择器应该怎样优化呢？为什么不能有过深的层级呢？浏览器
的渲染过程又是怎么样的呢？如果一直重复做着不明白的事情相信也不会有很大的进步，
就像那么多的兼容性BUG，不去弄明白原因只会一次接一次的遇到、修改、再遇到、再修
改。。。死循环下去我们就真的成苦力了。
话说回来这篇文章的翻译就来源于自己对浏览器的渲染及CSS选择器的运行机制相当
的不了解，不经意google到这篇文章，很多以前不明白的东西里面都有讲到，但是纯E
文却不能仔细静下心来看，往往是连蒙带猜的很快过了一遍，不明白的地方仍然不是很明
白。。。于是决定试着把这篇文章翻译下来，希望能够弄清楚更多的东西，至少要把自己想
知道的搞清楚。
事实也证明了我的想法，翻译跟自己阅读完全是两码事！翻译不仅仅要自己明白，而
且还要找到合适的词语再组成通顺易懂的句子……对于大学英语基本等于没学的我确实是
一项很大的尝试，Anyway，总算翻译完了不是~相信以后一定会翻译更多的好文章来学习
~
基于个人认识及翻译水平的限制，译文中难免有很多翻译不当或者理解错误的地方，
敬请批评指正！
浏览器性能渲染优化
google ” browser render” 就可以到看这篇文章，URL：Optimize browser
rendering
当资源被下载到客户端以后，浏览器仍然需要对资源进行加载、解析、和渲染HTML、
CSS和Javascript代码。我们只需要根据当前浏览器的特点简单的格式化排版代码和页面
就可以在客户端方面提高渲染性能。
使用高效的CSS选择器
避免使用CSS expressions
把CSS放在HTML文档的头部
设置图片尺寸
设置字符集
一、使用高效的CSS选择器
概述
避免使用需要匹配大量节点的低效率键选择器可以加快页面渲染。
详细说明
当浏览器解析HTML的时候，它必须先构造一个内部文档结构树来代表所有被显示的
元素。然后匹配各个节点并根据标准CSS的层叠、继承和排序规则为节点加上各种各样风
发布者：admin，转转请注明出处：http://www.yc00.com/xitong/1712313552a2039595.html
评论列表（0条）