Layout Shift Issue
-
I am reaching out to you because I am experiencing a layout shift issue on my website that is causing significant performance problems. This issue has been confirmed through Google’s PageSpeed Insights.
I have attached relevant images (includes website’s name) that illustrate the problem –
The first element causing this issue on both mobile and desktop versions is literally the entire post container, isn’t it? In the mobile version, the other elements causing this issue are just the paragraphs. And, in the desktop version, the other element causing this issue is the navigation menu bar.
Mobile elements – 1st element (zoomed image of the 1st element)
Desktop elements – 1st element
However, you can also verify this by checking my website on the PageSpeedInsights platform.
I’m not sure if the ‘additional CSS’ I’m using on my website is the reason behind all these issues. Some of it was provided by your team to me in the past, and the rest I found in the forum. I worked on them and stopped when they showed approximate results for me. I was trying to design my homepage with two columns because the featured image on the homepage was displaying in a very large size and didn’t look good.
I have no idea how optimized it is. Here’s the additional css code I am using (I will remove its access later, just in case) – (Additional CSS)
Please look into this matter and provide guidance or a possible solution. Your assistance would be greatly appreciated.
- The topic ‘Layout Shift Issue’ is closed to new replies.