Google Fonts loading slow

Posted in: Newspaper
Post count: 260

Hello

Like everyone I try to have the fastest site.
wwww.virutalmagie.com

It seems the events plugin slow the site.

But in the waterfall, the Roboto and Open Sans seem to do that also.
Here the test without the ads:
https://gtmetrix.com/reports/www.virtualmagie.com/UoeRZHyE

Maybe is it possible to do something by putting the font directly on my site?

By analysing these tests, if you have any other ideas to charge the site faster, please let me know.

Regards

Post count: 23312

Hello Thomas,

Please notice that you have to make a website run faster you will need to have at least basic knowledge not necessarily ‘tech savvy’.

You will need to follow this tutorial on page speed:
https://forum.tagdiv.com/how-to-make-the-site-faster/ Gzip compression needs to be active and also read about how you can compress the images. I suggest to getting someone to help you if you cannot manage.
Also please make sure that Speed Booster is active, check System Status for this – http://screencast.com/t/LDPniI0Qpv The plugin is tested only with these plugins – http://screencast.com/t/hcjLnOqh4i2 and if you have others active it will be automatically disabled.
In order to use the TagDiv speed booster with all plugins, you will need to remove this code – http://screencast.com/t/RZLIOPUNdqh

Also, please try to run your website without many untested plugins because these will affect the behaviour of the theme and could create some errors in the theme.

We can’t offer speed customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Hope this helps!

Thank you for the message!

Post count: 260

Hello

Thanks for your ansser and links.

But I already read, know abd use all that.

Note that I exchange in private with your team, Speed Booster is great plugin… for simple site using pratically no plugins.
I renounce to use it.
I tested a lot of cache and other solutions.
The best in simplicity and efficiency is WP Rocket.

But my question is not on that.
Font are included on the Newspaper.
It seems there call on this site
fonts.googleapis.com
which seems slow.
https://gtmetrix.com/reports/www.virtualmagie.com/8OlfI9rQ

My question is : how I could change that?
Is it possible to put the font directly on my server to increase the speed and do less call to external site?

Regards

Post count: 9544

You can load the fonts CSS directly in your style.css file which will speed them up a bit, and then unhook the loading from the main theme/includes/function file — this is a bit advanced. Lots of tutorials online how to do this. (Basically you capture the actually CSS off Google’s server, then put that in your style sheet which loads the actual fonts off Google CDN; which cuts out a step in the chain — still loads the font files themselves off the CDN.)

Check Google’s terms of use, to see if you can download and use the fonts directly on your server. TagDiv doesn’t own the fonts, Google does. You would then need to do the same thing as above, unhook the loading from the main theme functions, then add the font calls into your style.css.

If none of that makes sense, you would likely need to hire somebody. This is very common practice for speed tuning.

For fastest speed, don’t use ANY Google fonts and use “web safe font stacks” which are entirely loaded from browser and modern OS.

Post count: 260

Thanks Chris for all this information.
I will do that… beacause using Verdana or Trebuchet MS is king of old fashion! 😉

Post count: 9544

I love OpenSans …

however for our new project (not using this theme), we actually chose NOT to use any Google fonts for page speed, not “rating” but actual page load time.

I’ve been tuning one project down from 1.9 sec with default theme, to 1.1 seconds (so far), with image, with https, with mod_pagespeed, but not yet using caching plugin …

for this project I’m using a web safe font stack like so in place of (sigh) Open Sans:

font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;

for the “alt” font, using this stack
'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;

I’m “getting used to it …” 🙂

For those interested, nice roundup of web safe “font stacks” here:
http://www.cssfontstack.com/

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.