Miután tavaly hozzáadta a natív képek lusta betöltési funkcióját a Chrome-hoz, a Google most megengedi a fejlesztőknek, hogy nehéz iframe-eket töltsenek be. Olvasson tovább, ha többet szeretne megtudni!
A mobilfelhasználóktól és a korlátozott kapcsolati képességekkel rendelkező emberektől származó internetes forgalom növekedése arra késztette a vállalatokat és a fejlesztőket, hogy erőteljesen optimalizálják a webhelyek betöltési sebességét. Hagyományosan, amikor egy weboldalra navigál, az letölti és megjeleníti az összes elérhető tartalmat: képeket, ikonokat, GIF-eket, stílusokat, szkripteket és így tovább. Amint el tudja képzelni, az összes cucc betöltése késést okoz a webhely indulásakor, különösen a lassú kapcsolattal rendelkező felhasználók számára. A Google egy ideje próbálja kiküszöbölni ezt a problémát. Még tavaly – tették hozzá kép lusta betöltés funkció Google Chrome 76-ban. A Google most ugyanezt a funkciót hozza az iframe-ekbe.
A lusta betöltés igény szerint betölti a weboldal tartalmát, ami azt jelenti, hogy nem töltődik le és mindaddig láthatók, amíg le nem görget, és a nézetbe nem kerül, így csökken a webhely kezdeti indulása sebesség. Mint említettük, a képek lusta betöltése tavaly óta elérhető Chrome-on, de most már iframe-eken is használhatják a fejlesztők ugyanezt a módszert. A saját webhelyén való megvalósításhoz csak hozzá kell adnia
loading="lusta" attribútum a képeihez és/vagy iframe elemeihez. Az olyan böngészők, mint a Firefox és a Safari, már megvalósították a natív kép lusta betöltés funkcióját. Ami az iframe-eket illeti, még mindig dolgoznak néhány hiba kijavításán. A Google azt is megemlítette, hogy a Chrome Androidra Egyszerűsített módban automatikusan betölti a képernyőn kívüli képeket és iframe-eket.Ironikus módon annak tesztelése során, hogy a YouTube videóbeágyazása (amelyek iframe-alapúak) hogyan befolyásolják a weboldalak betöltési sebességét lusta betöltés esetén, a Chrome csapata rájött, hogy "10 másodpercet takarított meg abból, hogy mennyi időn belül interaktívvá válhatnak oldalaink mobileszközökön.Mondanom sem kell, hogy a lusta betöltésnek valódi előnyei vannak a hagyományos módszerhez képest, amikor a weboldal teljes tartalmát letölti, amint meglátogatja.
Ár: Ingyenes.
4.1.
Forrás: web.dev
Keresztül: Techdows