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

高性能网站建设

阅读更多
规则一:减少HTTP请求
    只有10%-20%的最终用户响应时间花在接收所请求的文档上,剩下的80%-90%时间花在为html文档所引用的所有组件(图片、脚本、样式表、Flash等)进行的HTTP请求上。因此,改善响应时间的最简单途径就是减少组件的数量,并由此减少HTTP请求的数量。
    方法:(1)图片地图(2)CSS Sprites(3)内联图片和脚本(4)样式表的合并

规则二:使用内容发布网络
     缩短客户与服务器的距离。

规则三:添加EXPIRS头
    添加expirs头可以使html组件被浏览器缓存,避免不必要的http请求。 它告诉浏览器可以使用一个本地的副本,直到她过期。http1.1中引入cache-control来取代expris,cache-control的max-age可以指定组件可以被缓存多久,是一个相对时间。
    若即没有使用expirs也没有使用cache-control,http会发送请求时会检查本地副本的修改时间(if-modify-since)并发送给服务器,如果组件自生成日期来没有改变过,服务器会返回一个304 not modify状态码,并不在发送响应实体

规则四:压缩组件(GZIP COMPONENTS)
参考文章 tomcat下配置gzip,以及springside 的gzip例子

规则五:将样式表放在顶部(put stylesheets at the top)

规则六:将脚本放在底部(put Scripts at the Bottom) 脚本的下载会阻塞html的呈现
    在下载脚本时并行下载实际上是被禁用的-即使使用了不同的主机名,浏览器也不会启动其它的下载,其中一个原因是,脚本可能使用documentv.write来修改页面内容,因此浏览器会等待,确保页面能恰当的布局;另一个原因是为了保证脚本能够按照正确的顺序执行。如果并行下载多个脚本,就无法保证响应是按照特定顺序到达浏览器的。
    脚本会阻塞对其后面内容的呈现
    脚本会阻塞其后面组件的下载
    除了可以将脚本放底部还可以 ,使用延迟脚本(Deffrred)。DEFER属性表明脚本不包含documentv.write,浏览器得到这一线索就可以继续呈现
<script src="/bin/sleep.cgi?type=js&sleep=10&expires=-1&last=0" defer></script>
  
规则七:避免CSS表达式 (Avoid CSS Expressions)

规则八:使用外部javascript和CSS (make javascript and css external)
   纯粹而言,内联快一些,但是javascript和css文件有机会被浏览器缓存起来。hmtl文档至少是包含动态的html文档通常不会被配置为可以进行缓存。当遇到这情况,每次请求html文档都要下载内联的javascript和css。另一方面,如果css和script是外部文件,浏览器能缓存它们,html文档的大小减小,而且不会增加http请求数量。 关键点:需要权衡内联与外联。

规则九:减少DNS查找
浏览器和操作系统也可以缓存DNS 信息

规则十:精简javascript

规则十一:避免重定向

规则十二:移除重复脚本

规则十三:配置ETAG


分享到:
评论

相关推荐

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

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

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

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

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

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

    高性能网站建设指南.pdf

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

    高性能网站建设指南

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

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

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

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

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

    高性能网站建设进阶

    本书是《高性能网站建设指南》姊妹篇。作者Steve Souders是前Google Web性能布道者和前Yahoo!首席性能工程师。在本书中Souders与8位专家分享了提升网站性能的实践和实用建议,主要包括:理解Ajax性能,编写高效的,...

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

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

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

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

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

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

    高性能网站建设进阶指南:WEB开发者性能优化最佳PDF

    《高性能网站建设进阶指南》是一本专为WEB开发者设计的性能优化手册,旨在帮助开发者们构建更快、更稳定、更高效的网站。这本书深入探讨了JavaWeb和Java在网站开发中的应用,结合实际案例,提供了丰富的优化策略和...

    高性能网站建设指南High.Performance.Web.Sites

    《高性能网站建设指南》是一本深度探讨如何提升网站性能的专业书籍,由Steve Souders撰写,中文版和英文原版都包含在压缩包中。这本书针对Web开发者和网站优化人员,提供了许多实用的策略和技巧,旨在帮助他们创建更...

    高性能网站建设指南PDF版

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

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

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

    [高性能网站建设指南——前端工程师技能精粹(英文原版)].pdf

    《高性能网站建设指南——前端工程师技能精粹》是前端开发领域的一本重要著作,它由Steve Souders撰写,旨在提供一套实用的策略和技巧,帮助网站优化性能,提高加载速度和用户体验。这本书不仅受到业界知名专家如Joe...

    高性能网站建设进阶指南:Web开发者性能优化,免费分享给大家

    【高性能网站建设进阶指南:Web开发者性能优化】是一本针对Web开发者提升网站性能的专业书籍,旨在帮助开发者掌握关键技巧和最佳实践,以实现更高效、更快速的网站体验。本书内容涵盖广泛,从基础的前端优化策略到...

Global site tag (gtag.js) - Google Analytics