HOW TO improve the front-end performance of a website
Steve Souders, Chief Performance Yahoo! has shared his key learnings on improving front-end performance in the book High Performance Web Sites. These are based on his experience leading the Exceptional Performance group at Yahoo!. Excerpts from the book are available at Yahoo! Developer Network.
Here's a quick list of his very practical & useful recommendations:
- Make Fewer HTTP Requests
- Use a Content Delivery Network (CDN) to reduce network hops
- Add an Expires Header to make page components cacheable
- Gzip page components
- Put Stylesheets at the Top
- Put Scripts at the Bottom
- Avoid CSS Expressions
- Make JavaScript and CSS External, especially those which are re-used across pages.
- Reduce DNS Lookups by using Keep-Alive and fewer domains
- Minify JavaScript with a Compressor.
- Avoid Redirects
- Remove Duplicate Scripts
- Reconfigure or remove ETags
- Make Ajax Cacheable
- Profiling JavaScript With Ajax View
- Fiddler PowerToy - Part 2: HTTP Performance
- High Performance DHTML
- High Performance HTML
- IE + JavaScript Performance Recommendations - Part 1
- IE+JavaScript Performance Recommendations Part 2: JavaScript Code Inefficiencies
- IE+JScript Performance Recommendations Part 3: JavaScript Code Inefficiencies
Comments
Post a Comment