pagespeed problems arguably caused by Bunny Fonts / Bunny CDN
Hi, I run test of my website's performance (https://www.nertis.agency/) on mobile using several tools, e.g. PageSpeed insights, Debugbear.com, etc and found that fonts that I'am using (Bunny fonts) might be a reason for a big wait time / delay as seen here: https://pagespeed.web.dev/analysis/https-www-nertis-agency/jeddd8nv0o?form_factor=mobile
I've seen discussion on this topic here https://support.brizy.io/hc/en-us/community/posts/20449373693330-Brizy-pagespeed-optimization and here https://support.brizy.io/hc/en-us/community/posts/10074347941905-Page-Speed.
I've tried removing the all the fonts fonts and loading one from Google. It seems that the site still sends calls to BUNNY. Can you help?
-
Hello Bohdan,
Google fonts and Bunny fonts usually serve their font files much faster than most hosting companies do. For instance, in the waterfall of your website, Bunny Fonts delivered your font files in 78-80ms (highlighted in yello). Hence Bunny fonts is unlikely to be the cause for slower performance of your website.
In GT Metrix, the performance of your website looks reasonably good. Have a look at the performance report at https://gtmetrix.com/reports/www.nertis.agency/I7MwnG7e/
I also checked the visual loading speed of your website. Have a look at my test at https://jmp.sh/8Ycgx6le A good page load time is generally considered to be under 3 seconds; with the ideal range being between 1-2 seconds. Your page loaded within a second.
If you do not wish Bunny Fonts to deliver your fonts, you must upload custom fonts to your website and set all typographies to use the custom font you have uploaded. Have you uploaded custom fonts to your website in the Brizy Font Manager?
0 -
Hi, George. Thank you! I am talking about mobile performance. My concern is to get rid of Bunny Fonts. Now, I've just uploaded the custom font (called Neutral Sans) to Font Manager.
Despite this, bunny fonts are still called (as seen from PageSpeed insight).
Can you advice?
0 -
Hello Bohdan,
At the moment, 4 font files are being downloaded
- https://b-cloud.b-cdn.net/uploads/media/0260ba68086b220a07d2f151c803de72.ttf
- https://fonts.bunny.net/roboto-flex/files/roboto-flex-latin-400-normal.woff2
- https://b-cloud.b-cdn.net/uploads/media/c9c239cb7713434cde03017232df974a.ttf
- https://fonts.bunny.net/lato/files/lato-latin-400-normal.woff2
Two are being downloaded from your website and the other two from Bunny Fonts. Possible reason for requesting the second file is that somewhere on your website, you might have used Roboto Flex normal as custom typography. While most of your texts use Global typography, some texts use custom typography.
The 4th file Lato could be due to the Default System font. You could try deleting the Default System font to get rid of this HTTP request
From this waterfall, you will notice that while the font downloads from Brizy Cloud takes 583ms and 617ms, font downloads from Bunny Fonts are much faster at 90ms and 98ms. Locally uploaded TTFs are bigger in size compared to the WOFF2 files Bunny CDN uses. Shifting to local fonts seems to slow down your website. You can see the following comparison at the waterfall tab of this report https://gtmetrix.com/reports/www.nertis.agency/9OF01N70/
0 -
Thank you! I am trying to be solve the problem: my website pages takes a long to load. If you click on any menu item from the mobile telephone, you'd witness a huge delay, i.e. something blocks rendering of the elements and the page loading "freezes". I can prove that.
I presume that it might be because of the loading external fonts.
You say two things:
1) site loads fine on desktop
2) Bunny fonts have nothing to do with the problem.I'd gladly accept that. But how could you explain the fact that if you try to access sites pages from menu (for example) it take 7-10 seconds to load?
Regards,
0 -
Hello Bohdan,
Let me explain why it take 7-10 seconds for your webpages to load sometimes. When you edit a page in Brizy Cloud and hit the "Update" button (at the bottom-right corner), the server updates the new content and clears out the old cache. The new cache for the page is generated and saved in the CDN network when the first user visits the website right after an update. Therefore, a website's initial page visit immediately after an update will be slow. The pages will load faster for the second and subsequent users because they will be served from the CDN cache.
You normally check your website preview immediately after making an update. Hence the page load will be slower for you. Your users will experience faster speed since you have checked your page once already.
0 -
Hello Bohdan,
You could also consider using the Website Cache Warmer Google Chrome extension to automatically crawl all of your pages after each update.
0
Please sign in to leave a comment.
Comments
6 comments