Speed : Part 1. Decreasing load times and increasing site performance
Importance of performance?
As load time increases so does users patience and user experience decreases.
For every 100 milliseconds Amazon took to load they lost 1% of revenue. Millions of pounds!
- Get in a problem solving mood and you will go far when it comes to performance.
- The tips in this episode halved the load time of this site.
- You can replicate the techniques in every site you build.
- Inspired by YSlow
Some irresponsible sites out there
Don’t make performance an afterthought
Many projects ignore performance completely. Some think of it upon launch and think only get to it when an issue is found. The best way is to involve everyone including developers, designers and clients from the beginning.
Very easy to add in with an htaccess file. Please see the example htaccess file as used on this site. Make sure the Apache deflate module is enabled.
3. ETags / Expires
Again very easy to add in with an htaccess file. See example file.
4. Minimise http requests
5. CSS Sprites
You can combine many images if they don’t tile. TinyPNG is a great tool and reduced the sprite file on this site by 68%.
6. Source Order
7. Software Caching
Next week we will go further into performance with more tips and techniques. For now, how much time can shave of?