当前位置: 移动技术网 > IT编程>网页制作>CSS > 高性能网站建设指南

高性能网站建设指南

2019年01月18日  | 移动技术网IT编程  | 我要评论

玻璃奶瓶怎么消毒,俗人岛 清新脱俗,牛仔和外星人高清

高性能网站建设指南

之前一个机械化工类企业网站项目:发现项目原网站确实卡的不行。

项目结束之后,与之前原网站对比了一下,性能优化的大有可侃之处。
总结归纳了一下高性能建站的经验方法。

web精髓

网站性能优化 参考点:

规则1:减少http请求
方法:使用图片地图css sprites图片、内联图片base64、合并脚本和样式表

规则2:使用内容发布网络 ( cdn )
cdn是指:一组分步在多个不同地理位置的web服务器,勇于更加有效地向用户发布内容。
通常指在讨论性能问题时回提到它的性能,同时它还能节约成本!
在优化性能时,向特定用户发布内容的服务器的选择基于对网络可用度的测量。
例如: cdn可能选择网络阶跃数最小的服务器,或者具有最短响应时间的服务器。

过度依赖cdn,易受竞争对手流量、cdn服务的性能下降、无法直接控制cdn服务器、用户切换到cdn地理位置远近,等等多个因素的影响。

规则3:添加expires头
为组件添加长久的expires头。这样后续直接从磁盘上读取它,避免一个http请求。

反之,浏览器会向原始服务器发送一个条件get请求,如果组件没有改变,原始服务器可以免于发送整个组件,而是发送一个很小的头,告诉浏览器可以使用其缓存的组件。

规则4:压缩组件
压缩网站的html文档、样式表、javascript脚本。
这样可以有机会将页面数据量减少70%以上。

规则5:将样式表放在顶部

标签内
使用

标签将样式表放在文档的head中。
这样可以避免白屏、无样式内容的闪烁。

规则6:将脚本放到底部是最佳情况
并行下载多个图片等文件时,可避免脚本阻塞下载。

很多时候,无法将js脚本移到底部。尤其像:脚本使用document.write向页面内插入内容、作用域问题,等等
还有就是:建议使用延迟脚本

规则7:避免css表达式

规则8:将javascript和css放到外部文件中
尽量使用外联!

纯粹而言,内联更快一些!

组件重用,避免两个极端:

避免为每个页面提供一组分离的外部文件 避免创建一个单独的、联合了所有的javascript的文件,在创建一个包含所有css的文件。

规则9:减少dns请求
通过使用keep-alive和较少的域名来减少dns查找

规则10:精简javascript
两种方法:精简(简单又安全)、混淆 (更复杂,增加对代码反向工程的难度,提高性能,比精简更能减小代码的大小;但是也有 缺陷: 可能发生引入错误, 维护: 易改变了javascript符号,所以需要提前标记api函数等等所有任何不能改变的符号, 调试: 很难)

规则11:避免重定向
重定向是web页面变慢。
缺少结尾的斜线/如果没有出现 比如: 重定向访问http://astrology.yahoo.com/astrology时产生的,将导致多出一个301响应,其中将会包含一个到http://astrology.yahoo.com/astrology/的重定向

跟踪内部流量、跟踪出站流量、美化url

规则12:删除重复脚本
重复脚本损伤性能,避免重复脚本。确保脚本只被包含一次!

规则13:配置etag
配置或移除etag

规则14:使ajax可缓存
确保ajax请求遵守性能指导,尤其应具有长久的expires头。

以上就是关于 “ 高性能网站建设指南 ” 的全部内容。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网