Advanced performance
Slow websites suck.
Slow portfolios lose job leads.
Why performance matters
- We all hate waiting for websites
- People don’t purchase (or hire) from slow websites
Amazon has done lots of studies on this - Mobile networks are unreliable
In many countries mobile is the only web access - Google takes speed into account when ranking
and more…
Tools to check performance
- Web Developer Tools
- WebPageTest
- Google Page Speed Insights
Basic techniques
- Use as few images as possible
- Properly export, compress & smush images
- Use as few fonts as possible (none is ideal)
- Remove duplicate code
- Fix broken links & images, which make websites slower
- Remove social media buttons and stick to simple icons
- Remove ads and tracking scripts
Advanced techniques
- Blur unnecessary parts of JPGs
- Smush & optimize favicons
- Subset and delay web fonts
- Use data URIs for small, single use images
- Concatenate & minify CSS and JS
- Set up the server & CloudFlare for performance