高性能网站建设指南总结返回列表
由成都网站营销于2016-05-12 00:00:00编辑发布,已经有个小伙伴看过这篇文章啦
规则1——减少HTTP请求
只有10%到20%的最终用户响应时间花在接收请求的HTML文档上面。剩下80%到90%的 时间花在为HTML文档所引用的所有组件(图片,脚本,flash,样式表等)进行的HTTP请求上。因此改善响应的最简单途径就是减少组件数量,由此减少HTTP请求的数量。
规则2——使用内容分发网络 CDN
内容分发网络(conten delivery network)是一组分布在多个不同地理位置的Web服务器。可以使用CDN服务提供商。
CDN用于发布静态图片(将所有静态组件转移到CDN),图片,脚本样式表,Flash,静态文件更易存储,有较少的依赖性。
规则3——添加Expires头
Web页面包含大量组件,首次访问时间并不是唯一需要考虑的,页面的初访者会进行很多HTTP请求,但是可以使用一个长久的Expires头,使得这些组件被缓存。
规则4——压缩组件
很多网站会压缩HTML文档,压缩脚本和样式表也是非常值得的,还包括XML和JSON在内的任何文本响应。图片和PDF不应该解压缩,因为已经被压缩了。再压缩只会浪费CPU资源,还有可能会增加文件大小。
压缩的成本:服务器会花费额外的CPU周期来完成压缩,客户端要对压缩文件进行解压缩。要检测受益是否大于开销,需要考虑响应的大小,连接的带宽和和客户端服务器之间的Internet距离。
规则5——将样式表放在顶部
使用link标签将样式表放在文档head中.将css放在底部的时候(有观点觉得DHTML特性东西在最后展现,所以会把css放在底部觉得更优化。)实则不然,这样容易发生白屏和无样式内容的闪烁。
规则6——将脚本放在底部
脚本放在顶部会阻塞后面内容的呈现和组件的下载。进而产生白屏现象。
放在底部将会产生最小影响和最佳效应。
规则7——避免css表达式
css表达式 expression方法被其他浏览器忽略,IE支持,这种方法虽然强大但是非常危险。
规则8—— 使用外部的js和css
单纯比较而言,内联在第一次加载时要快一点,因为内联只有一个http请求。
但是多方面考虑还是要用外置。
内联无法缓存,外置可以缓存,而且当你页面使用了相同的js和css时候,可以组件重用,缓存优势更明显。
规则9——减少DNS查找
Internet通过IP地址查找服务器,浏览器查找一个给定主机名的IP地址要花费20—120毫秒,也是有开销的,充当这个角色的就是DNS(domain name system)
规则10——精简javascript
代码精简之后所有的注释以及不必要的空白字符(空格,换行,制表符),可以减小20%。这样的代码更加精炼,但是更难阅读。通常这样做是为了增加对代码进行反向工程的难度,但对提高性能也有帮助。
只有10%到20%的最终用户响应时间花在接收请求的HTML文档上面。剩下80%到90%的 时间花在为HTML文档所引用的所有组件(图片,脚本,flash,样式表等)进行的HTTP请求上。因此改善响应的最简单途径就是减少组件数量,由此减少HTTP请求的数量。
规则2——使用内容分发网络 CDN
内容分发网络(conten delivery network)是一组分布在多个不同地理位置的Web服务器。可以使用CDN服务提供商。
CDN用于发布静态图片(将所有静态组件转移到CDN),图片,脚本样式表,Flash,静态文件更易存储,有较少的依赖性。
规则3——添加Expires头
Web页面包含大量组件,首次访问时间并不是唯一需要考虑的,页面的初访者会进行很多HTTP请求,但是可以使用一个长久的Expires头,使得这些组件被缓存。
规则4——压缩组件
很多网站会压缩HTML文档,压缩脚本和样式表也是非常值得的,还包括XML和JSON在内的任何文本响应。图片和PDF不应该解压缩,因为已经被压缩了。再压缩只会浪费CPU资源,还有可能会增加文件大小。
压缩的成本:服务器会花费额外的CPU周期来完成压缩,客户端要对压缩文件进行解压缩。要检测受益是否大于开销,需要考虑响应的大小,连接的带宽和和客户端服务器之间的Internet距离。
规则5——将样式表放在顶部
使用link标签将样式表放在文档head中.将css放在底部的时候(有观点觉得DHTML特性东西在最后展现,所以会把css放在底部觉得更优化。)实则不然,这样容易发生白屏和无样式内容的闪烁。
规则6——将脚本放在底部
脚本放在顶部会阻塞后面内容的呈现和组件的下载。进而产生白屏现象。
放在底部将会产生最小影响和最佳效应。
规则7——避免css表达式
css表达式 expression方法被其他浏览器忽略,IE支持,这种方法虽然强大但是非常危险。
规则8—— 使用外部的js和css
单纯比较而言,内联在第一次加载时要快一点,因为内联只有一个http请求。
但是多方面考虑还是要用外置。
内联无法缓存,外置可以缓存,而且当你页面使用了相同的js和css时候,可以组件重用,缓存优势更明显。
规则9——减少DNS查找
Internet通过IP地址查找服务器,浏览器查找一个给定主机名的IP地址要花费20—120毫秒,也是有开销的,充当这个角色的就是DNS(domain name system)
规则10——精简javascript
代码精简之后所有的注释以及不必要的空白字符(空格,换行,制表符),可以减小20%。这样的代码更加精炼,但是更难阅读。通常这样做是为了增加对代码进行反向工程的难度,但对提高性能也有帮助。
下一条:
客户案例
- 我们的承诺
- 我们的实力
- 我们的未来
-
7*24小时售后支持
全国7x24小时客服热线
-
质量保证
双倍赔付终端服务时间
-
交付准时
遵守时间规定项目实时跟进
-
360°
专业设计创作团队
- 13年技术沉淀
- 多项软件著作权
- 专业设计师、工程师
- 1000+客户
-
同行
持续陪伴企业成长,共创,共赢
-
赋能
帮助企业建设全网营销生态链
-
连接
让企业与用户快速连接一切
-
未来
为企业与用户搭建共享开发平台