Improve Google Lighthouse score

2nd-Layer / www.dolcapool.eu

DOLCA Cardano Stake Pool Website

https://dolca.2ndlayer.eu/

GNU Affero General Public License v3.0

1 stars 0 forks source link

Improve Google Lighthouse score #51

Open mark-stopka opened 3 years ago

mark-stopka commented 3 years ago

This site is hosted on Microsoft (GitHub) infrastructure and dev-net version is behind CloudFlare, yet our scores from Google Lighthouse are:

Performance: 62/100
Accessibility: 84/100
Best Practices: 100/100
SEO: 92/100

We need to work on improving the first two... Green category if possible... We learn best practices here and the replicate on dCloud website.

Overall rating snapshot

codybutz commented 3 years ago

This is probably due to the overhead of loading in the whole Bulma library. I'll attempt to reduce the page load size, which I think is the initial problem.

codybutz commented 3 years ago

Also, I'm going to look into an image optimizer.

mark-stopka commented 3 years ago

Still more to be done...

mark-stopka commented 3 years ago

PR https://github.com/2nd-Layer/www.dolcapool.eu/pull/85 improved ratings as follows:

Sebastix commented 3 years ago

Tested the homepage: Performance score is 31 on mobile Performance score is 91 on desktop

I think the background takes a lot of rendering on mobile and is the performance killer. Maybe it's better to initialize the background after the page has been loaded en rendered in the DOM.

mark-stopka commented 3 years ago

@Sebastix I think mobile sucks this bad, because we've got quite a lot of assets to load, we will have to work on that at some point...

But desktop score makes us in the green area, which is good!