search

lansingcodes / www

Events and resources for Lansing coders
https://www.lansing.codes
Other
7 stars 16 forks source link

Eliminate render-blocking resources #146

Closed egillespie closed 2 years ago

egillespie commented 2 years ago

Describe the bug

Chrome's Lighthouse tool (in DevTools) reports the following:

image

To Reproduce

  1. Open https://lansing.codes in a new Chrome Incognito window
  2. Open Chrome DevTools
  3. Select the Lighthouse tab
  4. Check "Performance" and "Desktop"
  5. Run the audit

Expected behavior

The MFizz and Google Fonts should not block rendering of the website. Instead, they should be preloaded to allow the page to be drawn while styles, icons, and fonts are still being downloaded.

See Eliminate render-blocking resources for details about fixing this issue.

After the fixes are applied, the Lighthouse audit should not red-flag this issue.