Google Fonts - always use display=swap to improve Lighthouse scores

By default, Google fonts are loaded like this:

WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"]  }});

By appending &display=swap to the families parameter, it will use font-display: swap; in the CSS:

WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic&display=swap"]  }});

And then... I will have my perfect Lighhouse score 😢

Screenshot 2020...
Attachments Open full size
  • David King
  • Dec 14 2020
  • Reviewed
Layout & Styles
  • Post comment
  • Wood Rodgers commented
    January 02, 2024 21:50

    I'd really like to see this added to the Google Fonts CDN URLs. It's the one thing that keeps creeping up on my page rank score as an issue.

    Attachments Open full size
  • UENI Product commented
    February 24, 2023 09:15

    Is there any progress?

    Attachments Open full size
  • Tor Vegard Tobiassen commented
    February 16, 2022 14:11

    please.. This should be a quick fix ?

    Attachments Open full size
  • Glenn S. Pedersen commented
    September 21, 2021 19:28

    This is a simple fix that will improve the pagespeed scores of thousands of your customers. Please do this as soon as possible.

    Attachments Open full size
  • Grapheec Creative Agency commented
    July 06, 2021 21:06

    I don't think this a wishlist feature, sounds more like a neglected bug. Please fix this Webflow team. Add &display=swap when using Google fonts.

    Attachments Open full size
  • +10

Related ideas