Performance checklist Performance Budget Validation Design & code Performance Budget Just an example; discuss with your team for what’s best for you. Load time: < 1s (1000ms). Speed index: < 800.WebPageTest Page size: 800 KB transfer size maximum. Requests: 15 requests maximum. Pass: Google Mobile Friendly Test. Google Page Speed: achieve yellow on Mobile & green on Desktop. Validation Design & code Tested with a slow/unreliable Internet connection. Tested in many small screen browsers & devices. Achieves high grades in web performance tests.WebPageTest, Google Page Speed, YSlow. Passes Google Mobile Friendly Test. Conforms to your performance budget. Images aren’t bigger than they need to be. Unnecessary images have been removed. Images properly saved using “Save for Web” from Photoshop. Images are as optimized as they can be. All images smushed after saving them.ImageOptim, Spritebot As few font styles are used as possible. Font special features are used sparingly—no text-rendering: optimizeLegibility Redundant HTML has been removed: no divitus, no hidden content, etc. All broken links and resources are removed. Put CSS <link> tags at the top, inside <head> Duplicate and redundant CSS has been removed.
