Enviar búsqueda
Cargar
高性能网站最佳实践
•
48 recomendaciones
•
2,706 vistas
L
longhao
Seguir
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 86
Recomendados
Html5
Html5
cazhfe
第十二章解答
第十二章解答
jiannrong
WEB 安全基础
WEB 安全基础
xki
Http cache 的優化
Http cache 的優化
振揚 陳
Hadoop开发者入门专刊
Hadoop开发者入门专刊
liangxiao0315
Http Headers 與 Cache 機制(2016)
Http Headers 與 Cache 機制(2016)
振揚 陳
Google雲端備份與虛擬伺服器建置工作坊
Google雲端備份與虛擬伺服器建置工作坊
Chung-Yi Huang
Php应用程序常见安全问题解析
Php应用程序常见安全问题解析
mysqlops
Recomendados
Html5
Html5
cazhfe
第十二章解答
第十二章解答
jiannrong
WEB 安全基础
WEB 安全基础
xki
Http cache 的優化
Http cache 的優化
振揚 陳
Hadoop开发者入门专刊
Hadoop开发者入门专刊
liangxiao0315
Http Headers 與 Cache 機制(2016)
Http Headers 與 Cache 機制(2016)
振揚 陳
Google雲端備份與虛擬伺服器建置工作坊
Google雲端備份與虛擬伺服器建置工作坊
Chung-Yi Huang
Php应用程序常见安全问题解析
Php应用程序常见安全问题解析
mysqlops
jiaju.com首页前端优化一期报告
jiaju.com首页前端优化一期报告
zhangsuoyong
從 Web Site 到 Web Application,從 Web Services 到 Mobile Services
從 Web Site 到 Web Application,從 Web Services 到 Mobile Services
Kuo-Chun Su
Flash对象在(X)Html中的格式和参数及安全性
Flash对象在(X)Html中的格式和参数及安全性
taobao.com
twMVC#26 | 淺談 ASP.NET Caching 技術與實踐
twMVC#26 | 淺談 ASP.NET Caching 技術與實踐
twMVC
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
jay li
Big Java, Big Data
Big Java, Big Data
Kuo-Chun Su
如何使用 Xhprof 分析網站效能 (真實案例)
如何使用 Xhprof 分析網站效能 (真實案例)
Cyril Wang
如何使用 Xhprof 分析網站效能 (真實案例2)
如何使用 Xhprof 分析網站效能 (真實案例2)
Cyril Wang
透明计算与云计算
透明计算与云计算
longhao
Netputer
Netputer
longhao
Vim get start_1.0
Vim get start_1.0
longhao
hadoop
hadoop
longhao
产品部内部交流平台
产品部内部交流平台
longhao
Dean Keynote Ladis2009
Dean Keynote Ladis2009
longhao
Node.js长连接开发实践
Node.js长连接开发实践
longhao
手机上的硬件设备及典型App
手机上的硬件设备及典型App
longhao
软件重构
软件重构
longhao
借助社会化媒体的个人成长
借助社会化媒体的个人成长
longhao
Java并发编程培训
Java并发编程培训
longhao
并发编程实践
并发编程实践
longhao
无Ued产品的易用性讨论
无Ued产品的易用性讨论
longhao
RBG COM
RBG COM
WAQAR SYED, CPA, CGA
Más contenido relacionado
La actualidad más candente
jiaju.com首页前端优化一期报告
jiaju.com首页前端优化一期报告
zhangsuoyong
從 Web Site 到 Web Application,從 Web Services 到 Mobile Services
從 Web Site 到 Web Application,從 Web Services 到 Mobile Services
Kuo-Chun Su
Flash对象在(X)Html中的格式和参数及安全性
Flash对象在(X)Html中的格式和参数及安全性
taobao.com
twMVC#26 | 淺談 ASP.NET Caching 技術與實踐
twMVC#26 | 淺談 ASP.NET Caching 技術與實踐
twMVC
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
jay li
Big Java, Big Data
Big Java, Big Data
Kuo-Chun Su
如何使用 Xhprof 分析網站效能 (真實案例)
如何使用 Xhprof 分析網站效能 (真實案例)
Cyril Wang
如何使用 Xhprof 分析網站效能 (真實案例2)
如何使用 Xhprof 分析網站效能 (真實案例2)
Cyril Wang
La actualidad más candente
(8)
jiaju.com首页前端优化一期报告
jiaju.com首页前端优化一期报告
從 Web Site 到 Web Application,從 Web Services 到 Mobile Services
從 Web Site 到 Web Application,從 Web Services 到 Mobile Services
Flash对象在(X)Html中的格式和参数及安全性
Flash对象在(X)Html中的格式和参数及安全性
twMVC#26 | 淺談 ASP.NET Caching 技術與實踐
twMVC#26 | 淺談 ASP.NET Caching 技術與實踐
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
Big Java, Big Data
Big Java, Big Data
如何使用 Xhprof 分析網站效能 (真實案例)
如何使用 Xhprof 分析網站效能 (真實案例)
如何使用 Xhprof 分析網站效能 (真實案例2)
如何使用 Xhprof 分析網站效能 (真實案例2)
Destacado
透明计算与云计算
透明计算与云计算
longhao
Netputer
Netputer
longhao
Vim get start_1.0
Vim get start_1.0
longhao
hadoop
hadoop
longhao
产品部内部交流平台
产品部内部交流平台
longhao
Dean Keynote Ladis2009
Dean Keynote Ladis2009
longhao
Node.js长连接开发实践
Node.js长连接开发实践
longhao
手机上的硬件设备及典型App
手机上的硬件设备及典型App
longhao
软件重构
软件重构
longhao
借助社会化媒体的个人成长
借助社会化媒体的个人成长
longhao
Java并发编程培训
Java并发编程培训
longhao
并发编程实践
并发编程实践
longhao
无Ued产品的易用性讨论
无Ued产品的易用性讨论
longhao
RBG COM
RBG COM
WAQAR SYED, CPA, CGA
CV_CC_engl
CV_CC_engl
Claudio T A Carneiro
Articulo Sindrome Nefrotico
Articulo Sindrome Nefrotico
xelaleph
LeadMe 경험글 작성 가이드
LeadMe 경험글 작성 가이드
RAIZE
Enciclopedia de los diferentes comandos de personalizacion de diapositivas p...
Enciclopedia de los diferentes comandos de personalizacion de diapositivas p...
INSTITUTO TECNOLÓGICO SUPERIOR VIDA NUEVA
04 Aziende Comunicano
04 Aziende Comunicano
Marco Muzzarelli
Everything is Marketing: Insights from the internship
Everything is Marketing: Insights from the internship
Sameer Mathur
Destacado
(20)
透明计算与云计算
透明计算与云计算
Netputer
Netputer
Vim get start_1.0
Vim get start_1.0
hadoop
hadoop
产品部内部交流平台
产品部内部交流平台
Dean Keynote Ladis2009
Dean Keynote Ladis2009
Node.js长连接开发实践
Node.js长连接开发实践
手机上的硬件设备及典型App
手机上的硬件设备及典型App
软件重构
软件重构
借助社会化媒体的个人成长
借助社会化媒体的个人成长
Java并发编程培训
Java并发编程培训
并发编程实践
并发编程实践
无Ued产品的易用性讨论
无Ued产品的易用性讨论
RBG COM
RBG COM
CV_CC_engl
CV_CC_engl
Articulo Sindrome Nefrotico
Articulo Sindrome Nefrotico
LeadMe 경험글 작성 가이드
LeadMe 경험글 작성 가이드
Enciclopedia de los diferentes comandos de personalizacion de diapositivas p...
Enciclopedia de los diferentes comandos de personalizacion de diapositivas p...
04 Aziende Comunicano
04 Aziende Comunicano
Everything is Marketing: Insights from the internship
Everything is Marketing: Insights from the internship
Similar a 高性能网站最佳实践
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
TBAD F2E 2010 review
TBAD F2E 2010 review
leneli
Web storage&web socket&canvas
Web storage&web socket&canvas
molice
Web dev road map part one
Web dev road map part one
安 闫
拆分初始化负载
拆分初始化负载
kaven yan
前端性能优化和自动化
前端性能优化和自动化
kaven yan
张所勇:前端开发工具推荐
张所勇:前端开发工具推荐
zhangsuoyong
高性能LAMP程序设计
高性能LAMP程序设计
fuchaoqun
非常靠谱 Html 5
非常靠谱 Html 5
Tony Deng
HTML5概览
HTML5概览
Adam Lu
OPOA in Action -- 使用MagixJS简化WebAPP开发
OPOA in Action -- 使用MagixJS简化WebAPP开发
leneli
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流
hizhubo
使用Big pipe提升浏览速度 wk_velocity
使用Big pipe提升浏览速度 wk_velocity
kumawu
缓存技术浅谈
缓存技术浅谈
Robbin Fan
2012 php conf slide PIXNET 如何使用 php
2012 php conf slide PIXNET 如何使用 php
ronnywang_tw
前端性能测试
前端性能测试
tbmallf2e
Using google appengine (2)
Using google appengine (2)
Wei Sun
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
Du Yamin
浅析浏览器解析和渲染
浅析浏览器解析和渲染
Ailsa126
Similar a 高性能网站最佳实践
(20)
[2008]网站重构 -who am i
[2008]网站重构 -who am i
TBAD F2E 2010 review
TBAD F2E 2010 review
Web storage&web socket&canvas
Web storage&web socket&canvas
Web dev road map part one
Web dev road map part one
拆分初始化负载
拆分初始化负载
前端性能优化和自动化
前端性能优化和自动化
张所勇:前端开发工具推荐
张所勇:前端开发工具推荐
高性能LAMP程序设计
高性能LAMP程序设计
非常靠谱 Html 5
非常靠谱 Html 5
HTML5概览
HTML5概览
OPOA in Action -- 使用MagixJS简化WebAPP开发
OPOA in Action -- 使用MagixJS简化WebAPP开发
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
价值中国网站开发、管理经验探讨、分享、交流
价值中国网站开发、管理经验探讨、分享、交流
使用Big pipe提升浏览速度 wk_velocity
使用Big pipe提升浏览速度 wk_velocity
缓存技术浅谈
缓存技术浅谈
2012 php conf slide PIXNET 如何使用 php
2012 php conf slide PIXNET 如何使用 php
前端性能测试
前端性能测试
Using google appengine (2)
Using google appengine (2)
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
浅析浏览器解析和渲染
浅析浏览器解析和渲染
高性能网站最佳实践
1.
2.
课程 课程对象:所有感兴趣的人员 课程目的:
通过此课程,学员能熟悉高性能网站的优化原理, 14 条最佳优化实践的应用范围,熟悉工具的使用,并能网站类项目进行性能上的优化。
3.
4.
前端优化的重要性
5.
6.
7.
8.
9.
10.
11.
Empty vs. Full
Cache 1 用户请求 www.yahoo.com 2 用户请求其他页面 3 用户再次请求 www.yahoo.com
12.
Empty vs. Full
Cache with an empty cache 1 用户请求 www.yahoo.com 2 user requests other web pages 3 user re-requests www.yahoo.com
13.
Empty vs. Full
Cache 1 用户请求 www.yahoo.com 2 用户请求其他页面 3 用户再次请求 www.yahoo.com
14.
Empty vs. Full
Cache Expires header 3 用户再次请求 www.yahoo.com with a full cache 1 用户请求 www.yahoo.com 2 用户请求其他页面
15.
16.
浏览器 cache 实验
17.
18.
浏览器 cache 实验
40-60% ~20% page views with empty cache users with empty cache
19.
20.
并行下载 两个组件 in
parallel per hostname HTTP/1.1 GIF GIF GIF GIF GIF GIF
21.
22.
最大化并行下载 响应时间
(seconds) 主机名
23.
最大化并行下载 响应时间
(seconds) 规则:使用 2 个最多不超过 4 个的 主机名
24.
25.
26.
27.
28.
29.
30.
合并脚本,合并样式表 3 7
youtube.com 1.5 6.5 Average 1 4 yahoo.com 1 3 wikipedia.org 2 2 myspace.com 1 9 msn.com 1 1 froogle.google.com 2 7 ebay.com 2 11 cnn.com 1 18 aol.com 1 3 amazon.com Stylesheets Scripts
31.
32.
33.
34.
35.
36.
37.
规则 2: 使用
CDN youtube.com Akamai yahoo.com wikipedia.org Akamai, Limelight myspace.com SAVVIS msn.com google.com Akamai, Mirror Image ebay.com cnn.com Akamai aol.com Akamai amazon.com
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
下载慢的感觉快
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
精简
vs. 混淆 原始 JavaScript //this is a test javascript YAHOO.util.CustomEvent = function(type, oScope, silent, signature) { this.type = type; this.scope = oScope || window; this.silent = silent; this.signature = signature || YAHOO.util.CustomEvent.LIST; this.subscribers = []; if (!this.silent) { } var onsubscribeType = "_YUICEOnSubscribe"; if (type !== onsubscribeType) { this.subscribeEvent = new YAHOO.util.CustomEvent(onsubscribeType, this, true); } };
65.
精简
vs. 混淆 精简后的 JavaScript YAHOO.util.CustomEvent=function(type,oScope,silent,signature){this.type=type;this. scope=oScope||window;this.silent=silent;this.signature=signature||YAHOO.util. CustomEvent.LIST;this.subscribers=[];if(!this.silent){} var onsubscribeType="_YUICEOnSubscribe";if(type!==onsubscribeType){this.subscribeEv ent=new YAHOO.util.CustomEvent(onsubscribeType,this,true);}};
66.
精简
vs. 混淆 混淆后的 JavaScript YAHOO.util.CustomEvent=function (_1,_2,_3,_4){ this.type=_1; this.scope=_2||window; this.silent=_3; this.signature=_4||YAHOO.util.CustomEvent.LIST; this.subscribers=[]; if(!this.silent){ } var _5="_YUICEOnSubscribe"; if(_1!==_5){ this.subscribeEvent=new YAHOO.util.CustomEvent(_5,this,true); } };
67.
68.
69.
70.
重定向 no yes
– secondary page yes – secondary page yes – secondary page yes – initial page no yes – secondary page yes – initial page yes – secondary page no 重定向 www.youtube.com www.yahoo.com www.wikipedia.org www.myspace.com www.msn.com froogle.google.com www.ebay.com www.cnn.com www.aol.com www.amazon.com
71.
72.
73.
74.
75.
76.
77.
其它网站 YSlow 得分情况
前面删除了部分页面,一些公司的案例。 C(79) 豆瓣 D(66) 51.com F(31) 当当 F(40) MSN B(86) Yahoo F(36) 卓越亚马逊 A(91) 百度 A(93) Google D(64) 淘宝 F(26) 新浪 等级 网站
78.
79.
80.
81.
82.
83.
84.
85.
推荐图书
86.