`
aubdiy
  • 浏览: 698076 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

《高性能网站建设指南》读后总结

    博客分类:
  • web
阅读更多

原创文章,转载请指明出处:http://aub.iteye.com/blog/2094392尊重他人既是尊重自己。

 

网页的性能黄金法则:

只有10%~20%的最终用户相应时间花在了下载html文档上。其余的80%~90%时间花在了下载页面中的所有组件上。

这本书的其余部分,对减少80%~90%最终用户相应时间做出指导。

如果能遵循所有适用于自己网站的规则,页面网站的速度将提高20%~25%。

 

开始干货

规则1:减少http请求

1.图片地图(服务器端图片地图,客户端图片地图)

2.CSS Sprites

3.内联图片(IE目前还不支持)

4.合并脚本和样式表

规则2:使用内容发布网络

规则3:添加长久的Expires头,升级时更新文件名

1.使用Expires头

2.使用Cache-Control头 max-age指令

规则4:压缩组件(gzip)

对于大于1KB或2KB的文件进行压缩,压缩脚本和样式表

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

使用LINK标签将样式表放在文档HEAD中

规则6:将脚本放在页面底部

规则7:避免CSS表达式

规则8:使用外部JavaScript和CSS

1.加载后下载

2.动态内联

规则9:减少DNS查找

通过使用Keep-Alive和减少唯一主机域名来减少DNS查找

规则10;精简JavaScript、CSS(使用相应的工具)

1.混淆(变量名、函数名变得更短)

2.节省(去掉空白、注释等)

规则11:避免重定向

规则12:移除重复脚本

规则13:配置或移除ETage

规则14:使Ajax可缓存

确保Ajax请求遵守性能指导,尤其应具有长久的Expires头

 

书上分析页面推荐使用Yahoo的YSlow工具,会根据页面实践本书所介绍的性能规则的优劣成都产生一个单独的得分(A为最好,F为最差)。

 

分享到:
评论
1 楼 xusheng87 2014-07-21  

相关推荐

    高性能网站建设指南2.pdf

    高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf

    高性能网站建设指南_1.pdf

    高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf高性能网站建设指南.pdf

    高性能网站建设指南2 中文版 高性能网站建设指南(中文版)

    高性能网站建设指南 “如果实现了Steve这些建议中的20%,你的站点就能出现戏剧性的变化。有了这本书和YSlow扩展,实在是没有理由再构建出运行速度缓慢的网站了。”  ——Joe Hewitt,Firebu9调试器和Mozilla的DOM...

    高性能网站建设指南

    ### 高性能网站建设指南 #### 一、引言 在当今互联网时代,网站已经成为企业和个人展示自身形象、提供服务的重要平台。随着用户对网站访问速度和体验要求的提高,建设高性能网站成为必然趋势。《高性能网站建设...

    高性能网站建设指南.part1.rar

    在《高性能网站建设指南》中,作者给出了14条具体的优化原则,每一条原则都配以范例佐证,并提供了在线支持。《高性能网站建设指南》内容丰富,主要包括减少HTTP请求、Edge Computing技术、Expires Header技术、Gzip...

    高性能网站建设指南.pdf

    不过,我可以根据标题《高性能网站建设指南.pdf》和您提供的文件信息描述,推测可能涉及的知识点,并将其详细阐述。 高性能网站建设知识点: 1. 网站性能优化基础 网站性能优化是确保网站在用户访问时能够快速响应...

    高性能网站建设指南系列 包括了两本书

    《高性能网站建设指南》系列是针对Web开发者的一套宝贵资源,旨在提供网站性能优化的最佳实践。这一系列包括两本书——《高性能网站建设指南》和《高性能网站建设进阶指南》,涵盖了从基础到高级的全方位优化技巧。 ...

    高性能网站建设指南 pdf高清

    《高性能网站建设指南》是一本深度探讨如何构建快速、高效、用户体验优秀的网站的专业书籍。这本书针对的是网站开发者、设计师以及对网站性能优化有兴趣的读者。它不仅涵盖了基础的网页设计原则,还深入剖析了提高...

    高性能网站建设进阶指南 WEB开发者性能优化最佳实践 + 高性能网站建设指南

    这两本指南——《高性能网站建设指南》和《高性能网站建设进阶指南:WEB开发者性能优化最佳实践》将为我们揭示解决这些问题的关键策略。 首先,我们来探讨《高性能网站建设指南》中的核心概念。这本书强调了“速度...

    高性能网站建设指南电子书PDF格式

    《高性能网站建设指南》是一本专注于优化网站前端性能的电子书,以PDF格式提供,旨在帮助开发者和网站管理员提升用户体验,降低服务器负担。本书的核心内容涵盖了多个关键领域,旨在通过科学的方法和技术来加速网页...

    高性能网站建设指南(pdf).part2

    《高性能网站建设指南》结合Web2.0以来Web开发领域的最新形势和特点,介绍了网站性能问题的现状、产生的原因,以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征,阐释优化Ajax、CSS、...

    高性能网站建设指南PDF版

    《高性能网站建设指南》是一本深度探讨如何提升网站性能和速度的专业书籍。这本书涵盖了从前端到后端,从HTML到CSS的全方位优化策略,旨在帮助开发者和网站管理员构建快速响应、用户体验优秀的网站。以下是对其中...

    高性能网站建设指南.zip

    2. **高性能网站建设指南**:这个主题涵盖了多个领域,如前端优化、后端架构、缓存策略和负载均衡等。前端优化包括减少HTTP请求,压缩CSS和JavaScript,利用CDN(Content Delivery Network)分发静态资源,优化图片和...

Global site tag (gtag.js) - Google Analytics