巧克力网站模板,广西桂林建设局网站,宁波网站建设 华企立方,网站建设自主建设首先从一次完整的的请求说起#xff1a;#xff08;以此为例get,www,baidu.com#xff09; 1#xff0c;webbrower 发出request#xff0c; 2#xff0c;然后解析www.baidu.com为ip,找到ip的服务器#xff0c; 3#xff0c;服务器处理请求资源并返回请求的内容#xf…首先从一次完整的的请求说起以此为例get,www,baidu.com 1webbrower 发出request 2然后解析www.baidu.com为ip,找到ip的服务器 3服务器处理请求资源并返回请求的内容 4browser接受请求内容过程返回内容是按顺序读取的 4.1遇到外联css就会并发去读取css内容 4.2遇到图片时回去并发读取图片目前浏览器的并发数为2 4.3遇到js时则会阻塞其他请求。 4.4加载完css后browse开始渲染页面 4.5直到加载完页面中的文本资源这时dom的结构已经确定会触发 document.ready方法 4.6 browse继续加载 图片和js完成后。页面就全部加载完成这时会触发 window.onload()方法 来分析一下里面具体的时间开销 1从1--4.4 用户才开始看到页面上有内容在这以前页面就是空白的 2解析域名也是有一定时间开销的如果是大机房的可以通过路由配置 dns 缓存依赖于外部机房环境可控性比较小。 3这是服务器处理的时间优化程序代码可以减少这里的时间 4 4.1浏览器在接收完css之前一般是不去渲染dom的以避免无所谓的刷新和闪烁。所以直到4.4用户才真正在页面上看到内容。 4.2 浏览器的单域名并发访问数 为2多域名下并发数没限制可以通过定义域名别名改善 4.3 浏览器加载js时会阻塞其他请求直到加载完成。改善的话可以把js放到页面下面去加载。 从上面的流程可以分析出以下建议 1减少连接数原因并发限制dns开销 2将css放到 head中。1,首先这符合w3c规范2,应为css加载完后遇到dom对象时就会直接显示可以更快的显示页面。 3将js放到页面底部加载js时会阻塞其他请求这段时间页面没有反映如果js中没有write的话应该放到底部页面渲染完后再加载js 4减少下载内容网络是有速度限制的内容越少当然加载越快 针对上面4条建议给出具体做法 1使用 css sprite将小图片合并合并css、js。使用浏览器缓存 cache-control、expires。不使用etag 2、3不用说了上面已经解释清楚了。 4采用gzip压缩可以使用 jsmin 将js精简使用工具将csshtml精简尽可能缩减图片。 按照 性能黄金法则 说明 文本内容只占所有时间的10%-20%, 这样做以后 至少能将时间缩小40%-50%。能明显改善用户体验。 这只是一些建议参考具体的需要你针对自己的网站进行分析分析工具可以使用firedebug,yslow这两个可以集成 yslow会直接给出你建议。 转自http://www.iteye.com/topic/1010833转载于:https://www.cnblogs.com/xpengfee/p/4581304.html
