Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
网页性能优化之路<br />Tommyfan 偷米饭<br />2010年7月16日<br />
2010年7月16日<br />
2010年7月16日<br />
2010年7月16日<br />什么是并发请求?<br />
2010年7月16日<br />常见请求状态<br />
2010年7月16日<br />常见请求状态<br />200<br />Cache<br />304<br />404<br />Aborted<br />…<br />200<br />Cache<br />304<br />404<br ...
2010年7月16日<br />请求加载时序<br />Blocked<br />Connect<br />Send<br />Wait<br />Receive<br />…<br />Blocked<br />Connect<br />Se...
2010年7月16日<br />CSS Sprites<br />DataURI<br />CSS文件合并<br />JS文件合并<br />…<br />动手优化请求<br />
2010年7月16日<br />CSS Sprites<br />
2010年7月16日<br />DataURI<br />
2010年7月16日<br />代码文件合并<br />
2010年7月16日<br />Fiddler<br />Willow<br />Httpwatch<br />Firebug<br />Web Inspector<br />…<br />请求分析工具<br />
2010年7月16日<br />
2010年7月16日<br />无缓存 PK 缓存<br />
2010年7月16日<br />PNG8压缩原理<br />
2010年7月16日<br />PNG线性过滤<br />833字节<br />369字节<br />
2010年7月16日<br />使用PNG8代替GIF<br />隐藏的RGBA<br />图片分离法<br />抢车位优化<br />动手优化流量<br />
2010年7月16日<br />使用PNG8代替GIF<br />
2010年7月16日<br />隐藏的RGBA<br />75K<br />30K<br />
2010年7月16日<br />隐藏的RGBA<br />75K<br />30K<br />
2010年7月16日<br />图片分离法<br />
2010年7月16日<br />抢车位优化<br />76.2 KB<br />13.5 KB<br />
2010年7月16日<br />
2010年7月16日<br />标准的代码降低crash机率<br />Expression<br />IE filter<br />Iframe<br />IE6重复请求BUG<br />提高渲染性能<br />
2010年7月16日<br />标准的代码<br />
2010年7月16日<br />Expression<br />
2010年7月16日<br />IE6重复请求BUG<br />
2010年7月16日<br />IE6重复请求BUG<br />document.execCommand(<br />	"BackgroundImageCache",<br />	false,<br />	true<br />);<br />
2010年7月16日<br />IE filter<br />
2010年7月16日<br />Iframe<br />
2010年7月16日<br />今天学到了什么?<br />
2010年7月16日<br />
Q&A<br />2010年7月16日<br />
Upcoming SlideShare
Loading in …5
×

webrebuild beijing 网页性能优化之路-tommyfan

4,340 views

Published on

网页性能优化之路

Published in: Technology

webrebuild beijing 网页性能优化之路-tommyfan

  1. 1. 网页性能优化之路<br />Tommyfan 偷米饭<br />2010年7月16日<br />
  2. 2. 2010年7月16日<br />
  3. 3. 2010年7月16日<br />
  4. 4. 2010年7月16日<br />什么是并发请求?<br />
  5. 5. 2010年7月16日<br />常见请求状态<br />
  6. 6. 2010年7月16日<br />常见请求状态<br />200<br />Cache<br />304<br />404<br />Aborted<br />…<br />200<br />Cache<br />304<br />404<br />Aborted<br />
  7. 7. 2010年7月16日<br />请求加载时序<br />Blocked<br />Connect<br />Send<br />Wait<br />Receive<br />…<br />Blocked<br />Connect<br />Send<br />Wait<br />Receive<br />
  8. 8. 2010年7月16日<br />CSS Sprites<br />DataURI<br />CSS文件合并<br />JS文件合并<br />…<br />动手优化请求<br />
  9. 9. 2010年7月16日<br />CSS Sprites<br />
  10. 10. 2010年7月16日<br />DataURI<br />
  11. 11. 2010年7月16日<br />代码文件合并<br />
  12. 12. 2010年7月16日<br />Fiddler<br />Willow<br />Httpwatch<br />Firebug<br />Web Inspector<br />…<br />请求分析工具<br />
  13. 13. 2010年7月16日<br />
  14. 14. 2010年7月16日<br />无缓存 PK 缓存<br />
  15. 15. 2010年7月16日<br />PNG8压缩原理<br />
  16. 16. 2010年7月16日<br />PNG线性过滤<br />833字节<br />369字节<br />
  17. 17. 2010年7月16日<br />使用PNG8代替GIF<br />隐藏的RGBA<br />图片分离法<br />抢车位优化<br />动手优化流量<br />
  18. 18. 2010年7月16日<br />使用PNG8代替GIF<br />
  19. 19. 2010年7月16日<br />隐藏的RGBA<br />75K<br />30K<br />
  20. 20. 2010年7月16日<br />隐藏的RGBA<br />75K<br />30K<br />
  21. 21. 2010年7月16日<br />图片分离法<br />
  22. 22. 2010年7月16日<br />抢车位优化<br />76.2 KB<br />13.5 KB<br />
  23. 23. 2010年7月16日<br />
  24. 24. 2010年7月16日<br />标准的代码降低crash机率<br />Expression<br />IE filter<br />Iframe<br />IE6重复请求BUG<br />提高渲染性能<br />
  25. 25. 2010年7月16日<br />标准的代码<br />
  26. 26. 2010年7月16日<br />Expression<br />
  27. 27. 2010年7月16日<br />IE6重复请求BUG<br />
  28. 28. 2010年7月16日<br />IE6重复请求BUG<br />document.execCommand(<br /> "BackgroundImageCache",<br /> false,<br /> true<br />);<br />
  29. 29. 2010年7月16日<br />IE filter<br />
  30. 30. 2010年7月16日<br />Iframe<br />
  31. 31. 2010年7月16日<br />今天学到了什么?<br />
  32. 32. 2010年7月16日<br />
  33. 33. Q&A<br />2010年7月16日<br />

×