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.

前端性能优化

1,608 views

Published on

Published in: Technology, Design
  • Be the first to comment

前端性能优化

  1. 1. High performance web pages
  2. 2. 8% • A 10% > D 50% 12% • 58%22%A B C D
  3. 3. HTTP• CSS Sprites• CSS Javascript••
  4. 4. CDN• CDN•
  5. 5. Expires
  6. 6. Gzip• gzip_types text/plain text/html text/css ext/ javascript• pdf
  7. 7. css ; ; ; CSS logoJack Nielson CSS
  8. 8. js• javascript 2• javascript javascript javascript•
  9. 9. js css••
  10. 10. js css•• YUI Compressor google compiler
  11. 11. • DNS• css•• iframe• cookie• html
  12. 12. • DOM••• ajax• favicon.ico
  13. 13. • Dreamweaver• Editplus• Aptana• Vim• Komodo
  14. 14. • Firebug• Yslow• Pagespeed• Webdevloper
  15. 15. Monster
  16. 16. F2E
  17. 17. To do•••
  18. 18. Thank you!

×