Suche senden
Hochladen
高性能网站建设
•
Als PPT, PDF herunterladen
•
2 gefällt mir
•
647 views
F
feifeipan
Folgen
高性能网站建设
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 24
Jetzt herunterladen
Empfohlen
高性能并发Web服务器实现核心内幕
高性能并发Web服务器实现核心内幕
ideawu
Memcached vs redis
Memcached vs redis
qianshi
淘宝软件基础设施构建实践
淘宝软件基础设施构建实践
Wensong Zhang
Redis介绍
Redis介绍
zhaolinjnu
百姓网如何优化网速-Qcon2011
百姓网如何优化网速-Qcon2011
Yiwei Ma
“云存储系统”赏析系列分享三:Sql与nosql
“云存储系统”赏析系列分享三:Sql与nosql
knuthocean
淘宝商品库MySQL优化实践
淘宝商品库MySQL优化实践
Feng Yu
Redis 常见使用模式分析
Redis 常见使用模式分析
vincent253
Empfohlen
高性能并发Web服务器实现核心内幕
高性能并发Web服务器实现核心内幕
ideawu
Memcached vs redis
Memcached vs redis
qianshi
淘宝软件基础设施构建实践
淘宝软件基础设施构建实践
Wensong Zhang
Redis介绍
Redis介绍
zhaolinjnu
百姓网如何优化网速-Qcon2011
百姓网如何优化网速-Qcon2011
Yiwei Ma
“云存储系统”赏析系列分享三:Sql与nosql
“云存储系统”赏析系列分享三:Sql与nosql
knuthocean
淘宝商品库MySQL优化实践
淘宝商品库MySQL优化实践
Feng Yu
Redis 常见使用模式分析
Redis 常见使用模式分析
vincent253
了解内存
了解内存
Feng Yu
构建基于Lamp的网站架构
构建基于Lamp的网站架构
Cosey Lee
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
topgeek
redis 适用场景与实现
redis 适用场景与实现
iammutex
网站存储经验谈pdf
网站存储经验谈pdf
Yu Lin
Linux内存管理
Linux内存管理
zijia
Flash存储设备在淘宝的应用实践
Flash存储设备在淘宝的应用实践
Feng Yu
NoSQL误用和常见陷阱分析
NoSQL误用和常见陷阱分析
iammutex
Ocean base海量结构化数据存储系统 hadoop in china
Ocean base海量结构化数据存储系统 hadoop in china
knuthocean
前端静态文件部署
前端静态文件部署
Charles Wu
SSD在淘宝的应用实践
SSD在淘宝的应用实践
Feng Yu
海量日志分析系统实践,Dba
海量日志分析系统实践,Dba
Cevin Cheung
Lamp优化实践
Lamp优化实践
zhliji2
Hacking Nginx at Taobao
Hacking Nginx at Taobao
Joshua Zhu
构建基于Lamp的中型网站架构
构建基于Lamp的中型网站架构
HonestQiao
Php及drupal性能优化系列(二)
Php及drupal性能优化系列(二)
Robbin Zhao
檔案壓縮
檔案壓縮
DBLab
Traffic server 管理员指南v1.0
Traffic server 管理员指南v1.0
qianshi
高性能队列Fqueue的设计和使用实践
高性能队列Fqueue的设计和使用实践
孙立
music magazine ideas
music magazine ideas
jawgeenahh
Dynamic JS Loader
Dynamic JS Loader
feifeipan
Music industry
Music industry
jawgeenahh
Weitere ähnliche Inhalte
Was ist angesagt?
了解内存
了解内存
Feng Yu
构建基于Lamp的网站架构
构建基于Lamp的网站架构
Cosey Lee
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
topgeek
redis 适用场景与实现
redis 适用场景与实现
iammutex
网站存储经验谈pdf
网站存储经验谈pdf
Yu Lin
Linux内存管理
Linux内存管理
zijia
Flash存储设备在淘宝的应用实践
Flash存储设备在淘宝的应用实践
Feng Yu
NoSQL误用和常见陷阱分析
NoSQL误用和常见陷阱分析
iammutex
Ocean base海量结构化数据存储系统 hadoop in china
Ocean base海量结构化数据存储系统 hadoop in china
knuthocean
前端静态文件部署
前端静态文件部署
Charles Wu
SSD在淘宝的应用实践
SSD在淘宝的应用实践
Feng Yu
海量日志分析系统实践,Dba
海量日志分析系统实践,Dba
Cevin Cheung
Lamp优化实践
Lamp优化实践
zhliji2
Hacking Nginx at Taobao
Hacking Nginx at Taobao
Joshua Zhu
构建基于Lamp的中型网站架构
构建基于Lamp的中型网站架构
HonestQiao
Php及drupal性能优化系列(二)
Php及drupal性能优化系列(二)
Robbin Zhao
檔案壓縮
檔案壓縮
DBLab
Traffic server 管理员指南v1.0
Traffic server 管理员指南v1.0
qianshi
高性能队列Fqueue的设计和使用实践
高性能队列Fqueue的设计和使用实践
孙立
Was ist angesagt?
(19)
了解内存
了解内存
构建基于Lamp的网站架构
构建基于Lamp的网站架构
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
redis 适用场景与实现
redis 适用场景与实现
网站存储经验谈pdf
网站存储经验谈pdf
Linux内存管理
Linux内存管理
Flash存储设备在淘宝的应用实践
Flash存储设备在淘宝的应用实践
NoSQL误用和常见陷阱分析
NoSQL误用和常见陷阱分析
Ocean base海量结构化数据存储系统 hadoop in china
Ocean base海量结构化数据存储系统 hadoop in china
前端静态文件部署
前端静态文件部署
SSD在淘宝的应用实践
SSD在淘宝的应用实践
海量日志分析系统实践,Dba
海量日志分析系统实践,Dba
Lamp优化实践
Lamp优化实践
Hacking Nginx at Taobao
Hacking Nginx at Taobao
构建基于Lamp的中型网站架构
构建基于Lamp的中型网站架构
Php及drupal性能优化系列(二)
Php及drupal性能优化系列(二)
檔案壓縮
檔案壓縮
Traffic server 管理员指南v1.0
Traffic server 管理员指南v1.0
高性能队列Fqueue的设计和使用实践
高性能队列Fqueue的设计和使用实践
Andere mochten auch
music magazine ideas
music magazine ideas
jawgeenahh
Dynamic JS Loader
Dynamic JS Loader
feifeipan
Music industry
Music industry
jawgeenahh
First draft magazine
First draft magazine
danielrawlings
CD Covers: Digipak Design
CD Covers: Digipak Design
jawgeenahh
Music Presentation
Music Presentation
jawgeenahh
Survey Monkey Results
Survey Monkey Results
jawgeenahh
First draft magazine
First draft magazine
danielrawlings
CD Cover Digipak Designs
CD Cover Digipak Designs
jawgeenahh
Album cover: Photoshop Experimentation
Album cover: Photoshop Experimentation
jawgeenahh
Questionnaire Results
Questionnaire Results
jawgeenahh
Research music magazines
Research music magazines
danielrawlings
Ideas
Ideas
jawgeenahh
Cd Covers Design
Cd Covers Design
jawgeenahh
CD COVERS: DIGIPAK DESIGNS
CD COVERS: DIGIPAK DESIGNS
jawgeenahh
Researching music magazines
Researching music magazines
jawgeenahh
Final Storyboard
Final Storyboard
jawgeenahh
AstriCon 2016 - Using Asterisk and XMPP to provide greater tools to your cust...
AstriCon 2016 - Using Asterisk and XMPP to provide greater tools to your cust...
Nome Sobrenome
Having a Niche Audience
Having a Niche Audience
jawgeenahh
Andere mochten auch
(19)
music magazine ideas
music magazine ideas
Dynamic JS Loader
Dynamic JS Loader
Music industry
Music industry
First draft magazine
First draft magazine
CD Covers: Digipak Design
CD Covers: Digipak Design
Music Presentation
Music Presentation
Survey Monkey Results
Survey Monkey Results
First draft magazine
First draft magazine
CD Cover Digipak Designs
CD Cover Digipak Designs
Album cover: Photoshop Experimentation
Album cover: Photoshop Experimentation
Questionnaire Results
Questionnaire Results
Research music magazines
Research music magazines
Ideas
Ideas
Cd Covers Design
Cd Covers Design
CD COVERS: DIGIPAK DESIGNS
CD COVERS: DIGIPAK DESIGNS
Researching music magazines
Researching music magazines
Final Storyboard
Final Storyboard
AstriCon 2016 - Using Asterisk and XMPP to provide greater tools to your cust...
AstriCon 2016 - Using Asterisk and XMPP to provide greater tools to your cust...
Having a Niche Audience
Having a Niche Audience
Ähnlich wie 高性能网站建设
Make your web faster
Make your web faster
德生 谭
前端性能优化和自动化
前端性能优化和自动化
kaven yan
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
George Ang
Paveo Tweak WordPress
Paveo Tweak WordPress
Yuancheng Yang
高性能网站最佳实践
高性能网站最佳实践
longhao
前端性能测试
前端性能测试
tbmallf2e
Ria的强力后盾:rest+海量存储
Ria的强力后盾:rest+海量存储
zhen chen
Beyond rails server
Beyond rails server
Michael Chen
D2 如何发现前端性能问题
D2 如何发现前端性能问题
aoao
腾讯大讲堂08 可扩展web架构探讨
腾讯大讲堂08 可扩展web架构探讨
George Ang
客户端存储与计算
客户端存储与计算
xiaotao ning
The Construction and Practice of Apache Pegasus in Offline and Online Scenari...
The Construction and Practice of Apache Pegasus in Offline and Online Scenari...
acelyc1112009
域名系统简介
域名系统简介
lurga
广告前端代码优化
广告前端代码优化
taobao.com
F1 07 淘宝软件基础设施构建实践_章文嵩_淘宝
F1 07 淘宝软件基础设施构建实践_章文嵩_淘宝
drewz lin
Inside the browser
Inside the browser
otakustay
淘宝对象存储与Cdn系统到服务
淘宝对象存储与Cdn系统到服务
drewz lin
Taobao图片存储与cdn系统到服务
Taobao图片存储与cdn系统到服务
Wensong Zhang
摘星
摘星
zenyuhao
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
Ähnlich wie 高性能网站建设
(20)
Make your web faster
Make your web faster
前端性能优化和自动化
前端性能优化和自动化
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
腾讯大讲堂17 性能优化不是仅局限于后台(qzone)
Paveo Tweak WordPress
Paveo Tweak WordPress
高性能网站最佳实践
高性能网站最佳实践
前端性能测试
前端性能测试
Ria的强力后盾:rest+海量存储
Ria的强力后盾:rest+海量存储
Beyond rails server
Beyond rails server
D2 如何发现前端性能问题
D2 如何发现前端性能问题
腾讯大讲堂08 可扩展web架构探讨
腾讯大讲堂08 可扩展web架构探讨
客户端存储与计算
客户端存储与计算
The Construction and Practice of Apache Pegasus in Offline and Online Scenari...
The Construction and Practice of Apache Pegasus in Offline and Online Scenari...
域名系统简介
域名系统简介
广告前端代码优化
广告前端代码优化
F1 07 淘宝软件基础设施构建实践_章文嵩_淘宝
F1 07 淘宝软件基础设施构建实践_章文嵩_淘宝
Inside the browser
Inside the browser
淘宝对象存储与Cdn系统到服务
淘宝对象存储与Cdn系统到服务
Taobao图片存储与cdn系统到服务
Taobao图片存储与cdn系统到服务
摘星
摘星
[2008]网站重构 -who am i
[2008]网站重构 -who am i
高性能网站建设
1.
高性能网站建设 Ctrip 技术开发部
潘斐斐 2010-03-08 [email_address]
2.
3.
预处理 RTT 查询
DNS 建立连接 发送请求 等待响应 接收数据 读取 cache 处理元素 渲染元素 本地 网络 本地
4.
预处理 查询 DNS
建立连接 发送请求 等待响应 接收数据 读取 cache 处理元素 渲染元素 查询 Cache :读取 Cache 或者发送 304 请求
5.
6.
预处理 查询 DNS
建立连接 发送请求 等待响应 接收数据 读取 cache 处理元素 渲染元素 规则 2 -- 使用 CDN 美国十大 Internet 网站和 CDN 服务提供商 Ctrip 使用的 China-Cache 和网宿
7.
8.
预处理 查询 DNS
建立连接 发送请求 等待响应 接收数据 读取 cache 处理元素 渲染元素 规则 5 -- 避免重定向 在重定向完毕并且 HTML 下载完毕之前,是没有任何东西显示给用户的 Google 和 ctrip 的重定向 涉及服务器负载、数据查询、服务器端缓存等
9.
10.
预处理 查询 DNS
建立连接 发送请求 等待响应 接收数据 读取 cache 处理元素 渲染元素 规则 10 -- 添加 Expire 头 应用于不经常变化的组件,包括脚本、样式表、 Flash 组件、图片 Expires 和 Cache-Control 规则 11 -- 配置或移除 ETag 实体标签 (Entity Tag) 是 Web 服务器和浏览器用于确认缓存组件有效性的一种机制 ETag 截图 ETag 的问题 ( 只包含时间戳和大小或者移除 ETag ) 规则 12 -- 使用外部的 Js 和 Css 文件 如果网站中的每个页面使用了相同的 js 和 css ,使用外部文件可以提高组件的 重用率 。 主页使用内联方法(加载后下载、动态内联 [cookie] ) 规则 13 -- 使 Ajax 可缓存 被动请求 & 主动请求
11.
预处理 查询 DNS
建立连接 发送请求 等待响应 接收数据 读取 cache 处理元素 渲染元素 不要对 image 和 pdf 等二进制文件进行 gzip 压缩
12.
13.
14.
15.
谢谢 ······
16.
Ctrip 两张页面比较 Ctrip
首页 js 请求截图 Ctrip 某频道首页 js 请求截图
17.
Ctrip 首页例子
18.
Google 和 Ctrip
的重定向 http:// destguides.ctrip.com / http:// toolbar.google.com
19.
压缩如何工作
20.
请求 favicon.ico 的例子
21.
Expires 和 Cache-Control
Expires 头使用特定时间,要求服务器和客户端的时钟严格同步; Cache-Control 使用 max-age 指定组件被缓存多久,以秒为单位。可以重写 Expires 头。 Ctrip 首页某 JS 文件请求 Google 首页某 JS 文件请求
22.
ETag 截图
23.
Ctrip 某页面 CSS
的位置 http://stevesouders.com/hpws/css-bottom.php http://stevesouders.com/hpws/css-top.php http://stevesouders.com/hpws/css-fouc.php
24.
脚本位置截图 http://stevesouders.com/hpws/js-top.php
http://stevesouders.com/hpws/js-bottom.php
Jetzt herunterladen