前端机能优化

话说回来，运用HTML、CSS、JS开辟网站，谁会把我们写好的代码拿去运转呢？是浏览器呀。

那末机能优化是怎么回事呢？

优化谁的机能？假如我们没有开辟网站，那末什么也不须要优化，但开辟了，就要优化了。如今不斟酌后端，只斟酌前端机能优化。

岂非紧缩图片资本、紧缩代码量，好让用户疾速接见。写的HTML须要优化？写的CSS代码须要优化？写的JavaScript代码须要优化？

假如在浏览器内的机能优化，我想到的就是我们所写的代码。浏览器剖析HTML，变成DOM对象。浏览器剖析CSS,变成CSSOM。浏览器剖析JavaScript，实行我们写过的代码，然后去操纵DOM变动标签呢的数据，然后去操纵DOM对应的款式，去变动每一个DOM节点对应的款式。

浏览器是怎样衬着网页的？

当浏览器接受到一个网页时，它会怎样剖析呢？怎样去辨认谁是<script>标签、谁是<style>标签辨认这些标签，各自做了什么事？

浏览器衬着一个网页，大概有五个步骤。

第一步：HTML转成DOM构造
第二步：CSS转成CSSOM构造
第三步：DOM和CSSOM连系，天生一颗衬着树（包括每一个节点的视觉信息）
第四步：天生规划（layout），行将一切衬着树的一切节点举行平面整合
第五步：讲规划绘制在屏幕上