浏览器内核差异
浏览器内核主要分成两部分:渲染引擎和JS引擎;
渲染引擎:负责获取网页内容,计算网页显示方式,然后输出显示;
浏览器内核的不同,对网页的语法解释会有不同,所以渲染效果也不相同;
JS引擎:解析和执行JavaScript来实现网页的动态效果;
所有网页浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要内核;
Trident内核:IE6、IE7、IE8、IE9、IE10
Weblit内核:safari
Blink内核:谷歌
浏览器渲染原理
用户输入网址,浏览器向服务器发出请求,服务器返回html页面,载入html代码;
遇到link标签的时候,浏览器会再次向页面进行请求,并根据请求到的css来重绘页面;
遇到script标签的时候,浏览器再次请求服务器,并执行得到的js来重绘页面;
当遇到图片等其他文件,浏览器也会再次发起请求并根据拿到的文件对页面进行重绘;
进行上面这些步骤的时候,浏览器的重绘回流时无法避免的,需要进一步优化,比如制作雪碧图,避免反复请求,给图片固定宽高等;
网友评论