In this first part of our multipart Frontend Optimization series I’ll cover my notes from Steve Souder’s “High Performance Websites” and “Even Faster Websites” books that can help reduce HTTP Requests on your website.
- Combine as many background images that don’t tile into sprites as possible while checking to ensure that larger images combined don’t increase file size.
- Combine js files into one single file. Note: Checkout Sprockets, getsprockets.org
- Combine all of the CSS files into one file.
- Remove any assets you’re not using such as, images, js files, stylesheets, movies, audio files, etc. It may seem obvious but sometimes they slip through the cracks during a long development process.
- Remove duplicate assets, JS files can be an easy culprit.
- Base64 encoded images. Make sure the base64 images don’t have horrendus file size increases, but other than that the don’t require an http request. Note: hedgerwow.com has a php script to allow base64 on IE7 and below.
[...] 1 2 3 [...]
[...] 1 2 3 [...]
[...] 1 2 3 4 5 Last 5 posts by steveFrontend Optimization, pt. 4 – June 11th, 2010Frontend Optimization, [...]