I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my other blogs

Massive Head Canon: Intelligent discussion of movies, books, games, and technology.

my projects

A Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

Introduction to Site Speed Optimization

tools / compressors

Estimated reading time: 1 minute

StopwatchThe speed at which a web page loads is a delivery of service. A slow website not only frustrates users (an increasing number of whom will abandon your site as the seconds tick by) but also lowers your ranking in search results (Google includes page load speed as part of its algorithm) and potentially increases your costs.

As a broad and general rule, assume that every visitor to your site has ADD. Every page must have a load time under eight seconds. That time should really be less than five seconds, and ideally under two.

Optimizing a site for speed is a nine-step process, the first eight of which are applicable to almost every web page:

  1. Set a performance baseline by testing the load time of existing pages, whether those pages are offline or hosted.
  2. Redesign and recode your pages for speed.
  3. Minimize the file size of images through compression techniques.
  4. Minify your HTML, CSS and JavaScript.
  5. Reduce the number of HTTP requests.
  6. Ensure that all appropriate files are gzipped.
  7. Use intelligent compression and caching.
  8. Defer and make asynchronous any JavaScript.
  9. Optimize MySQL queries.

Each of these steps will be explained in a separate upcoming article in .

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.