Add The &display=swap Parameter To The End Of The Google Fonts URL: - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Add The &display=swap Parameter To The End Of The Google Fonts URL:

A

Addington

Template 1 year ago

Google Lighthouse report suggests that I Add the &display=swap parameter to the end of your Google Fonts URL: <link href="/https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet" /> but i have no idea where that url is created by Helix ultimate.

0
10 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #140203

Hi Charles,

as I checked in raw Helix Ultimate template "swap" is added for all Google Fonts from Typograhy settings. We added that over a year ago. Example from real working site.

swamp_2023.png

please check view-source of your site to confirm what YOU really see there.

0
A
Addington
Accepted Answer
1 year ago #140204

Wow! I did not expect a reply on a Sunday morning!

I see: <link href="//fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic&amp;display=swap" rel="stylesheet" media="none" onload="media=&quot;all&quot;" /> <link href="/templates/shaper_helixultimate/css/bootstrap.min.css" rel="stylesheet" /> <link href="/plugins/system/helixultimate/assets/css/system-j4.min.css" rel="stylesheet" /> <link href="/media/system/css/joomla-fontawesome.min.css?f25035" rel="stylesheet" /> <link href="/templates/shaper_helixultimate/css/template.css" rel="stylesheet" /> <link href="/templates/shaper_helixultimate/css/presets/preset1.css" rel="stylesheet" /> <link href="/templates/shaper_helixultimate/css/custom.css" rel="stylesheet" /> <link href="/components/com_sppagebuilder/assets/css/animate.min.css?981245863c383366a329259d02b8172c" rel="stylesheet" /> <link href="/components/com_sppagebuilder/assets/css/sppagebuilder.css?981245863c383366a329259d02b8172c" rel="stylesheet" /> <link href="/components/com_sppagebuilder/assets/css/magnific-popup.css" rel="stylesheet

0
A
Addington
Accepted Answer
1 year ago #140205

Did I miss it out? <link href="//fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic&amp;display=swap" rel="stylesheet" media="none" onload="media=&quot;all&quot;" /> <link href="/templates/shaper_helixultimate/css/bootstrap.min.css" rel="stylesheet" />

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #140206

info_1922_2023.jpg

is what I see even without glasses ;)

BTW

Why you choosen "cyrillic" subset ?? if you are Latin in UK !

0
A
Addington
Accepted Answer
1 year ago #140207

and i have just noticed &amp;display=swap. This is odd. Google lighthouse says I don't use it.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #140208

Unfortunately, I have no control over what Google writes in the reports, but as we both see there is display=swap for Roboto.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #140210

I have one theory, but I have to talk with developer tomorrow...

becuase fonts.google Generator uses now:

<link rel="preconnect" href="/fonts.googleapis.com">
<link rel="preconnect" href="/fonts.gstatic.com" crossorigin>
<link href="/fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;500&display=swap" rel="stylesheet">

just "&" after numbers, they removed subset

0
A
Addington
Accepted Answer
1 year ago #140211

Thanks, I appreciate it. Cyrillic? No idea - it has probably been there since the beginning and I knew nothing at all.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #140213

can be changed in Typography settings, but I cut it off in below plugin.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #140212

Are You Brave Enough?

Not perfect, but should be better than default code (Free download, install): https://ufile.io/x8y1avsb

Unoffcial change. I have to think harder with our developer next week also for my projects.

0