Google finalizira novu tehničku funkciju za Chrome 148 obećava promjenu načina učitavanja videa i zvuka na webuPreglednik će inteligentno odgoditi preuzimanje ovih multimedijalnih resursa dok im zapravo ne budu potrebni, s ciljem poboljšanja performansi stranice i smanjenja potrošnje podataka, posebno na mobilnim vezama.
Ideja nije potpuno nova: od 2019. godine, Chrome i drugi preglednici bazirani na Chromiumu implementiraju lijeno učitavanje slika i iframeovaOno što se sada stavlja na stol je proširenje iste logike na elemente y koji su obično mnogo teži i imaju veći utjecaj na početnu brzinu utovara.
Šta je odgođeno učitavanje i kako će se primjenjivati na video i audio?
La lazy loading To je tehnika koja se sastoji od Odgodi preuzimanje i inicijalizaciju određenih resursa dok se korisnik ne približi njimaUmjesto da sve odjednom prikaže kada se stranica otvori, preglednik se prvo fokusira na vidljivi sadržaj, a ono što je van ekrana ostavlja za kasnije.
U praksi, kada web stranica uključuje video ili audio daleko ispod prvog ekrana, preglednik, s ovom novom funkcijom, Neće odmah početi s preuzimanjem ili pripremom.Sačekat će dok se korisnik ne pomakne na određenu udaljenost od tog resursa prije nego što započne učitavanje. Ovo izbjegava nepotrebna preuzimanja medija koji se možda nikada neće pregledati ili reproducirati.
Do sada su se mnogi programeri oslanjali na Prilagođena rješenja u JavaScriptu, kombinirajući alate poput Intersection Observer-a s dinamičkim učitavanjem atributa srcTo je bio valjan način za postizanje sličnog efekta, ali je dodao složenost kodu i nije se dobro integrirao s internim optimizacijama pretraživača.
S novom implementacijom, Chrome će omogućiti koristite atribut direktno učitavanje="lijeno" u oznakama videa i zvukaBaš kao i sa slikama i nekim drugim elementima. To će biti trag koji će preglednik koristiti da odluči koji multimedijalni resursi mogu biti odloženi i kada da ih preuzme.
Prema informacijama prikupljenim u planu puta platforme, Chromium je počeo raditi na ovoj mogućnosti početkom godine.Ova funkcija je već prošla nekoliko faza interne implementacije. Cilj je poboljšati i njeno vizualno ponašanje i interakciju s ostatkom sistema za učitavanje u pregledniku.
Šta se mijenja u Chromeu 148 i drugim preglednicima baziranim na Chromiumu
Nova funkcija će biti aktivirana izvorno u Chrome 148Ovo se odnosi i na računare i na mobilne uređaje, kao i na WebView, kontejner koji mnoge aplikacije koriste za prikaz web sadržaja. Prema Googleovoj dokumentaciji, Funkcija se već testira u razvojnim granama kao što je Chrome 147. i njegovo stabilno izdanje planirano je za jednu od sljedećih verzija, s postepenim uvođenjem koje bi moglo biti završeno oko sredine aprila, uvijek podložno promjenama.
Direktnom integracijom u Chromium kod, poboljšanje Neće biti ograničeno samo na Google Chrome.Preglednici koji dijele istu bazu, kao što su Microsoft Edge, Brave, Opera ili VivaldiTakođer će moći iskoristiti ovu optimizaciju kada nadograde na verzije koje uključuju novo ponašanje odgođenog učitavanja medija.
Treba napomenuti da Neće sav multimedijalni sadržaj biti pogođen na isti načinTipični YouTube videozapisi ugrađeni pomoću iframe-a već dugo imaju koristi od izvornog lijenog učitavanja za iframe-ove u preglednicima baziranim na Chromiumu, tako da će u tim slučajevima promjena biti manje primjetna. Utjecaj će biti veći na web stranicama koje direktno koriste oznake. y pogodno za reprodukciju sadržaja.
Google također ističe da Izvorno odloženo učitavanje za video i audio uzet će u obzir i druge atribute kao što su autoplay y preloadDrugim riječima, preglednik će pokušati uravnotežiti očuvanje resursa s ponašanjem koje je programer očekivao za svakog igrača, minimizirajući iznenađenja u korisničkom iskustvu.
Još jedna ključna stvar je da sistem će spriječiti blokiranje događaja prozor.učitavanje sa multimedijalnim resursima koji se nalaze izvan vidljivog područjaNa web-stranicama koje su pune isječaka, ugrađenih playera ili audio zapisa, ovo može utjecati na brzinu učitavanja stranice.
Utjecaj na brzinu učitavanja, mobilne podatke i RAM memoriju
Praktični efekat ovog poboljšanja je najuočljiviji u stranice s mnogo multimedijalnih elemenata raspoređenih po cijelom sadržajuUmjesto da pokušava preuzeti sve te datoteke odjednom čim uđete, preglednik se može fokusirati na tekst, početne slike i bitne resurse, a ostalo ostaviti za kasnije.
To se prevodi kao kraće vrijeme početnog učitavanja, manja potrošnja propusnog opsega i manje opterećenje RAM-aOvo je posebno relevantno za mobilne telefone s ograničenim resursima ili podatkovne pakete s mjesečnim naknadama. Mnogi korisnici u Španiji i ostatku Evrope i dalje pretražuju internet s ograničenim budžetima ili u područjima s nepouzdanom pokrivenošću, tako da je svako izbjegavanje nepotrebnog preuzimanja malo olakšanje.
Što se tiče iskustva, korisnik doživljava da Stranica brže reaguje i možete početi čitati bez zamrzavanja preglednika tokom učitavanja videa u pozadini.Iako možda nećete vidjeti nikakve vidljive promjene u interfejsu ili dobiti obavještenje o novoj funkciji, primijetit ćete da određene web stranice s većim brojem funkcija djeluju donekle responzivnije.
Google također ističe da Izvorna implementacija omogućava optimizirano učitavanje na osnovu statusa mrežeMehanizam preglednika može odlučiti o različitim pragovima ovisno o tome je li veza brza ili spora ili ako detektira mnogo tekućih zahtjeva. Ovo je teško replicirati s vanjskim skriptama, koje nemaju isti pristup internim informacijama procesa učitavanja.
Smanjenjem preuzimanja stavki koje korisnik možda nikada neće vidjeti, dobija se dodatna korist. efikasnije korištenje keš memorije i procesa renderiranjaDugoročno gledano, ovo su detalji koji doprinose glatkijem iskustvu navigacije, čak i ako poboljšanje nije primjetno dramatično od stranice do stranice.
Šta ovo znači za web developere i Chromium ekosistem?
Iz perspektive onih koji kreiraju web stranice, dolazak ove nove funkcije podrazumijeva... značajno pojednostavljenje načina upravljanja multimedijalnim resursimaDo sada su oni koji su željeli detaljno kontrolirati kada se video ili audio učitavao morali gotovo isključivo koristiti JavaScript, uz dodatnu logiku za detekciju pozicije na ekranu.
Sa novim API-jem, dovoljno je samo dodavanje atributa učitavanje="lijeno" u oznakama y Baš kao što to već radi sa slikama. Preglednik će automatski obraditi ostalo, primjenjujući vlastitu heuristiku kako bi odlučio kada započeti preuzimanje bez ometanja korisničkog iskustva.
Ovo ima nekoliko prednosti: smanjuje količinu prilagođenog koda, Moguće greške u logici učitavanja su minimizirane i izbjegavaju se ovisnosti o vanjskim bibliotekama isključivo za upravljanje ponašanjem igrača. Nadalje, preglednik može bolje koordinirati ovo opterećenje sa svojim sistemom. preload i sa skenerom resursa koji se pokreće prije renderiranja stranice.
Prijedlog za uključivanje izvornog lijenog učitavanja za video i audio potaknut je aktivni saradnici na Chromium projektukoji već neko vrijeme rade na optimizacijama performansi ovog tipa. Specifikacija se usavršava unutar uobičajenih radnih grupa i, iako se još uvijek može doraditi, Google je već predstavlja kao logičan nastavak API-ja za lijenu učitavanje koje programeri poznaju godinama.
Kao i kod gotovo svega što je integrirano u Chromium engine, promjena će u konačnici koristiti širokom spektru preglednikaI ne samo Chrome. U evropskom kontekstu, gdje sve više korisnika prelazi između opcija poput Edgea, Bravea, Opere ili Vivaldija, ovakve zajednička poboljšanja pojačavaju osjećaj da se veliki dio weba kreće istim tehničkim tempom.
Na kraju krajeva, sve se svodi na jedno od onih tihih ažuriranja koja ne mijenjaju izgled preglednikaAli ova poboljšanja mogu skratiti vrijeme (ili barem smanjiti trenje) u vašoj dnevnoj rutini, posebno na stranicama preopterećenim multimedijalnim sadržajem. A u okruženju gdje se mnoge stranice takmiče za pažnju korisnika, svaki napredak koji iskustvo čini bržim i manje zahtjevnim je prilično vrijedan.
Dolaskom nativnog lijenog učitavanja za videozapise i audio u Chromeu 148, preglednik jača svoju ulogu mjerila performansi unutar web ekosistema: brzina otvaranja stranica je poboljšana, potrošnja podataka i memorije je smanjena, a rad programera je pojednostavljen, dok se ostali preglednici bazirani na Chromiumu u Španiji i Evropi pripremaju za nasljeđivanje optimizacije koja, bez da dospije na naslovnice, može učiniti svakodnevno pregledavanje malo podnošljivijim.