- Browser Cache / enable compression
- Wordpress caching
- Image scaling
- Background image tiled
- CSS minimise, combine - SASS build process
- Image optimisation
- specify dimensions for images
Developer: 15 hours
Code and Javasctipt review
- Back end code review / optimisation
- Combine, concatenate JS
- Defer JS to end of page
Of the three speed metrics: Response time, perceived download time & total page weight the site fails all three.
Data base queries, code & caching need looking at.
Size. The home page is 4.8Mb. inner pages are 1Mb We aim for 400Kb max.
Images aren't sized properly. The home page could shave off 645Kb scaling images. Thats huge.
Browser Caching isn't set up properly.
Images could be optimised by 12% without loss but should probably be reduced further than that with a designer optimising them individually.
BG image isn't tiled.
After that its all the detailed stuff: minimising css, combining css, specify image dimensions, combine & minify JS , defer JS to end of page.
There are a few things there that are about total page weight, and some that are about perceived page display times. Its about having a readable usable page as quickly as possible. Things like not specifying image sizes are causing reflows.