isomerpages / isomerpages-template

The central template that all the Isomer sites are pulling from
Other
20 stars 40 forks source link

Performance: preload stylesheets #218

Open kwajiehao opened 3 years ago

kwajiehao commented 3 years ago

Describe the bug This isn't a bug, but a performance optimization. Google pagespeed shows us that our stylesheets aren't being loaded in an optimal manner - we should preload them instead. See a sample report here: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.vaccine.gov.sg

To Reproduce ~Steps to reproduce the behavior~ This is a problem with how the template is loaded

Expected behavior The stylesheets should be loaded as <link rel="preload" as="style"...> instead of <link rel="stylesheet"...>

Screenshots N/A

lisa-kwok commented 3 years ago

adding onto the thread, there are two more lighthouse audit issues which are pending our investigation

Screenshot 2021-01-28 at 2 36 40 PM Screenshot 2021-01-28 at 2 37 19 PM