This document provides tips for optimizing a website, including reducing CSS imports and server requests, optimizing images by removing unnecessary images and optimizing file sizes, using faster jQuery selectors, and leveraging tools like caching plugins, HTML5 Boilerplate, CodeKit, and Google Page Speed to improve performance.

1. Optimizing your site
Ryan Tvenge

2. Main Culprits
@imports in CSS
Too many server requests (concatenation)
Image Optimization
Unoptimized images
Unneeded images (web fonts)
Slow jQuery selectors

3. jQuery Speed
Slower: $("#id.class");
Faster: $("#id");
Slower: $("#id p");
Faster: $("#id").find("p");
Avoid loops (ex: .each(), for())

4. Tools
Wordpress Caching Plugin
Concatenation/Minification/cache html
W3 Total Cache (> granular)
WP Super Cache (easier setup)
html5 Boilerplate
Gzip/caching/keep-alive already configured

5. CodeKit
JSHints (JS syntax)
Optimizes images
Handles Preprocessors
OSX Only

6. Google Page Speed
Tells you why your site sucks