Elementy graficzne nie mają określonych znaczników Width i height. 
Autor: Adrian B.
Visitado 1038,
Seguidores 1,
Compartilhado 0
Jak w temacie. Elementy graficzne nie posiadają znaczników Width i height. Spowalnia to ładowanie strony oraz utrudnia serwerowi automatyczna zmianę formatu obrazu na webp. Proszę o pomoc czy są jakieś ustawienia w programie gdzie można dopisać takie atrybuty, coś pominąłem ? Strony na których występuje błąd www.autopacz.pl www.evhs.pl
Publicado em
Witaj Adrian,
Rozmiary obrazów nie są ustawiane na sztywno ponieważ są one skalowane (dopasowywane do obiektu/kontenera nadrzędnego) m.in. na potrzeby tzw. responsywności strony (dostosowanie do rozdzielczości i rozmiarów ekranu).
Pozdrawiamy
Autor
Rozumiem, że nie są na sztywno. Ciekawe jak to jest rozwiązane na innych stronach np. znanego serwisu aukcyjnego. Obrazu w pełni responsywne i wszystko działa. PageSpeed Insights nie wyświetla u nich żadnych problemów z brakiem atrybutów. Jest to dość spory problem, gdyż CLS leży totalnie.
Autor
Znajdujące się na stronie obrazy oraz wideo bez określonych atrybutów szerokości i wysokości mogą powodować przesunięcie układu a w następstwie tego pogorszenie wskaźnika Cumulative Layout Shit (CLS). W celu uniknięcia przesunięć układu strony rekomendowane jest zawsze wyraźne określanie szerokości i wysokości obrazów i wideo. Drugim z dostępnych rozwiązań jest używanie współczynnika proporcji CSS do określenia niezbędnej przestrzeni jaką będzie zajmować obraz lub wideo.
Fajnie jak by zostało to przemyślane w następnych aktualizacjach :)
Autor
Podaje link w którym wyjasniono również problem jak to rozwiązać na stronach responsywnych.
Optymalizacja skumulowanego przesunięcia układu (web.dev)
What about responsive images?
When working with responsive images, defines the images you allow the browser to select between and what size each image is. To ensure width and height attributes can be set, each image should use the same aspect ratio.srcset<img>
<img
width="1000"
height="1000"
src="puppy-1000.jpg"
srcset="puppy-1000.jpg 1000w, puppy-2000.jpg 2000w, puppy-3000.jpg 3000w"
alt="Puppy with balloons"
/>
Czy mogłbym prosić o zasugerowanie takiej opcji po którejś z aktualizacji? Wydaje mi się to dość proste do zrobienia.
Przyłączam się również do szybkiego rozwiązania tego problemu.
Witaj Adrian,
Dziękujemy za Twoją sugestię, przekażemy ją producentowi programu.
Pozdrawiamy