prevent CLS from single image

Posted in: Newspaper
Post count: 35

Hi,

the single image does not seem to save space. So when I open an page with a large single image on top I first see the text below, then the image is fitted in. How can I prevent that?

Post count: 21065

Hello!

Please provide more information about this issue or what you need to achieve, screenshots or a video and your website link, so I can understand better and help you efficiently.

A solution for sending a screenshot/video is this:
Download, capture, send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link, paste it here.

Thank you!

Post count: 35

Hello Bettina,

run a lighthouse test on these test pages: https://wptest7.atricos.de/image-test-1/ and https://wptest7.atricos.de/image-test-2/.

The first contains an image and text, the second only text. Both where created with tagDiv Composer.

Results from my lighthouse tests on a desktop:
image-test-1 (image + text): CLS 0.4 (red!)
image-test-1 (just text): CLS 0.01 (green)

Both pages take about 0.6s to load. Page 1 gets a performance score of 88 (yellow), page 2 gets 100.

The CLS should be below 0.01 even with images on the page.

Post count: 21065

Hello!

Please check this guide to see which factors can affect CLS: https://web.dev/optimize-cls/

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.