全民优化

Post on 13-Dec-2014

494 views 9 download

description

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

Transcript of 全民优化

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

taobao-wpo@list.alibaba-inc.com

^P-�ÌÔ

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

全民优化-�eª�0W 

taobao-wpo@list.alibaba-inc.com

1.问题是?

2.怎样做?

3.工具呢?

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

一直优化从未停过

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

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

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

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

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

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

2怎样做 ���td|

军规

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

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)]

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

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

�)t��Â��Î~

WIKItW����~

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

WIKItW����~

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

$��HttpWatchØFirebugØDeveloper Tool�

�YH

HARHTTP Archive

JSON �ok}_

0+�DynaTraceØSpeed Tracer�

WEBPAGETESTok)z\:

webpagetest.org

,2

�"

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

wpo.taobao.net

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

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

刚刚发布刚刚发布

POC

speed.taobao.com:8000

-�ok\:

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

&13�?··¨A