![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
性能优化
Leo__Summer
Github:https://github.com/Summer-xzy
展开
-
Css优化
• 把样式表置于顶部• 避免使用CSS表达式• 用代替@import• 避免使用滤镜1、把样式表置于顶部 我们发现把样式表放到文档的内部似乎会加快员面的下裁速度,这是因为把样式表放到内会使页面有步骤的加载显示。注重性能的前端服务器往往希望页面有秩序地加载, 同时, 我们也希望浏览器把已经接收到内容尽可能显示出来, 这对子拥有较多内容的页面和网速较慢的用户来说特别重要。当转载 2017-07-28 13:53:58 · 494 阅读 · 0 评论 -
Js代码优化
• 把脚本置子页面底部• 使用外部JavaScript和CSS• 消减JavaScript和CSS• 减少DOM访问• 开发智能事件处理程序1、把脚本置于页面底部脚本带来的问题就是它阻止了页面的平行下载, HTTP/1.1规范建议,浏览器每个主机名的并行下载内容不超过两个,如果你的图片放在多个主机名上,你可以在每个并行下载中同时下载2个以上的文件。但是当转载 2017-07-28 13:57:46 · 339 阅读 · 0 评论 -
服务器代码优化
1、使用内容分发网络 内容分发网络(Content Delivery Network, CDN)是由一系列分散到各个不同地理位置上的Web服务器组成的,它提高了网站内容的传输速度,用于向用户传输内容的服务器主要是根据和用户在网络上的靠近程度来指定的。例如,拥有最少网络跳数(nctwork hops)和响应速度最快的服务器会被选定。用户与网站服务器的接近程度会影响响应时间的长短,把网站内转载 2017-07-28 13:59:42 · 442 阅读 · 0 评论 -
内容代码优化
• 尽量减少HTTP请求• 减少DNS查找• 避免跳转• 缓存Ajax• 推迟加载• 提前加载• 减少DOM元素数量• 用域名划分页面内容• 使frame数量减少• 避免404错误1、尽量减少HTTP请求 终端用户响应的时间中,有80%用于下载各项内容,这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTT转载 2017-07-28 14:01:13 · 282 阅读 · 0 评论