web性能优化-面试篇

分析

一个网站从用户按回车的一瞬间经历了哪些跟前端相关的过程

  1. 先判断页面的缓存
  2. DNS查询
  3. 建立TCP连接
  4. 发送HTTP请求
  5. 接收响应
  6. 接收完成得到一个HTML
  7. 查看DOCTYPE根据你的DOCTYPE去选择是用html/xml
  8. 逐行解析(阅读)
  9. 看到标签
  10. 看到css(下载css然后继续往下看还有没有css,如果还有旧同时下载第二个,第三个....最ie可以同时下载4个,当超过4个的时候剩下的就得排队,等到其中哪一个下载完成后面的就会相应的继续进入下载队列)
  11. 看js(和css相同)

相关补充:

css

IE:不会阻塞html,也就是说只要遇到html就会渲染
chrome:会阻塞html,只有css全部 加载完才会渲染html
对于css来说下载并行,解析串行(也就是说下载是同时下载的,执行是按先后顺序的)
比如:


上面的代码,ie就是会先渲染h2,然后再加载css,而chrome会先加载完css再渲染h2

js

一定会阻塞html渲染,也就是说只有当前的js执行完成才会渲染下面的html,对于js来说同样下载并行,解析串行;比如


                    
                    

你可能感兴趣的:(web性能优化-面试篇)