Template causes extreme Cumulative Shift Layout

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
NeilSTSRecycle
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Wed Apr 14, 2021 10:06 pm

Template causes extreme Cumulative Shift Layout

Post by NeilSTSRecycle » Wed Apr 14, 2021 10:17 pm

Hello all,

This is Neil Dayton of marketing at STS Electronic Recycling, Inc. and I am posting on this forum because the template for our homepage at https://www.stselectronicrecyclinginc.com/ creates an unacceptable amount of Cumulative Layout Shift, a key metric which Google uses in it's SEO algorithm.

Contained in this message is a video of the issue. The download and upload speed have been throttled for the sake of clarity. Please let me know if there is anything besides login credentials that I need to supply, and I will do so to the best of my ability.

This template was purchased from https://agethemes.com/. We've already reached out to them for support but have only received broken-english responses that we cannot decipher. However, through debugging we believe the issues lies with the template. I'm hoping for more luck from this forum, so if anyone can help I would greatly appreciate it.

Thank you,

Neil Dayton

Here is the video:
https://we.tl/t-ZH4XoK0P7k

User avatar
JTema
Joomla! Guru
Joomla! Guru
Posts: 636
Joined: Sun Apr 13, 2008 8:10 pm

Re: Template causes extreme Cumulative Shift Layout

Post by JTema » Fri Apr 16, 2021 10:30 am

To correct this issue it may be necessary to rearrange the whole html and css structure. That is serious work I think.
http://www.joomlatema.net - Joomla Extensions and Templates
https://andalusa.joomlatema.net - Andalusa Professional Responsive Joomla Template

User avatar
JTema
Joomla! Guru
Joomla! Guru
Posts: 636
Joined: Sun Apr 13, 2008 8:10 pm

Re: Template causes extreme Cumulative Shift Layout

Post by JTema » Sat Apr 17, 2021 3:37 pm

One another thing: According to the CLS Calculator on this page (https://layoutstability.rocks/) your site produces a 0.232 value that is between 0.1-0.25 and it is acceptable.
http://www.joomlatema.net - Joomla Extensions and Templates
https://andalusa.joomlatema.net - Andalusa Professional Responsive Joomla Template

john1924
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Tue Oct 09, 2012 7:18 pm

Re: Template causes extreme Cumulative Shift Layout

Post by john1924 » Thu May 06, 2021 7:03 pm

I had the same issue. Layout shift occurs when you have css in your index (inlined critical css) and in your css file.
If you move all css in your css file, cumulative layout shift will be 0. I think this happening because it parses the inline css (from index.php) and later it parses the rest css in your css file.
After moving all your css in one file, problem dissapears.

john1924
Joomla! Apprentice
Joomla! Apprentice
Posts: 31
Joined: Tue Oct 09, 2012 7:18 pm

Re: Template causes extreme Cumulative Shift Layout

Post by john1924 » Fri May 07, 2021 7:36 am

I forgot to say that expept of css in one file, it is necessary, all images above the fold have width and height values.


Post Reply

Return to “Templates for Joomla! 3.x”