高性能网站建设指南pdf

下载地址:网盘下载

内容简介  · · · · · ·

本书结合Web 2.0以来Web开发领域的最新形势和特点,介绍了网站性能问题的现状、产生的原因,以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征,阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术,全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南》中,作者给出了14条具体的优化原则,每一条原则都配以范例佐证,并提供了在线支持。《高性能网站建设指南》内容丰富,主要包括减少HTTP请求、Edge Computing技术、Expires Header技术、Gzip组件、CSS和JavaScript最佳实践、主页内联、Domain最小化、JavaScript优化、避免重定向的技巧、删除重复JavaScript的技巧、关闭ETags的技巧、Ajax缓存技术和最小化技术等。《高性能网站建设指南》适合Web架构师、信息架构师、Web开发人员及产品经理阅读和参考。

作者简介  · · · · · ·

Steve Souders在Yahoo!担任Chief Performance。他于2000年加盟Yahoo!,在该公司的很多平台和产品团队中工作过。在他到达今天这个位置之前,他就职于My Yahoo!开发团队。.

作为Chief Performance Yahoo!,他开发了一系列优秀软件,可以使网站访问速度变得更快。他构建了用于进行性能分析的工具,并将这些优秀软件和工具传播到Yahoo!的各个产品团队中。

在到Yahoo!之前,Steve就职于很多小型或中型公司,包括他和别人一起创办的两个公司——Helix Systems和CoolSync。

目录  · · · · · ·


前言
绪言A:前端性能的重要性
跟踪Web页面性能
时间花在哪了?
性能黄金法则
绪言B:HTTP概述
压缩
条件GET请求
Expircs
Kcep-Alive
更多信息
第1章:规则1——减少HTTP请求
图片地图
CSS Sprites
内联图片
合并脚本和样式表
小结
第2章:规则2——使用内容发布网络
内容发布网络
节省
第3章:规则3——添加Expires头
Expires头
Max-Agc和mod_cxpircs
空缓存VS完整缓存
不仅仅是图片
修订文件名
示例
第4章:规则4——压缩组件
压缩是如何工作的
压缩什么
节省
配置
代理缓存
边缘情形
压缩的实际效果
第5章:规则5——将样式表放在顶部
逐步呈现
sleep.cgi
白屏
无样式内容的闪烁
前端工程师应该做什么?
第6章:规则6——将脚本放在底部
脚本带来的问题
并行下载
脚本阻塞下载
最差情况:将脚本放在顶部
最佳情况:将脚本放在底部
正确地放置
第7章:规则7——避免CSS表达式
更新表达式
围绕问题展开工作
小结
第8章:规则8——使用外部JavaScript和CSS
内联VS外置
典型的对比结果
主页
两全其美
第9章:规则9——减少DNS查找
DNS缓存和TTL
浏览器的视角
减少DNS查找
第10章:规则10——精简JavaScript
精简
混淆
节省
示例
锦上添花
第11章:规则11——避免重定向
重定向的类型
重定向是如何损伤性能的
重定向之外的其他选择
第12章:规则12——移除重复脚本
重复脚本——确有其事
重复脚本损伤性能
避免重复脚本
第13章:规则13——配置ETag
ETag是什么?
ETag带来的问题
Etag——用还是不用
现实世界中的ETag
第14章:规则14——使AjaX可缓存
Web 2,0、DHTML和Ajax
异步与即时
优化AJax请求
现实世界中的Ajax缓存
第15章:析构十大网站
页面大小、响应时间、YSlow等级
如何进行测试
Amazon
AOL
CNN
eBay
Googlc
MSN
MySpace
Wikipedia
Yahoo
YouTube
索引

下载地址:网盘下载

原文地址:https://www.cnblogs.com/longgg/p/8465356.html

时间: 2024-11-08 18:13:23

高性能网站建设指南pdf的相关文章

前端性能优化规则总结—读《高性能网站建设指南》

本文对<高性能网站建设指南>这本书中提出的14种基本的前端性能优化方案进行了总结,这本书介绍的优化方案比较过时了,不能完全满足目前前端性能优化,如果您浏览完能弄清楚每种方案的实施过程.就没必要看这本书了. 规则1-减少HTTP请求 1.使用图片地图 图片地图允许你在一个图片上关联多个URL,目标URL的选择取决于用户点击了图片上的哪个位置. 比如导航栏菜单有五个选项,为了美观,我们将菜单对应的超链接关联到图片上,可以使用五个分开的图片分别关联五个分开的超链接,此时加载这个导航菜单就要通过五次H

高性能网站建设指南

规则1——减少HTTP请求 只有10%到20%的最终用户响应时间花在接收请求的HTML文档上面.剩下80%到90%的 时间花在为HTML文档所引用的所有组件(图片,脚本,flash,样式表等)进行的HTTP请求上.因此改善响应的最简单途径就是减少组件数量,由此减少HTTP请求的数量. 图片地图 使用map标签进行坐标定位,减少图片数量.导航栏中使用了多个图片时候可以使用. 缺点很多:手工方式很难完成坐标定位,且容易出错.除了矩形之外也难以定义其他形状,通过DHTML定义的图片IE中还无法工作.不

读书笔记-高性能网站建设指南(2007)

人的思维往往会进入一种误区,认为"后面的","背后的"东西都是神秘的,伟大的影响力非凡的.所以很多书以"某某内幕"为题,很多程序猿以精通"底层开发"或"后端开发"为荣:同样的当网站出现问题时,我们第一时间想到的也是如何优化"后端".但这并不一定就是正确的,也许从前端入手,改善性能,将事半功倍. 绪言A:前端性能的重要性 在请求脚本时不会发生并行请求.这是因为在多数情况下,浏览器在下载脚本

《高性能网站建设指南》笔记

目录: 绪言A: 至少有80%的时间花在了显示Web页面上,并且这些时间是花在html文档下载完毕后发生的. 14条规则: 规则1: 减少http请求 方法: 1. 图片地图(Image Map):在一个图片上关联多个url,目标url的选择取决于用户点击了图片上的哪个位置. 图片地图有两种类型:服务器端图片地图(将所有点击提交到同一个目标url,向其传递用户点击的x,y坐标.Web应用程序将该x,y坐标映射为适当的操作)和客户端图片地图(将用户的点击映射到一个操作).映射通过html的map标

《高性能网站建设指南》

1.目录11页 1.第一章:规则1-减少HTTP请求,介绍为什么额外的HTTP请求会对性能产生巨大的影响,并介绍了减少HTTP请求的方法,包括图片地图.CSS Sprites.使用data:模式的URL内嵌图片,     以及合并脚本和样式表 2.第二章:规则2-使用内容发布网络,强调了使用内容发布网络的优势 3.第三章:规则3-添加Expires头,研究了一个简单的HTTP头是如何通过浏览器缓存来戏剧性地改善web页面性能的 4.第四章:规则4-压缩组件,解释了压缩是如何工作的,以及如何为we

《高性能网站建设指南》读书笔记

(一)绪言 1.绪言A 性能黄金法则: 只有10%~20%的最终用户响应时间花在了下载HTML文档上.其余的80%~90%时间花在了下载页面中的所有组件上. 2.绪言B HTTP概述: HTTP是浏览器和服务器通过Internet进行相互通信的协议. 请求的类型:GET  POST  HEAD  PUT  DELETE  OPTIONS  TRACE. 压缩:浏览器使用Accept-Encoding头来声明它可以支持压缩.服务器使用Content-Encoding头确认响应已被压缩. 条件GET

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

网页的性能黄金法则: 只有10%~20%的最终用户相应时间花在了下载html文档上.其余的80%~90%时间花在了下载页面中的所有组件上. 这本书的其余部分,对减少80%~90%最终用户相应时间做出指导. 如果能遵循所有适用于自己网站的规则,页面网站的速度将提高20%~25%. 开始干货 规则1:减少http请求 1.图片地图(服务器端图片地图,客户端图片地图) 2.CSS Sprites 3.内联图片(IE目前还不支持) 4.合并脚本和样式表 规则2:使用内容发布网络 规则3:添加长久的Exp

读高性能网站建设指南

性能黄金法则:只有10%~20%的最终用户响应时间花在了下载HTML文档上.其余的80%~90%时间花在了下载页面中所有组件上 规则1:减少HTTP请求 图片地图(Map) CSS Sprites(css精灵) 内联图片(<a><img src = "" ></a>) 合并脚本和合并样式表 图片地图鱼css sprites响应时间几乎一样,比原来为每个图片使用链接快50%以上,将内联图片放置在外部样式表中增加了一个额外的http请求,但被缓存后可以获

高性能网站建设指南总结

性能黄金法则:只有10%-20%的最终用户响应时间花在了下载HTML文档上,其余的80%-90%时间花在了下载页面中的所有组件. 1.  减少Http请求:减少HTML文档中所引用的组件(图片,脚本,样式表,Flash等)       主要用到的技术有:图片地图.Css Sprites.内联图片(data:URL).图片加载延迟lazyLoad.脚本和样式表合并.    内联图片:ie67不支持,大小受限制,不缓存(内联CSS图片可缓存).       内联CSS图片PHP模板展示:http:/