《高性能网站建设指南》笔记-2 规则1——减少HTTP请求
前一篇的性能黄金法则(Performance Golden Rule)揭示了只有10%-20%的最终用户响应时间花在接收所请求的HTML文档上。剩下的80%-90%时间花在为HTMl文档所引用的所有组件(图片,脚本,样式表,flash等)进行的http请求上。因此,改善响应时间的最简单途径就是减少组件的数量,并由此减少http请求的数量。
图片地图 Image Maps
图片地图(Image Maps)允许你在一个图片上关联多个url。目标url的选择取决于用户单击了图片上的哪个位置。
如果一个导航栏中有5副图片,如果使用图片地图则可以更有效率,因为5个http请求被减少为1个http请求。响应时间将会降低,因为减少了http开销。
CSS Sprites
css Sprites可以将多幅图片合并为一幅单独的图片。
他的优点:通过合并图片减少http请求,并且比图片地图更灵活。另外一个优点:减低了下载量。很多人会认为合并后的图片会比分离的图片总和要大,因为合并的图片中包含有附加的空白区域。实际上,合并后的图片会比分离的图片的总和要小,这是因为他减低了图片自身的开销(颜色表,格式信息,等)。
如果需要在页面中为背景,按钮,导航栏,连接等提供大量图片,css Sprites绝对是一种优秀的解决方案——干净的标签,很少的图片和很短的响应时间。
内联图片 inline Images
合并脚本和样式表 combined scripts and stylesheets
一般来说,使用外部脚本和样式表对性能更有利。然而,如果遵循软件工程师所推荐的方式和模块化的原则将代码分开放在多个小文件中,会降低性能,因为每个文件都会导致一个额外的http请求。
和图片地图及css Sprites的优点一样,将这些单独的文件合并到一个文件中,可以减少http请求的数量并缩短最终用户的响应时间。
转载于:https://www.cnblogs.com/gby630/archive/2008/12/16/1356299.html
《高性能网站建设指南》笔记-2 规则1——减少HTTP请求相关推荐
- 性能之巅:《高性能网站建设指南》读书笔记
性能之巅:<高性能网站建设指南>读书笔记 前言 去年笔者(Chainn)读完了几本前端性能优化以及HTTP等网络方面的书,并在生产环境做了部分应用.这些书包括<高性能网站建设指南&g ...
- 《高性能网站建设指南》学习笔记
无意中看到同事有本<高性能网站建设指南>,趁着有时间借来读读. 简单的讲这是一本前端优化网站的书,作者总结了14条性能规则,我这里只记录下方便实用的方法. 规则一:减少HTTP请求 1.C ...
- 《高性能网站建设指南》勘误
<高性能网站建设指南>勘误 P5(第1章) 倒数第1段倒数第3行 原文:如果你遵从所有适用于你的网站的规则,你的页面的加载速度会提高20%~25%,用户体验也将得到改善. 修改:如果你遵从 ...
- 高性能网站建设指南——网站优化的14条建议
网站优化之--高性能网站建设指南 不考虑带宽大小,不考虑服务器性能如何,如何保证网站从服务器到用户浏览器这个过程是最快的,打开一个网站之前的用户体验是最好的呢.Steve Souders的高性能网站建 ...
- 读高性能网站建设指南
读高性能网站建设指南 原文:读高性能网站建设指南 性能黄金法则:只有10%~20%的最终用户响应时间花在了下载HTML文档上.其余的80%~90%时间花在了下载页面中所有组件上 规则1:减少HTTP请 ...
- 读《高性能网站建设指南》有感
这本书最大的特点是把管理人员和技术人员从传统的思维模式中解放出来,对于大多数管理人员和技术人员来说当谈到高性能网站和性能瓶颈时,总是习惯从系统硬件.网络.数据库.中间件.系统架构等方面去思考问题,诚然 ...
- 高性能网站建设指南-前端性能优化(一)
年前,读完了<高性能网站建设指南>,但是一直没有整理.年后回来和同事一起出了份前端面试题,涉及到了关于性能优化的问题,在此特梳理一下. 大量的公司在开发功能业务时,只关注功能点的实 ...
- 高性能网站建设指南总结
高性能网站建设指南总结 本文根据<高性能网站建设指南>一书进行总结,加上自己的理解和新的知识点进行补充添加. 规则1--减少HTTP请求 只有10%到20%的最终用户响应时间花在接收请求的 ...
- 求【javascript设计模式】【高性能网站建设指南】PDF!哪位有给下啊!!!
快哟,等下版主就给我移除了,就没有了啊...... 强烈推荐:<JavaScript设计模式> 理由:异常生猛的一本书,看书名带"设计模式"就知道,这本书想要读明白有点 ...
- 《高性能网站建设指南》的阅读总结.
引言:去年的时候,公司的平台需要对访问速度等进行优化,大致的方向就是从缓存.压缩.减少请求等方面进行处理,不光需要对网络有一定的理解,也需要对浏览器的机制以及前端的技术等有些许的了解,在这个过程中,阅 ...
最新文章
- php时区问题导致php页面显示不正常
- R之ddlpy函数学习[转载]
- androidstudio表格中填充 宽跟长一样_Excel表格的基本操作教程,覆盖表格制作的10大知识!...
- Spring MVC普通类或工具类中调用service报空空指针的解决办法(调用service报java.lang.NullPointerException)...
- ICML 2021文章引发热议:矩阵乘法无需相乘,速度提升100倍
- JavaScript 中的代码小技巧
- 基于单样本单统计推断-假设检验
- PHP 超级全局变量
- Flow monitoring in Software-Defined Networks
- 人工智能诗歌写作平台_人工智能教作文,只写出二类文,人类语文老师稳赢
- 【转】javascript判断浏览器是不是IE
- Oracle下sqlplus无法使用命令退格删除和历史记录的解决方法--使用rlwrap
- MySQL调优的8种方式
- 考研复试-数据库知识点速记
- python爬虫中字符串开头b,u,r的含义
- WSN连通性模拟、WSN覆盖率模拟、WSN分簇模拟、WSN能量损耗模拟
- 云计算技术优势和商业优势是什么,主要有哪些特点?
- 夕拾算法初级篇:5)1020. 月饼(贪心)
- 强强联合 数睿数据与霍尼韦尔Tridium达成战略合作
- 2018软工实践作业一