Archived topic
Navigation menu items shifts / tremble
5 replies · Started by Halil on August 19, 2021
Hi,
I'm using GP for more than 3 years and I've decided to rebuilt my site while ago.
I have very simple design. When I hit buttons/menu items several times, for example "Home" icon on the navigation, I see that sometimes navigation nenu and left sidebar widgets shift slightly. Even upon opening the site, navigation items look like shifting!
I tried Edge + Chrome. What could be the reason for this? It looks like Gtmetrix and Google Pageinsight show small layout shift.
Currently no caching plugin is being used.
my web site is https://powerbi.istanbul
Hi there,
The CLS seems to be coming from the font icons you use throughout the page.
Consider preloading the font file used by the icons to make it load earlier, in an attempt to prevent CLS. Optimization plugins can help you with this as some of them have font preload feature. :D
Or better yet, try changing them to SVG icons. :D
that did not work unfortunately! still heavy shifting in the nav menu.
Hi there,
i tested the site on Chrome, FF and Safari and i am not seeing any issues. The site loads blazingly fast and theres not shifting when navigating around the site.
Can you test on a different browser / devices or network ?
thanks David, strangely social icons menu next to logo were causing the issue, seems like it's gone now.
Could have been a problematic cached file.
Glad to be of help
