- This topic has 45 replies, 4 voices, and was last updated 1 year, 2 months ago by David.
July 17, 2022 at 6:38 am #2285132Liis
I did some performance work today and I installed jetpack boost and added to code snippets the font-display:swap code.
After installing these steps, my sites logo has gone missing. I had it previously added from customize -> site identity -> logo, and it was not there anymore. After it went missing, I added it again from the same path and it appears, however, running jetpack boost again it disappears.
What to do? My site is veganavenue.comJuly 17, 2022 at 6:47 am #2285135DavidStaffCustomer Support
thats very peculiar, as there is no HTML being output for the Logo. So i assume when you return to the Customizer > Site Identity – the logo field is empty ?July 17, 2022 at 6:50 am #2285137Liis
I actually do see it now in customizer.. but I can’t see the logo on homepage. And now I can see it on some inner pages.. peculiar
Edit I tried in completely new browser & incognito and can’t see the homepage logo, inner pages seems to be workingJuly 17, 2022 at 6:59 am #2285146DavidStaffCustomer Support
If you edit the Home Page, in the sidebar settings, are there any of the Disable Elements options checked ?July 17, 2022 at 7:02 am #2285147Liis
only “content title”July 17, 2022 at 7:02 am #2285148DavidStaffCustomer Support
And in Appearance > Elements are there any Layout Elements ?July 17, 2022 at 7:08 am #2285150Liis
no, only two hooks
Edit. Let me also add that I think the inner pages’ logo is missing the height & width or something similar since I am getting very high cumulative layout shift since this changeJuly 17, 2022 at 10:09 am #2285387DavidStaffCustomer Support
Can you exclude images from JetPack Boost using a CSS Class? If so add:
It may be worth also opening a support topic with JetPack whilst we look at this.July 17, 2022 at 10:17 am #2285389Liis
Mysteriously the logo is back on the homepage too now. I reran jetpack a couple of times and seems to be now there..
However, the CLS problem remained. Any quick tips how to add the height & width to the logo that it wouldn’t cause shifting?July 17, 2022 at 10:25 am #2285391DavidStaffCustomer Support
I checked the logo – which is now showing on all pages i tested 🙂 and it has the
The issue will be related to the
display=swapproperty. You can see the font shift after load. I personally rarely ever use that setting, unless i can ensure the font a) is loading really fast and/or b) is very similar to a system font.July 17, 2022 at 10:41 am #2285400Liis
I see here some of it being because of the logo: https://www.webpagetest.org/result/220717_BiDc1V_7JQ/?view=webvitals
Essentially menu goes under the logo, then logo resizes and menu jumps back to right place on top next to logo. But you are right big part of it is because of the font swap, have to remove that. But I believe the logo is still a problem
Thank you for your outstanding help 🙂July 18, 2022 at 3:18 am #2285918DavidStaffCustomer Support
Is it possible to exclude the logo from lazy loading ?July 18, 2022 at 8:36 am #2286401Liis
Im looking for a solution to exclude the logo and LCP image from lazy loading, any ideas how to achieve this? I don’t have any plugin that does lazy loadingJuly 18, 2022 at 8:44 am #2286413DavidStaffCustomer Support
Sorry – i should have looked closer, the logo isn’t being lazy loaded.
Can you disable the Critical CSS option in Jetpack so i can take a closer look ?July 18, 2022 at 8:49 am #2286422Liis
yes, its disabled now
- You must be logged in to reply to this topic.