Best Practices for Speeding Up Your Web Site

Description

Best Practices for Speeding Up Your Web Site

The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 34 best practices divided into 7 categories.

Content Server Cookie

http://esm02.cgx.radarnetworks.com:4267/esminer-store/2a6561bf-a235-49e5-9bfb-4f24260f5296/CSS.css

Javascript Images Mobile All

Minimize HTTP Requests

tag: content

80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages.

One way to reduce the number of components in the page is to simplify the page's design. But is there a way to build pages with richer content while also achieving fast response times? Here are some techniques for reducing the number of HTTP requests, while still supporting rich page designs.

Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script, and similarly combining all http://esm02.cgx.radarnetworks.com:4267/esminer-store/2a6561bf-a235-49e5-9bfb-4f24260f5296/CSS.css into a single stylesheet. Combining files is more challenging when the scripts and stylesheets vary from page to page, but making this part of your release process improves response times.

http://esm02.cgx.radarnetworks.com:4267/esminer-store/2a6561bf-a235-49e5-9bfb-4f24260f5296/CSS.css Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the http://esm02.cgx.radarnetworks.com:4267/esminer-store/2a6561bf-a235-49e5-9bfb-4f24260f5296/CSS.css

background-image and background-position properties to display the desired image segment.

Image maps combine multiple images into a single image. The overall size is about the same, but reducing the number of HTTP requests speeds up the page. Image maps only work if the images are contiguous in the page, such as a navigation bar. Defining the coordinates of image maps can be tedious and error prone. Using image maps for navigation is not ...

Original URL

http://developer.yahoo.com/performance/rules.html

http://developer.yahoo.com/performance/rules.html