Cumulative Layout Shift

Using Django Templates & Frontend
1

I’m building a web app with Django. I’m testing a page with Google PageSpeed Insights and everything is green except Cumulative Layout Shift.

Снимок экрана 2024-05-15 в 14.00.52
Снимок экрана 2024-05-15 в 14.00.522214×1480 226 KB

It’s because of an image at a top of a page. (see an example - Bass Fishing in Texas - Fishing Book). Is there some way to fix that Cumulative Layout Shift problem?

Thanks in advance.

2

Hello there!
Well, this doesn’t seem related to django, but much more related to web dev in general.
A quick google on “how to fix cumulative layout shift” led to me a bunch of posts that may help you to find this answer.

1 Like
3

Thanks. I thought maybe Django has some build in component. Will google.

4

“how to fix cumulative layout shift” Brought me here, but here is a better result if you hit this page:
Why Cumulative Layout Shift (CLS) Is Bad and 4 Ways to Fix It - Coralogix