Wordpress szablon: poprawa Cumulative Layout Shift (CLS)

Stary szablon Wordpress, czyli prosty, bez rożnych bajerów, które możemy znaleźć w nowoczesnych szablonach. Czyli łatwo się orientować w strukturze plików.

Home, pages, blog loop, blog posts mają duży CLS - w https://pagespeed.web.dev/ jest na czerwono.

Zlecenie polega na poprawienie szablonu aby CLS był na zielono.

Oferty poprawienia CLS za pomocą wtyczek będą ignorowane.

Szablon ma być poprawiony w samym renderowaniu html+css. Czyli tworzenie struktury kontenerów, które mają Layout Shift, aby jeszcze przed pobieranie obrazków miały właściwą wysokość. Dzięki temu po pobieraniu obrazków z serwera nie ma layout shift.

Uwaga:

strona jest prosta, nie ma embedów, iframes, reklam, dynamic content, animacji itp