Google Chrome će odgoditi učitavanje videozapisa i zvuka kako bi ubrzao web

  • Chrome 148 će uključivati ​​izvorno lijenu učitavanje za video i audio elemente
  • Preglednik će odgoditi preuzimanje medija izvan zaslona dok mu korisnik ne pristupi.
  • Ova značajka će smanjiti vrijeme učitavanja, potrošnju podataka i korištenje memorije, posebno na mobilnim uređajima.
  • Poboljšanje će se dogoditi i u drugim preglednicima temeljenim na Chromiumu, kao što su Edge, Opera, Brave i Vivaldi.

Chrome preglednik sa odgođenim učitavanjem videa i zvuka

Google finalizira Nova značajka za Chrome 148 Ovo izravno rješava glavno usko grlo mnogih trenutnih web stranica: istovremeno učitavanje videa i zvuka. Tvrtka će proširiti izvorno lijego učitavanje, koje se već koristi za slike i iframeove, kako bi utjecalo i na teže multimedijske elemente.

S ovom promjenom, preglednik će moći Odgodi preuzimanje i inicijalizaciju videozapisa i audio zapisa Ti su elementi skriveni od pogleda kada se stranica otvori, pa se učitavaju samo kada korisnik pomakne stranicu do tog područja. To se prevodi u kraće vrijeme čekanja pri ulasku na web stranicu, manju potrošnju mobilnih podataka i učinkovitije korištenje RAM-a - nešto što je posebno važno u Španjolskoj i Europi, gdje promet pametnih telefona i ograničeni podatkovni paketi ostaju ključni čimbenici.

Što je odgođeno učitavanje i kako će ga Google Chrome koristiti s videom i audiom?

Primjer odgođenog učitavanja web stranica

Odgođeno naplaćivanje, također poznato kao lijeno učitavanjeOvo je tehnika koju preglednici temeljeni na Chromiumu izvorno integriraju za slike i iframeove od 2019. Umjesto preuzimanja svih ovih resursa od prve sekunde, preglednik čeka da im se korisnik vizualno približi prije nego što započne proces učitavanja.

U praksi to znači da Sadržaj koji se pojavljuje na prvom zaslonu ima prioritet.U međuvremenu, elementi dalje na stranici pripremaju se u hodu. Do sada su videozapisi i audiozapisi bili isključeni iz ove izvorne optimizacije i na mnogim su mjestima počinjali s preuzimanjem čim bi se stranica otvorila, čak i ako ih korisnik nikada nije reproducirao.

Google želi promijeniti to ponašanje primjenom iste logike na HTML oznake. iPrema dokumentaciji prikupljenoj u Chrome Statusu i na stranici statusa Chrome platforme, atribut loading="lazy" To će se proširiti i na te elemente tako da sam preglednik može upravljati kada i kako ih učitati bez oslanjanja na vanjske skripte.

Umjesto preuzimanja svih ugrađenih isječaka odjednom, Chrome će moći pričekajte dok se zona ne približi vidljivom području s ekrana za inicijalizaciju playera i zahtjev za medijsku datoteku. Ova je logika posebno korisna na europskim stranicama s vijestima, blogovima, digitalnim medijima ili korporativnim web-lokacijama koje prekomjerno koriste ugrađene videozapise, podcaste ili objašnjavajuće audio zapise u istom članku.

S tehničkog gledišta, prijedlog je potaknut Helmut Januschka, suradnik na projektu ChromiumChromium, koji već neko vrijeme radi na proširenju lijenog učitavanja na teže multimedijske resurse, počeo je razvijati ovu mogućnost početkom godine i već je u naprednim fazama implementacije unutar enginea.

Što se mijenja za web developere s Chromeom 148

Postavke odgođenog učitavanja u Google Chromeu

Do sada je tko god je htio odgoditi učitavanje videa ili zvuka Prije sam se pribjegavao prilagođenim rješenjima s JavaScriptom. Uobičajeni pristup bio je kombiniranje Intersection Observera s dinamičkim dodjeljivanjem atributa. srctako da se multimedijska datoteka ne bi preuzela sve dok korisnik ne bi pristupio elementu na ekranu.

Taj pristup funkcionira, ali ima nekoliko nedostataka: dodaje složenost kodaNe integrira se uvijek dobro s preglednikom za skeniranje predučitavanja i ograničava Chromeovu sposobnost koordinacije tog učitavanja s drugim internim heuristikama, kao što je upravljanje mrežom ili redoslijed kojim se resursi preuzimaju.

S novom značajkom, bit će dovoljno naznačiti loading="lazy" u oznakama videozapisa i zvukaBaš kao što je već učinjeno sa slikama i iframeovima. Podrška postaje nativna, omogućujući pregledniku da donosi bolje odluke o:

  • Kada započeti preuzimanje multimedijsku datoteku ovisno o njenom položaju na stranici.
  • Kako prilagoditi to opterećenje atributima poput preload o autoplay.
  • Kakav utjecaj ima na događaj window.onload i druge kritične točke performansi.
  • Kako prilagoditi strategiju prema kvaliteti veze ili uređaja.

Google naglašava da izvorno lijego učitavanje omogućuje pregledniku Optimizirajte pragove opterećenja uzimajući u obzir mrežuTo uključuje pravilno upravljanje interakcijom s automatskom reprodukcijom i predučitavanjem te sprječavanje medija izvan zaslona da blokiraju ukupno učitavanje stranice. Za razvojne timove u Španjolskoj i ostatku Europe to se prevodi u manje prilagođenog koda za održavanje i čišću integraciju s trenutnim najboljim praksama web performansi.

Nadalje, raspoređivanje je planirano u širokim razmjerima: Chrome 148 omogućit će ovu značajku na računalu, Androidu, iOS-u i WebViewuIzravnom implementacijom u izvorni kod Chromiuma, očekuje se da će podrška s vremenom stići i do preglednika poput Microsoft Edgea, Opere, Vivaldija, Bravea i drugih derivata koji se uobičajeno koriste u europskom okruženju.

Utjecaj na korisničko iskustvo: manje podataka i veća brzina

Optimizacija web performansi u Chromeu

Za krajnjeg korisnika, poboljšanje je primjetno u nečemu vrlo jednostavnom: Stranica se otvara brže i koristi manje resursa.Smanjenjem količine multimedijskog sadržaja koji se preuzima odjednom, preglednik se može usredotočiti na prikaz teksta, glavnih slika i osnovne strukture, ostavljajući videozapise i zvuk koji se ne prikazuju na prvom zaslonu za kasnije.

Na mobilnim vezama s ograničenim podacima, što je vrlo uobičajeno na europskim tržištima, činjenica da preglednik ne preuzima nekoliko videozapisa od početka koje možda nitko neće reproducirati znači osjetna ušteda podatakaTakođer smanjuje korištenje RAM-a, područje gdje je Chrome povijesno bio kritiziran i gdje svako smanjenje opterećenja pomaže računalu da radi glatko.

Mnoge trenutne stranice uključuju playeri, ugrađeni isječci i ugrađeni zvuk ...koji ne dodaju uvijek vrijednost u prvih nekoliko sekundi pregledavanja. Sposobnost preglednika da inteligentnije upravlja tim elementima, dajući prioritet vidljivom sadržaju, pomaže u agilnijem iskustvu bez potrebe da korisnik išta konfigurira ili aktivira skrivene značajke.

Osim toga, bit će omogućeno odgođeno učitavanje videa i zvuka za sve korisnike kada dostigne stabilnu verzijuTo se odnosi i na računala i na mobilne uređaje. Vremenska crta uključena u tehničku dokumentaciju pokazuje da se značajka testira u razvojnoj grani Chromea 147 i da će općenito biti omogućena u Chromeu 148, iako, kao i uvijek, mogu postojati manje prilagodbe datuma.

Neće sve web stranice imati jednake koristi. Poboljšanje je prvenstveno namijenjeno ugrađeni sadržaj s oznakama iDigitalni mediji s vlastitim playerima, blogovi koji integriraju isječke izravno u kod ili korporativne stranice s mnogo objašnjavajućih audio dijelova primijetit će promjenu više nego jednostavnije stranice gdje je gotovo sav sadržaj tekst i lagane slike.

Što se događa s YouTubeom, drugim preglednicima i domino efektom na webu?

Jedno od uobičajenih pitanja je hoće li ova nova značajka utjecat će na ugrađene YouTube videozapise na web stranicama trećih strana. U ovom slučaju, odgovor je da gotovo neće biti vidljivih promjena, jer su ti videozapisi općenito uključeni unutar iframeova, a iframeovi već dugo uživaju izvorno lijenog učitavanja u preglednicima temeljenim na Chromiumu.

To će biti primjetno na stranicama koje integriraju Vaši vlastiti videozapisi ili audiozapisi korištenjem standardnog HTML5bez korištenja vanjskih platformi. Time što ne učitava sve te resurse odjednom, preglednik smanjuje početno vrijeme odziva i smanjuje trenje koje mnogi korisnici osjećaju prilikom ulaska na web-mjesta puna multimedije.

Kao što je gotovo uvijek slučaj s poboljšanjima koja su izravno integrirana u KromUtjecaj se proteže i izvan Google Chromea. Nakon što engine izvorno podrži odgođeno učitavanje videa i zvuka, preglednici poput Microsoft Edgea, Opere, Bravea i Vivaldija također mogu to iskoristiti, stvarajući domino efekt u cijelom ekosustavu.

Chrome ostaje lider na tržištu s oko 70% udjela Globalno ga slijede Safari, Edge i druge alternative. Ova pozicija daje mu ulogu tehničkog mjerila: kada Google prilagodi performanse Chromiuma, velik dio weba se na kraju prilagođava tim promjenama. Ova nova značajka uklapa se u tu dinamiku: nije odmah primjetna korisniku, ali je temeljna optimizacija koja može učiniti internet malo glatkijim na dnevnoj bazi.

U kontekstu u kojem se mnoge europske web stranice natječu u ponudi bogatih multimedijskih iskustava, ove diskretna, ali stalna poboljšanja preglednika Mogu napraviti razliku u ključnim metrikama kao što su vrijeme do prvog renderiranja, vrijeme do interakcije ili potrošnja resursa na uređajima srednje i niže klase.

U konačnici, dolazak izvornog lijenog učitavanja za videozapise i zvuk u Chromeu 148 predstavlja još jedan korak u Googleovoj predanosti optimizaciji performansi u pozadini, bez većih vizualnih promjena ili blještavih marketinških kampanja, ali sa stvarnim učinkom na to kako se osjećaju stranice koje svakodnevno posjećujemo.

kampanja zlonamjernih proširenja za Chrome, Firefox i Edge
Povezani članak:
Upozorenje o zlonamjernoj kampanji proširenja u Chromeu, Firefoxu i Edgeu

Dodaj kao preferirani izvor na Googleu