巩义做网站,贵阳网站制作策划,烟台企业网站,图片在线制作加字相关资源#xff1a;性能优化原则
1 加载资源的形式 html代码 媒体文件#xff0c;如图片#xff0c;视频等 javasccript css 2 加载资源的过程 DNS解析#xff1a;域名- ip地址 浏览器根据IP地址向服务器发送http 请求 服务器处理http 请求#xff0c;并返回给浏览器…相关资源性能优化原则
1 加载资源的形式 html代码 媒体文件如图片视频等 javasccript css 2 加载资源的过程 DNS解析域名- ip地址 浏览器根据IP地址向服务器发送http 请求 服务器处理http 请求并返回给浏览器 3 渲染页面的过程 根据HTML 代码生成DOM Tree 根据CSS 代码生成CSSOM 将DOM Tree和CSSOM 整合形成render Tree ● 根据Render Tree渲染页面 ● 遇到 script则暂停渲染优先加载并执行JS 代码完成再继续 ● 直到Render tree 渲染完成 window.onload 和 DOMContentLoaded的区别
window.addEventListener(load,function(){//页面的全部资源加载完才会执行包括图片、视频等
})
window.addEventListener(DOMContentLoaded,function(){//DOM 渲染完即可执行此时图片、视频还可能没有加载完
})
