Some perf suggestions

[jgw96]

First of all, great work on this site! This is amazing. After running the site through https://www.webpagetest.org/easy I noticed a few things that could be changed to make the site load even faster:

• First, this seems to be a known issue but the images seem a little large. Serving them as webp's in supported browsers could help alot here along with compressing those images.
• Second, it currently looks like all below the fold images are being loaded up front, therefore blocking critical assets like JS and CSS from loading. I built this component https://github.com/ionic-team/ionic-pwa-toolkit/blob/b45f22d7508b429a66d763287959dd2fde2243fe/src/components/lazy-img/lazy-img.tsx which automatically lazy loads below the fold images. This component should work great on this site.
• Third, I would look into using <link rel='preload' to preload critical assets (JS and CSS). Let me know if you have any questions about how to implement this.

[jgw96]

Also one other thing I noticed was that the fonts being used here are pretty large and are blocking text rendering. Id check out the font display CSS rule https://developers.google.com/web/updates/2016/02/font-display and use the fallback strategy. This will ensure that users on good networks get the web font but users on slow connections will not be blocked from reading text until that web font has loaded