Optimizing Your Site
Download as KEY, PDF0 likes237 views
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 of 6
Download to read offline
Optimizing Your Site
- 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