Sobes.tech
Middle

Kas vyksta su išoriniais ištekliais, kuriuos naršyklė skaito analizuodama HTML?

sobes.tech AI

Atsakymas iš AI

Naršyklė siunčia atskirus HTTP užklausimus kiekvienam HTML nurodytam išoriniam šaltiniui (CSS failai, JavaScript failai, vaizdai, šriftai ir kt.). Šie užklausimai apdorojami lygiagrečiai, siekiant optimizuoti įkėlimą. Iki gaunant atsakymą į užklausą, naršyklė gali toliau analizuoti HTML, bet negali taikyti išorinių CSS stilių ar vykdyti išorinių JavaScript skriptų iki jų įkėlimo.

Šių išteklių apdorojimo optimizavimui taikomi įvairūs mechanizmai:

  • Talpykla: Naršyklė gali saugoti šaltinių kopijas vietiniame diske ir naudoti jas pakartotinėse užklausose, sumažindama įkėlimo laiką.
  • Įkėlimo prioritetas: Naršyklė nustato šaltinių įkėlimo tvarką, teikdama pirmenybę tiems, kurie būtini greitam matomos dalies rodymui (Critical Rendering Path).
  • Preload ir Preconnect: Mechanizmai išankstiniam įkėlimui arba ryšių su šaltiniais užmezgimui, kurie bus reikalingi vėliau.
  • Lazy Loading: Tokie šaltiniai kaip vaizdai gali būti įkelti tik tada, kai jie tampa matomi naršyklės lange.
  • Minifikacija ir suspaudimas: Šaltinių dydžio sumažinimas prieš jų perdavimą per tinklą.