浏览器加载网页的顺序

加载顺序

开始:输入网址(html)

-》载入 HTML 代码{若有css文件然后请求css}

-》继续载入html body部分 同时css获取成功开始渲染

-》若有img然后请求图片，不等图片获取成功，先继续渲染

-》图片获取成功，布局由于图片被改变，浏览器重新渲染图片部分

-》若遇见script则执行,若存在dom操作则渲染操作部分

-》渲染到</html>结束

优化

压缩 [html,js,css,img]

内联js改为外部引入\\让浏览器可以缓存

  减少http请求

|-雪碧图

|-js/css合并

|-减少dns查找 \\个人理解：外部资源域名地址能一样就一样 比如：不要一个图片用的百度的外链 ， 一个图片用的新浪的外链

缓存数据

|-ajax  cache参数

优化加载顺序

|-图片懒加载

不要嵌套table

指定图片和table的大小  \\可立即渲染 不需要再重做布局工作