- This topic has 41 replies, 3 voices, and was last updated 3 years, 5 months ago by
.
-
Posts
-
Heyhey, I checked my page speed and see that there is room to improve with render blocking resources.
I do see a few getwid entrys, a few font ones and then some general.
I assume regarding Getwid, its just a downside of using the extra features like the countdown on my website, do you have any tips on how to improve the other points though?
URL TRANSFER SIZE DOWNLOAD TIME https://montenegrotower.com/wp-content/plugins/getwid/vendors/fancybox/jquery.fancybox.min.css?ver=3.5.7 3.46KB 153ms https://montenegrotower.com/wp-content/plugins/getwid/assets/css/blocks.style.css?ver=1.8.0 17.2KB 458ms https://fonts.googleapis.com/css?family=Merriweather:300,300italic,regular,italic,700,700italic,900,900italic|Oswald:200,300,regular,500,600,700&display=swap 1.53KB 772ms https://fonts.googleapis.com/css?family=Source+Sans+Pro%3Aregular%2C600%7COswald%3A500&display=auto&ver=3.1.3 800B 150ms https://montenegrotower.com/wp-content/uploads/generateblocks/style-25.css?ver=1651925887 2.92KB 153ms https://montenegrotower.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0 31.5KB 458ms https://montenegrotower.com/wp-content/plugins/responsive-lightbox/js/front.js?ver=2.3.5 5.89KB 153msPerhaps there can also be some improvements made on this front?
Thanks
ChrisWould you recommend going this route for the Google fonts? https://johnfraney.ca/blog/improve-page-speed-google-fonts/#
I guess I am currently loading them by the default way =)
“If your website uses Google Fonts and you’re loading those fonts the default way, you may want to consider a more performant option.
Inlining the CSS returned from the Google Fonts stylesheet reduces the number of critical resources to load a web font from two to one, but it comes at the cost of not having auto-updating font files. Removing unused languages from the stylesheet reduces the number of bytes needed to load the page, too, helping it load even faster—if only a little.”
Customer Support
Hi there,
Google Fonts is always top of my list for making improving performance, follow this doc to load them locally:
https://docs.generatepress.com/article/adding-local-fonts/
That will do what that article you shared suggests.
Render block resources – i would revisit this after making the font change. Always best to deal with the biggest culprit first.
Script evaluation – you can only improve that if you control those scripts and can break them into smaller payloads. If you don’t then your options are limited to a. finding alternative plugins or defer loading the ones you don’t require on initial load like the Lightbox JS. Defering can be done by many of the optimization plugins out there.
Thanks David!
I will take care of the fonts.
So far the only thing Id really want to use from the Getwid platform is the Mailchimp button and the countdown as it looks really cool, especially for my scenario where I am opening a bar. Do you guys have these features on your roadmap as well already so I can get rid of Getwid again?
Cheers,
ChrisOh and is there any way to see where my website is using fonts? For example, I installed Oswald yesterday and know where I am using that one.
But in the list above there is also “Merriweather” showing up and I cant remember downloading/using this font at all? Is there a way to check and remove it again somewhere so it wont slow down the site? I will go ahead and upload the Oswald font in the meantime.
We don’t have any plans for countdown block, and forms are something we may look at for the future but thats a long way off.
If you go to Customizer > Typography – check the list under: Typography Manager
Any font you have selected will be listed there. If you don’t see the font, remove it from the font manager and before publishing those changes just do a quick check to make sure nothing looks like it needed it.Thanks, I found it and it was actually the font I use in the new footer 🙂
I now have the two fonts added locally, without the toggle on – that should fix the problem with page load times.
Now somehow I messed up the font of my Paragraphs I believe. And I do not see any option in the same Typography menu to change the Paragraph font, just those of Headlines?
And in the editor there is also no way to change them, I must be blind 🙂
I am back to 99% now with 0.5s page load:
I do still see a font issue showing up however. In the “Font Manager” overview at Customize>Typography, I only see the two fonts I just uploaded. Somehow in the link from the test below there is also “Merriweather” listed, which I believe I never used and its also not showing up in the Font manager?
Also, is the 457ms for the jquery.min.js?ver=3.6.0 a reasonable size or could it be improved?
Customer Support
The font might be used by some plugin, if you can create an account for us, we can try to inspect your site.
Thanks, see other thread with the log in details.
Check each containers in your footer:
https://www.screencast.com/t/M5gfkNjIjMThanks! Didnt realise the containers have their own font as well. Changed it to match the actual font of the headlines now.
Still, I do get this line in the GTmetrix report:
https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,900,900italic|Oswald:200,300,regular,500,600,700&display=swapI cant seem to get that away, might those fonts still be stored somewhere else?
Every container in your site footer has that font set, did you check all of them?
Yes I checked all containers of all my element pages.
It just says “Select font” for a lot – would I have to manually re-select all the container fonts from all my content after uploading the fonts locally? Or is there a quicker way to check where exactly those fonts are still being used (non locally)
As long as the google font toggle is enabled, your site is sending request to google before loading the site:
https://www.screencast.com/t/RVkjnKJz1k9YI only checked one container, can you check the rest?
- You must be logged in to reply to this topic.
