cal-itp / benefits

Transit benefits enrollment, minus the paperwork.
https://docs.calitp.org/benefits
GNU Affero General Public License v3.0
27 stars 9 forks source link

[TRACKING] Benefits web performance improvements #2487

Open machikoyasuda opened 2 days ago

machikoyasuda commented 2 days ago

Tickets

The overall goal is to make the homepage (and by extension all pages) load faster on mobile devices, as tested on Google Lighthouse testing and WebPageTest.org, through the following methods:


Testing

This is a side-by-side comparison I made on WebPageTest.org showing how the site reders with some of the performance fixes listed below, versus how it renders now on a Mobile device: Image

Lighthouse

Image

Image

Full results: https://pagespeed.web.dev/analysis/https-benefits-calitp-org/rqzk6itbxm?form_factor=mobile

Web Page Test

Full results: https://www.webpagetest.org/result/241029_BiDcSX_ARH/ Suggestions: https://www.webpagetest.org/result/241029_BiDcSX_ARH/2/experiments/

machikoyasuda commented 2 days ago

Wrote this out for @angela-tran so she can add this to the list of front-end fixes we are considering for Q4! Definitely don't think we need to do all of them, but I thought it would be interesting to:

And keep running these tests until we get our Time To First Byte, First/Largest Contentful Paint numbers down for the homepage. All the fixes we make for anything outside of that large image (like server response times) will help all the other pages as well.

machikoyasuda commented 2 days ago

More resources: