Jessica-Lee123 / web-design-2-independent-project

Spend a few weeks writing the code for your independent project website—and make it amazing.
0 stars 0 forks source link

My own performance checklist. #5

Closed Jessica-Lee123 closed 2 years ago

Jessica-Lee123 commented 2 years ago

WebPageTest Perfomance Budget: +Load time:<1s(1000ms) +Speed index:<800. +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: A-First Byte Time A-Keep-alive Enabled A-Compress Transfer F-Compress Images -Fix villains.jpg & both favicon F-Cashe static content +Awesome! This page is mobile-friendly. +Mobile/Desktop Design&code: +Tested in many small screen browsers&devices. +Achieves high grades in web performance tests. (WebPageTest & Google Page Screen) +Pass: Google Mobile Friendly Test. +Conforms to our performance budget. +As few fonts styles are used as possible. +Font special features are used sparingly. +Redundant HTML has been removed. +All broken links and resources are removed. +Put CSS tags at the top, inside . +Duplicate and redundant CSS has been removed.

TO DO: 1.Properly save all images using "Save for Web" 2.Remove unnecessary images 3.Smush all images after