[Resolved] eliminate render blocking resources

[Christopher]

Sure, will do! Thanks

[Ying]

No problem 🙂

[Christopher]

I still have the message popping up though, I think I went through all the containers now :/ I will have another look

Also, the GTmetrix site is weird. When I test it twice in a row, it switches from 100% to 84% or so. I would understand it if its switched around and images are cached, but even in Incognito it provides different results every time I check it 😮

[Christopher]

I found a few more actually inside the actual texts. Then noticed that by removing the Google font toggle, it also changed the font from my paragraph texts, the footer text and the navigation item text.

I made sure the font is selected every and then it selects Google fonts automatically whenever I select the “Source Sans Pro” font – despite the fact that I have locally uploaded to my server, it still seems to grab it from the web instead. How can I ensure it uses the local version?

[Ying]

Then noticed that by removing the Google font toggle, it also changed the font from my paragraph texts, the footer text and the navigation item text.

I made sure the font is selected every and then it selects Google fonts automatically whenever I select the “Source Sans Pro” font – despite the fact that I have locally uploaded to my server, it still seems to grab it from the web instead

That’s normal behavior as it doesn’t have the ability to check if you have this font locally uploaded on your site. So you if you choose a google font, make sure you untoggled the google font option.

[Ying]

And I ran a test for your site, Manjari font is being requested by the countdown:
https://www.screencast.com/t/ZByogw0EdFL

[Christopher]

The problem is that the font is not used. See the video. I select the font I want (and that I uploaded locally so it wont has to load from Google) and as soon as I uncheck the Google font toggle, it removes the font again.

[Ying]

I know it’s not you, it’s the plugin or the function that provide the countdown.

[Christopher]

Thanks! Ill look for a non Google font to replace it with.

[Christopher]

Hm meaning that I either dont use the font I wanted to use, or live with the fact that Google fonts will slow the site down despite having the font uploaded on my webserver?

[Ying]

The problem is that the font is not used.

It was used for the countdown numbers.

It seems you removed the font from the plugin:

The 2 screenshots shows the font change:
using Manjari: https://www.screencast.com/t/ZByogw0EdFL
Not using Manjari: https://www.screencast.com/t/YR7RFH4UVWu

Do one more test, there should not be google fonts request anymore.

[Ying]

Hm meaning that I either dont use the font I wanted to use, or live with the fact that Google fonts will slow the site down despite having the font uploaded on my webserver?

I have to say hosting fonts locally or requesting them from google won’t make real differences for users, as anyway users will have to download the fonts from your site or from google font’s site.

It just makes the test result look better.

[Christopher]

Yes I changed the countdown font and yes the google font requests are gone.

The big problem is that the font that I wanted to use does not work unless the Google fonts toggle is active. And the site looks very ugly with the standard font it uses instead. I tried to showcase that in the video in the other post 🙂

So if I cant use the font that I downloaded and uploaded on my server then I guess I have to go back and use it with the Google font toggle, unless you see a way to fix it? It really looks very bad now in the font.

Thanks,
Chris

[Ying]

So if I cant use the font that I downloaded and uploaded on my server then I guess I have to go back and use it with the Google font toggle, unless you see a way to fix it? It really looks very bad now in the font.

Did you follow the guide here to host your fonts locally?
https://docs.generatepress.com/article/adding-local-fonts/

Does every font has its @font-face CSS?

[Christopher]

Yes followed all the steps and updated the CSS for the two google fonts Id like to use:

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-200.woff') format('woff'), /* Modern Browsers */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://montenegrotower.com/wp-content/uploads/2022/05/oswald-v47-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

[Author]

Posts