前端性能优化-基础知识认知

域名解析是从右到左的,比如 news.baidu.com ,解析时,是先解析最后的.com中的., .是公网,是最外层的域名,然后才会解析到com ,然后解析到baidu

301 重定向是网页更改地址后对搜索引擎友好的最好方法,只要不是暂时搬移的情况,都建议使用301来做转址。
302 重定向是临时性转移。

前端页面渲染流程:

(一)、HTML 页面请求
(1): HTML 文档下载:包括 html(文档自身)、javascript(js)、link(css)、video(.ogg .mp4)、audio(.mp3)、img(图片src)
(2): HTML文档解析

  1. dom树生成(所有):包括可见的和不可见的dom
  2. render树生成(可见)
  3. 逐级解析dom树:

p、label、a等等一般不引用外部资源标签;

link、js、img可外部引用标签:
link:css,尽量减少页面的reflow。
页面回流和页面重绘的主要区别就在于:页面回流是在页面的dom结构改变的情况下,导致的页面重新渲染。页面重绘是在页面dom结构没有改变情况下,对颜色等的修改。

jsvascript:js绘制dom节点会阻塞其他标签解析、甚至下载。不建议使用 document.write,因为其会阻塞下载通道。

img: 图片src,图片加载可以先使用分辨率较低的图片

(二)、浏览器的js引擎

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容