Inline images use the URL scheme to embed the image data in the actual page. Combining inline images into your (cached) stylesheets is a way to reduce HTTP requests and avoid increasing the size of your pages.Inline images are not yet supported across all major browsers.Reducing the number of components in turn reduces the number of HTTP requests required to render the page. 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?Making your page fast for these first time visitors is key to a better user experience.top | discuss this rule tag: server The user's proximity to your web server has an impact on response times.
Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc.
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.
Expires headers are most often used with images, but they should be used on components including scripts, stylesheets, and Flash components.
Browsers (and proxies) use a cache to reduce the number and size of HTTP requests, making web pages load faster.
Reducing the number of HTTP requests in your page is the place to start.