全民优化

42
全民 优化 全民 优化 -eª0W [email protected]

description

懒懒交流会分享 keynote中的视频被slideshare吃掉了,引用youTube

Transcript of 全民优化

Page 1: 全民优化

全民优化全民优化-�eª�0W 

[email protected]

Page 2: 全民优化

^P-�ÌÔ

f��Æ��® eª�0f��Æ�EÇ^P fÓ�aºÛ��5 �0f�0À� T Ó�6n�

Page 3: 全民优化

全民优化-�eª�0W 

[email protected]

1.问题是?

2.怎样做?

3.工具呢?

Page 4: 全民优化

1问题是? ��® eª�0

Page 5: 全民优化
Page 6: 全民优化
Page 7: 全民优化
Page 8: 全民优化

Page 9: 全民优化

Page 10: 全民优化

一直优化从未停过

Page 11: 全民优化

�.#/��0]³2��Ó Ü

Page 12: 全民优化

%-���¶�3 �O¬�ǽÜ

Page 13: 全民优化

�'* ¦Ï®�08ª´���(N

Page 14: 全民优化

����U,e�08wvÄ=�Û�wvN8wV�/wÐZN��±h9ª N

Page 15: 全民优化

��&�m1��£=ª.m×�C���Ö#;¹Ê��Ê

Page 16: 全民优化

��&� ��>�¬rok)z�@r<��[r

Page 17: 全民优化

2怎样做 ���td|

Page 18: 全民优化

军规

Page 19: 全民优化

F = 8×{100-[4×(JSp�o-3)+4×(CSSp�o-2)+3×(CSS©uHÃlo-6) ] } +6×(100-10×x��CDN�Ãl�o) +10×[100-11×(ExpirerÍW�172800��Ãl�o) ] +8×[100-11×(p�MWM�500R«� x��gzip�Ãl�o)] +4×[body��wCSSÃl ? 100∶ (99-10×body��CSSÃlo) ] +4×(100-5×head��JavaScriptÃlo) +3×[�SICSS­¾_ ?100: (90-2×CSS­¾_o�) ] +3×[100-5×(J?o-4)] +4×(100-10×x���CSS�JS�o) +4×(100-10×Redirect�o) +4×[100-5×(ÈL�JavaScript�o+ÈL�CSS�o) ] +2×(100-11×x��Etag�Ãl�o) +4×(100-5×x¤Sg§¤SrÍ�¼3600��AJAXµ��o) +3×(100-5×µ�q_�tGET�AJAX�o) +3×{DOM!�oÉ<MaxDOM ?100∶ [99-10×Ý((DOM!�oÉ-900))/250Þ ] } +4×(100-5×�c404�Ãl�o) +3×[cookieMW�»¿1000R« ?100∶ (99-10×ßÒÑcookie�MW/1000à ) ] +3×(100-5×��¼cookie free®��Ël�o) +4×[100-(2×��hack�filter�o+5×x��hack�filter�o) ] +3×(100-5×IHTML���²UwidthBheight�H�o) +2×[100-(favicon�9¤Sg¤SrÍW�3600� ? 5∶0)-(faviconMW»¿2000R«? 5∶0)]

YSlow

Page 20: 全民优化

YSlow

F = 8×{100-[4×(JSp�o-3)+4×(CSSp�o-2)+3×(CSS©uHÃlo-6) ] } +6×(100-10×x��CDN�Ãl�o) +10×[100-11×(ExpirerÍW�172800��Ãl�o) ] +8×[100-11×(p�MWM�500R«� x��gzip�Ãl�o)] +4×[body��wCSSÃl ? 100∶ (99-10×body��CSSÃlo) ] +4×(100-5×head��JavaScriptÃlo) +3×[�SICSS­¾_ ?100: (90-2×CSS­¾_o�) ] +3×[100-5×(J?o-4)] +4×(100-10×x���CSS�JS�o) +4×(100-10×Redirect�o) +4×[100-5×(ÈL�JavaScript�o+ÈL�CSS�o) ] +2×(100-11×x��Etag�Ãl�o) +4×(100-5×x¤Sg§¤SrÍ�¼3600��AJAXµ��o) +3×(100-5×µ�q_�tGET�AJAX�o) +3×{DOM!�oÉ<MaxDOM ?100∶ [99-10×Ý((DOM!�oÉ-900))/250Þ ] } +4×(100-5×�c404�Ãl�o) +3×[cookieMW�»¿1000R« ?100∶ (99-10×ßÒÑcookie�MW/1000à ) ] +3×(100-5×��¼cookie free®��Ël�o) +4×[100-(2×��hack�filter�o+5×x��hack�filter�o) ] +3×(100-5×IHTML���²UwidthBheight�H�o) +2×[100-(favicon�9¤Sg¤SrÍW�3600� ? 5∶0)-(faviconMW»¿2000R«? 5∶0)]

Page 21: 全民优化

�!���$�m×)o�q_

Page 22: 全民优化

�����Àt$�m×)o�4�

Page 23: 全民优化

�)t��Â��Î~

Page 24: 全民优化

WIKItW����~

Page 25: 全民优化

��¥Ò+D]+9�¥¢�$�°Gy,DOM | BOMJavaScript i¬eªH�ØFlash �7Q�¸�¯eªX&

WIKItW����~

Page 26: 全民优化

3工具 X�F%� b"*%G

Page 27: 全民优化

$��HttpWatchØFirebugØDeveloper Tool�

Page 28: 全民优化

�YH

Page 29: 全民优化

HARHTTP Archive

JSON �ok}_

Page 30: 全民优化
Page 31: 全民优化

0+�DynaTraceØSpeed Tracer�

Page 32: 全民优化
Page 33: 全民优化
Page 34: 全民优化

WEBPAGETESTok)z\:

webpagetest.org

Page 35: 全民优化
Page 36: 全民优化

,2

Page 37: 全民优化

�"

Page 38: 全民优化

�(����* TopNØxReferØBrowser

wpo.taobao.net

Page 39: 全民优化

❉ xRefer{+��ÒÑ`��E�¸�

{+Á�¸��s¡Ù200/304Ø`�Úwpo.taobao.net/cdn/xrefer

刚刚发布刚刚发布

Page 40: 全民优化

POC

speed.taobao.com:8000

Page 41: 全民优化

-�ok\:

xRefer ¸�$�)z\:WebPageTest '¥�KHAR ok)z\:POC ok)z\:�e0U,j­

Page 42: 全民优化

&13�?··¨A