We’ve been using the Top and Bottom separators on our site and just had to remove them from the homepage because GT Metrix/PageSpeed made reference to content shift. When we checked the issue, it was through use of the Separators.
WITHOUT SEPARATOR
Grade A
Performance 92%
Structure 97%
CLS 0
WITH SEPARATOR
Grade B
Performance 82%
Structure 98%
CLS 1
Here is the code referenced in GT Metrix which caused the CLS issue:
Blockquotediv
#cs-content > div#x-section-3 > div.x-section-separator > svg.angle-top-in
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none" class="angle-top-in" style="fill: rgb(197, 232, 108);">
The entire CLS 1 score was attributable to this Dom Element alone.
Please help as it’s a great feature, but unfortunately, Google considers CLS to be one of their determining features.