网页制作学习:reflow的问题
对理论没兴趣的,可以只看红色标注的结论 mozilla的工程师dbaron发表过一篇演讲,提到reflow的问题。概念不难理解 mozilla系列浏览器构建网页的过程:
简单言之浏览器的运算开销大多在reflow这一步,就是获取对象的布局、排版等样式,如果样式的定义有误则浏览器会重新运算,之后再展现在浏览器上。 而HTML文档中,比较典型的是图片的宽高未定义,浏览器会自行计算,所以很多网页优化的文章都列入了这条,即可能的话,就把图片的宽度高度写进HTML文档里。 从渲染过程上来讲,mozilla有过CSS的书写建议:
猜测这应该和mozilla系列浏览器本身渲染网页的优先级顺序切合。 我的书写顺序: 大致符合建议规则,同时因为书写样式时修改频率最高的就是背景和边框,所以放在最外面,取了规则和工作效率的平衡点。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |