Az img tag és a CSS background-image két alapvetően eltérő dolog a teljesítményi szempontból a böngészőben. Az img tagot a böngésző preload scannere már a HTML elemzése közben felfedezi, és párhuzamosan elindítja a letöltést azonnal. A CSS background csak a stíluslap parse-olása után válik ismertté, ami később kezdődő letöltést jelent a folyamatban. A 2026-os Core Web Vitals az img tag-et preferálja egyértelműen LCP elemként minden esetben. A CSS háttér akkor jogosult, ha dekoratív és nem közvetíti az oldal fő tartalmát a látogatónak. A picture elem a választás csúcsa, mert egyesíti az img előnyét a többformátumú szállítással. Ezt érdemes preferálni.
blog
