前端性能优化
The document discusses techniques for improving the performance of web pages, including using CSS sprites and JavaScript/CSS files to reduce HTTP requests, implementing a content delivery network (CDN) to speed delivery of content, setting long cache expiration headers, compressing files with gzip, minimizing the number of CSS and JavaScript files, placing CSS before JavaScript, optimizing images, improving DNS lookup, avoiding iframes and cookies where possible, optimizing the HTML and DOM, using asynchronous JavaScript and XML (AJAX) properly, and using developer tools to monitor and improve performance. It recommends tools like Firebug, Yslow and PageSpeed for monitoring performance and editors like Dreamweaver, EditPlus, Aptana and Vim for development.
More Related Content
What's hot (20)
Viewers also liked (16)
Similar to 前端性能优化 (20)
Recently uploaded (20)
前端性能优化
- 1. High performance web pages
- 6. 8% • A 10% > D 50% 12% • 58% 22% A B C D
- 8. HTTP • CSS Sprites • CSS Javascript • •
- 9. CDN • CDN •
- 10. Expires
- 11. Gzip • gzip_types text/plain text/html text/css ext/ javascript • pdf
- 12. css ; ; ; CSS logo Jack Nielson CSS
- 13. js • javascript 2 • javascript javascript javascript •
- 14. js css • •
- 15. js css • • YUI Compressor google compiler
- 16. • DNS • css • • iframe • cookie • html
- 17. • DOM • • • ajax • favicon.ico
- 19. • Dreamweaver • Editplus • Aptana • Vim • Komodo
- 20. • Firebug • Yslow • Pagespeed • Webdevloper
- 21. Monster
- 22. F2E
- 24. To do • • •
- 25. Thank you!