Google Chrome lykkää videoiden ja äänen lataamista nopeuttaakseen verkkoselailua

  • Chrome 148 sisältää natiivin laiskan latauksen video- ja äänielementeille tietokoneella, mobiililaitteilla ja WebView'ssa.
  • Selain viivyttää näytön ulkopuolisen median latauksia käyttämällä attribuuttia lataa="laiska"vähentämällä dataa ja muistia.
  • Parannus välttää monimutkaisia ​​JavaScript-ratkaisuja ja koordinoi paremmin preload, autoplay ja tapahtuma window.onload.
  • Koska se perustuu Chromiumiin, siitä hyötyvät myös eurooppalaiset selaimet, kuten Edge, Brave, Opera tai Vivaldi.

Google Chrome lataa videoita ja ääntä hitaasti

Google viimeistelee uutta teknistä ominaisuutta sovellukselle Chrome 148 lupaa muuttaa videoiden ja äänen latautumista verkossaSelain viivyttää älykkäästi näiden multimediaresurssien latausta, kunnes niitä todella tarvitaan, parantaakseen sivun suorituskykyä ja vähentääkseen datan kulutusta, erityisesti mobiiliyhteyksillä.

Idea ei ole täysin uusi: Chrome ja muut Chromium-pohjaiset selaimet ovat ottaneet sen käyttöön vuodesta 2019 lähtien kuvien ja iframejen hidas latausNyt pöydällä on saman logiikan laajentaminen elementteihin y jotka ovat yleensä paljon painavampia ja vaikuttavat enemmän alkulatausnopeuteen.

Mitä on viivästetty lataus ja miten se koskee videota ja ääntä?

Viivästetyn video- ja äänilatauksen toiminta Chromessa

La laiska lataus Se on tekniikka, joka koostuu Lykkää tiettyjen resurssien latausta ja alustusta, kunnes käyttäjä vierittää niiden lähelleSen sijaan, että selain näyttäisi kaiken kerralla sivun avautuessa, se keskittyy ensin näkyvään sisältöön ja jättää näytön ulkopuolisen sisällön myöhempää käyttöä varten.

Käytännössä, kun verkkosivusto sisältää videota tai ääntä selvästi ensimmäisen näytön alapuolella, selain tämän uuden ominaisuuden avulla... Se ei ala ladata tai valmistella sitä välittömästi.Se odottaa, kunnes käyttäjä siirtyy tietyn matkan resurssista ennen latauksen aloittamista. Tämä välttää tarpeettomat median lataukset, joita ei ehkä koskaan katsota tai toisteta.

Tähän asti monet kehittäjät ovat luottaneet Mukautettuja JavaScript-ratkaisuja, joissa yhdistetään työkaluja, kuten Intersection Observer, dynaamiseen attribuuttien lataukseen srcSe oli pätevä tapa saavuttaa samanlainen vaikutus, mutta se lisäsi koodin monimutkaisuutta eikä integroitunut yhtä hyvin selainmoottorin sisäisiin optimointeihin.

Uuden toteutuksen myötä Chrome sallii käytä attribuuttia suoraan lataa="laiska" video- ja äänitunnisteissaAivan kuten kuvien ja joidenkin muiden elementtien kanssa. Se on vihje, jonka avulla selain päättää, mitkä multimediaresurssit voidaan lykätä ja milloin ne noudetaan.

Alustan etenemissuunnitelmassa kerättyjen tietojen mukaan Chromium alkoi työstää tätä ominaisuutta vuoden alussa.Ominaisuus on jo käynyt läpi useita sisäisiä käyttöönottovaiheita. Tavoitteena on parantaa sekä sen visuaalista käyttäytymistä että sen vuorovaikutusta selaimen muun latausjärjestelmän kanssa.

Mitä muutoksia Chrome 148:ssa ja muissa Chromium-pohjaisissa selaimissa

Chrome 148 viivästetyllä videon ja äänen latauksella

Uusi ominaisuus aktivoidaan natiivisti vuonna Chrome 148Tämä koskee sekä tietokoneita että mobiililaitteita, ja sitä käytetään myös WebView'ssa, joka on säilö, jota monet sovellukset käyttävät verkkosisällön näyttämiseen. Googlen dokumentaation mukaan Ominaisuutta testataan jo kehityshaaroissa, kuten Chrome 147:ssä. ja sen vakaa julkaisu on suunniteltu yhdelle seuraavista versioista asteittaisella käyttöönotolla, joka voisi valmistua huhtikuun puolivälin tienoilla, mutta muutokset voivat aina tapahtua.

Integroimalla suoraan Chromium-koodiin parannus Se ei rajoitu Google Chromeen.Selaimet, jotka jakavat saman tukiaseman, kuten Microsoft Edge, Brave, Opera tai VivaldiHe voivat myös hyödyntää tätä optimointia päivittäessään versioihin, jotka sisältävät uuden laiskan medialataustoiminnon.

On huomattava, että Kaikki multimediasisältö ei vaikuta samalla tavalla.Tyypilliset iframe-kehyksen avulla upotetut YouTube-videot ovat jo pitkään hyötyneet iframe-kehysten natiivista laiskasta latautumisesta Chromium-pohjaisissa selaimissa, joten näissä tapauksissa muutos on vähemmän havaittavissa. Vaikutus on suurempi verkkosivustoilla, jotka käyttävät suoraan tageja. y soveltuu sisällön toistamiseen.

Google huomauttaa myös, että Videon ja äänen natiivi laiska lataus ottaa huomioon muita ominaisuuksia, kuten autoplay y preloadToisin sanoen selain pyrkii tasapainottamaan resurssien säästön kehittäjän kullekin pelaajalle odottaman käyttäytymisen kanssa, minimoiden yllätykset käyttökokemuksessa.

Toinen keskeinen seikka on, että järjestelmä estää tapahtuman estymisen window.onload multimediaresurssien kanssa, jotka ovat näkyvän alueen ulkopuolellaSivustoilla, joilla on paljon videoleikkeitä, upotettuja soittimia tai ääniraitoja, tällä voi olla vaikutusta siihen, kuinka nopeasti sivu latautuu.

Vaikutus latausnopeuteen, mobiilidataan ja RAM-muistiin

Laiskan latauksen vaikutus Chromen suorituskykyyn

Tämän parannuksen käytännön vaikutus on huomattavin sivut, joilla on paljon multimediaelementtejä levitettynä koko sisältöönSen sijaan, että selain yrittäisi ladata kaikkia tiedostoja kerralla heti selaimen käytön jälkeen, se voi keskittyä tekstiin, alkuperäisiin kuviin ja tärkeisiin resursseihin ja jättää loput myöhempään ajankohtaan.

Se tarkoittaa lyhyemmät alkulatausajat, pienempi kaistanleveyden kulutus ja vähemmän RAM-muistin kuormitustaTämä on erityisen tärkeää matkapuhelimille, joilla on rajalliset resurssit tai kuukausittaiset dataliittymät. Monet käyttäjät Espanjassa ja muualla Euroopassa selaavat edelleen internetiä tiukoilla budjeteilla tai alueilla, joilla on epäluotettava kuuluvuus, joten jokainen vältetty tarpeeton lataus on pieni helpotus.

Kokemuksen kannalta käyttäjä kokee, että Sivu reagoi nopeammin ja voit aloittaa lukemisen ilman, että selain jumiutuu videoiden latautuessa taustalla.Vaikka et ehkä näe näkyviä muutoksia käyttöliittymässä tai saa ilmoitusta uudesta ominaisuudesta, huomaat, että tietyt raskaat verkkosivustot tuntuvat hieman reagoivammilta.

Google huomauttaa myös, että Natiivi toteutus mahdollistaa optimoidun latauksen verkon tilan perusteellaSelainmoottori voi päättää eri kynnysarvoista riippuen siitä, onko yhteys nopea vai hidas, tai havaitseeko se useita meneillään olevia pyyntöjä. Tätä on vaikea toistaa ulkoisilla skripteillä, joilla ei ole samaa pääsyä latausprosessin sisäisiin tietoihin.

Vähentämällä sellaisten kohteiden latauksia, joita käyttäjä ei ehkä koskaan näe, saadaan lisäetu. välimuistin ja renderöintiputken tehokkaampi käyttöPitkällä aikavälillä nämä ovat yksityiskohtia, jotka edistävät sujuvampaa navigointikokemusta, vaikka parannus ei olisikaan havaittavasti dramaattinen sivulta toiselle.

Mitä tämä tarkoittaa web-kehittäjille ja Chromium-ekosysteemille?

Verkkosivustojen rakentajien näkökulmasta tämän uuden ominaisuuden tulo merkitsee a merkittävää yksinkertaistumista multimediaresurssien hallinnassaTähän asti niiden, jotka halusivat hallita yksityiskohtaisesti videon tai äänen latausaikaa, on täytynyt turvautua lähes yksinomaan JavaScriptiin, johon on lisätty logiikkaa sijainnin havaitsemiseksi näytöllä.

Uuden API:n avulla Lisää vain ominaisuus lataa="laiska" etiketeissä y Aivan kuten se jo tekee kuvien kanssa. Selain hoitaa loput automaattisesti ja käyttää omia heuristiikkaansa päättääkseen, milloin lataus aloitetaan häiritsemättä käyttökokemusta.

Tällä on useita etuja: se vähentää mukautetun koodin määrää, Latauslogiikan mahdolliset virheet minimoidaan ja vältetään riippuvuudet ulkoisista kirjastoista, joita käytetään yksinomaan pelaajan toiminnan hallintaan. Lisäksi selain voi paremmin koordinoida tätä kuormitusta järjestelmänsä kanssa. preload ja resurssiskannerilla, joka suoritetaan ennen sivun renderöintiä.

Ehdotusta natiivin laiskan latauksen sisällyttämisestä videolle ja äänelle on ajanut Chromium-projektin aktiiviset osallistujatjotka ovat työskennelleet tämän tyyppisten suorituskyvyn optimointien parissa jo jonkin aikaa. Spesifikaatiota hiotaan parhaillaan tavanomaisissa työryhmissä, ja vaikka sitä voidaan vielä hioa, Google esittelee sen jo looginen laajennus laiskan latauksen API-rajapinnoille, jotka kehittäjät ovat tunteneet vuosia.

Kuten lähes kaiken Chromium-moottoriin integroidun kanssa, muutos hyödyttää lopulta laajaa selainten valikoimaaEikä vain Chromessa. Eurooppalaisessa kontekstissa, jossa yhä useammat käyttäjät vaihtavat selainten, kuten Edgen, Braven, Operan tai Vivaldin, välillä, tällaiset jaetut parannukset vahvistavat tunnetta siitä, että suuri osa verkosta kehittyy samaan tekniseen tahtiin.

Loppujen lopuksi kyse on vain siitä, yksi niistä hiljaisista päivityksistä, jotka eivät muuta selaimen ulkoasuaMutta nämä parannukset voivat lyhentää päivittäistä rutiiniasi sekunneilla (tai ainakin vähentää kitkaa), erityisesti multimediasisällöllä ylikuormitetuilla sivustoilla. Ja ympäristössä, jossa monet sivut kilpailevat käyttäjän huomiosta, kaikki edistysaskeleet, jotka tekevät kokemuksesta nopeamman ja vähemmän hankalan, ovat varsin arvokkaita.

Chrome 148:n mukana tulevan natiivin laiskan video- ja äänilatauksen myötä selain vahvistaa asemaansa suorituskyvyn vertailukohtana verkkoekosysteemissä: sivujen avautumisnopeus paranee, tiedon ja muistin käyttö vähenee ja kehittäjien työ yksinkertaistuu. Samalla muut Chromium-pohjaiset selaimet Espanjassa ja Euroopassa valmistautuvat perimään optimoinnin, joka otsikoita nostamatta voi tehdä päivittäisestä selaamisesta hieman siedettävämpää.


Seuraa meitä Google-uutisissa