Pagespeed CLS mutatók további optimalizálása Las Vegas és Madrid téma esetén
Az alábbi fejlesztések a Las Vegas témát használó webáruházakat érintette:
Kategória oldalakon a termék és kategóriaképek megkapják a width és height attribútumokat, az adminon beállított képméret alapján
Termékoldalakon a termékkép megkapja a width és height attribútumokat, az adminon beállított képméret alapján
Termékoldalakon mobil eszközökön a fő termékkép és további képeket jelző lapozó pontok megjelenésének optimalizálása
Termékoldalon mobilon a kosárba rakom gomb bemozdulását javítottuk
A fentebb elvégzett módosítások alapján csökken “A képelemekhez nem tartozik meghatározott width és height” hibaüzenet, valamint javul a felhasználói élmény is.
Elérhető: Minden Las Vegas témát használó webáruház esetén.
A Madrid téma esetén is optimalizáltunk a fejlécben, a mobil nézet megjelenésén a Pagespeed CLS mutatók további javítása érdekében.
A fejléc elemeinél (logó, kívánságlista ikon, kosár ikon, keresés input) tapasztalni lehetett apróbb elmozdulásokat az oldal betöltődése során mobil nézeten.
A javítás hatására megszűntek ezek az apróbb elmozdulások a fejlécben és a Pagespeed Insights CLS mutatója is javult.
Elérhető: Minden Madrid témát használó webáruház esetén.
Beállítás: nem szükséges egyik téma esetén sem.
FONTOS! Amennyiben a téma fájl szerkesztő segítségével módosítások lettek végrehajtva az alábbi fájlokon, a javítás nem lesz automatikusan érvényben:
- Las Vegas téma estén:
- product/product_image/desktop.tpl
- product/product_image/mobile.tpl
- product_list/sub_categories.tpl
- product/product_sticky.tpl
- snapshot/snapshot_horizontal.tpl
- snapshot/snapshot_vertical.tpl
- assets/style.scss
- Madrid téma esetén:
- assets/style.scss
- common/header.tpl
Az oldalbetöltődés gyorsításán és a témák megjelenésének optimalizálásán fejlesztői csapatunk folyamatosan dolgozik. A feladatot kiemelten kezeljük, melyek eredményéről a következő hetekben folyamatosan beszámolunk.
