Viisin läbi mõned auditid uues veebirakenduses, mida peagi käivitame. Chromium soovitab võrgu kasutamise osas, et mõnel meie saidi pildil pole selgesõnaliselt deklareeritud kõrguse / laiuse mõõtmeid.

Kas see aitab tõesti esinemist? Peale selle, et brauser ei pea otsustama, kuidas pilti kuvada, ja kästi põhimõtteliselt kasutada pildi jaoks X kõrgust ja Y laiust, kuidas see aitab "võrgu kasutamist"?

Muid kommentaare selle kohta oleks teretulnud!

See aitab ainult brauseri jõudlust. See ei suurenda kuidagi võrgu kasutamist. Kui brauser renderdab HTML-i, hakkab ta eraldama ja ruumiobjekte ning kui sellel on selged juhised ruumi eraldamiseks, siis paigutus sõelub, kuni pilti jätkub taustal. Tänapäevase lairiba allalaadimiskiirusega on see probleemiks küll vähem, kuid siiski on see märgatav. Kui olete kunagi läinud lehele, kus on palju pilte (näide on aadressil http://www.skysports.com/), mis ei määra sõnaselgelt pildisuurusi, märkate lehe hüppamist ja vahelejätmist, kui pildid dom ja brauser värskendab liidest uue suuruse kompenseerimiseks. Selgesõnalise pildisuuruse korral on see hüplik kogemus välistatud. Paljudes CMS-i saitides ei saa pildi suurust aga kogu aeg selgesõnaliselt teada, nii et sellist käitumist võib vältida.

Kui teate pildi suurust, ei ole valus seda sinna panna, ehkki ka sellest ei pruugi te saada mingit „tegelikku” kasu.

EDIT - teise testina saate seda proovida 2 erineva lehega, kasutades "lorem ipsum" teksti, mis on ümbritsetud suure pildi (umbes 4mb?) Ümber. Kuna pole reaalset viisi, kuidas pilti saab kiiresti laadida (kui see pole vahemällu salvestatud), peaksite märkama, et selgesõnaliste ja mitteselgete lehtede kuvamiskäitumine erineb.

  • ma usun mis tahes pildi suurust saab teada enne tähtaega, sest saate kontrollida serveri poolt (nt getimagesize() PHP-s) enne HTML-i genereerimist.
  • @DisgruntledGoat - see sõltub CMS-ist, kasutatavast keelest, saadaolevatest tööriistadest jne. See sõltub ka sellest, kui palju üldkulusid soovite saidile lisada, et vabaneda väikesest hüplikkusest. See ei kehti ka CSS-i määratud kõrguse / laiuse atribuutide kohta.
  • @DisgruntledGoat: Kui kontrollite PHP-d lihtsalt suuruse sisestamiseks img-märgendisse, muudab teie sait tegelikult aeglasemaks.
  • @webjunkie: See pole suur jõudlushitt, kui te ei tee seda igal lehel mitu korda. (Ja vahemällu salvestamisega see kaob.) @Joel: Tõsi, osutasin lihtsalt, et see on nii saab seda saab teha enamikus / kõigis CMS-is, mis ei tähenda seda on. Kuigi usun, et enamik CMS lisab lehele pildi lisamisel laiuse / kõrguse - otseste atribuutidena koodis, mitte iga lehe laadimisel.

Ma ei tea tegeliku jõudluse kasvu kohta, kuid see aitab brauseril värvida, mis muudab rakenduse kasutajale kiiremaks. Ärge alahinnake kohmakamat kasutajaliidest selle osas, kuidas teie rakendust tajutakse.

  • Eks selle osa saan, aga ma ei saa aru, miks kroom selle soovituse võrgu kasutamise kategooriasse paigutab.
  • Ma pole ka kindel, miks see seal on. Tundub, et see pole kõige täpsem koht.
  • @Chris: Ainuke põhjus, mis pähe tuleb, on ehk brauserid, kes otsustavad, millises järjekorras nad pildid oma suuruse põhjal alla laadivad, näiteks laadivad kõigepealt alla väiksemad pildid, nii et sait näeb välja „täielikum”. Või võib-olla, kui teiste piltide suurus tähendab, et üks pilt on „voldi all“, laadib see selle alles viimati alla.
  • @ Rahulolematu: Huvitavad mõtted, ma uurin seda natuke rohkem.

none: Charles Robertson | none