MINIFY YOUR HTML
http://cferdinandi.github.io/html-minify/
Slide 68
Slide 68 text
No content
Slide 69
Slide 69 text
No content
Slide 70
Slide 70 text
USE IMAGES WISELY
r!
Slide 71
Slide 71 text
ICON FONTS
Lightweight
A single file
Styleable with CSS
Scalable
Compatible back to IE 5
Considerations
1 color per icon*
Windows Phone 7 support sucks
add_filter('jpeg_quality', function($arg){return 70;});
Source: www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/
not progressive
and sometimes fuzzy
1. HTML order matters
2. Combine like files
3. Remove whitespace
4. Use icon fonts (or sprites)
5. Pick the right image format
6. Compress & smush images
7. Use adaptive images
8. Compress your site
9. Set Expires headers
10. Prebuild your site
#!
WICKED FAST WORDPRESS
Slide 110
Slide 110 text
GoMakeThings.com
@ChrisFerdinandi
[email protected]
i!
CHRIS FERDINANDI
Kraken