前端机能优化
话说回来,运用HTML、CSS、JS开辟网站,谁会把我们写好的代码拿去运转呢?是浏览器呀。
那末机能优化是怎么回事呢?
优化谁的机能?假如我们没有开辟网站,那末什么也不须要优化,但开辟了,就要优化了。如今不斟酌后端,只斟酌前端机能优化。
岂非紧缩图片资本、紧缩代码量,好让用户疾速接见。写的HTML须要优化?写的CSS代码须要优化?写的JavaScript代码须要优化?
假如在浏览器内的机能优化,我想到的就是我们所写的代码。浏览器剖析HTML,变成DOM对象。浏览器剖析CSS,变成CSSOM。浏览器剖析JavaScript,实行我们写过的代码,然后去操纵DOM变动标签呢的数据,然后去操纵DOM对应的款式,去变动每一个DOM节点对应的款式。
浏览器是怎样衬着网页的?
当浏览器接受到一个网页时,它会怎样剖析呢?怎样去辨认谁是<script>标签、谁是<style>标签辨认这些标签,各自做了什么事?
浏览器衬着一个网页,大概有五个步骤。
第一步:HTML转成DOM构造
第二步:CSS转成CSSOM构造
第三步:DOM和CSSOM连系,天生一颗衬着树(包括每一个节点的视觉信息)
第四步:天生规划(layout),行将一切衬着树的一切节点举行平面整合
第五步:讲规划绘制在屏幕上