achieve (near) 100 Lighthouse performance base score

[thescientist13]

Type of Change

• New Feature Request
• Documentation / Website
• Improvement / Suggestion
• Bug
• Other (please clarify below)

Summary

Using the Greenwood website as a test, this issue aims to track all the steps needed to achieve a satisfactory Lighthouse score when setting optimization to spa.

Here is where the website stands as of #396 testing

---

Per Lighthouse, unrelated to performance but could be good things to look into

Details

There are other tasks that are related to this but not directly that would be good to do first since it helps all users equally

1. dedupe content
2. double rendering
3. webpack and browserslist configuration optimizations
4. image compression
5. html minification
6. Largest Contentful Paint
7. Total Blocking Time
8. Diagaostics
   • Remove unused JS
   • defer offscreen images
   • reduce JavaScript execution time

[thescientist13]

As part of #355 we can now achieve this, and set a low floor / overhead that can still allow more robust solutions to get layered on top of, using plugins or just workspace code. (e.g. graphql, SPA, etc)

Should measure against the Getting Started and website repos though.

[thescientist13]

Did it (see stats)! There are still more opportunities to improve, but mission accomplished!