it-swarm-eu.dev

Pomáhá určení explicitních rozměrů obrázku výkonu webu?

Provedl jsem několik auditů v nové webové aplikaci, kterou se chystáme spustit. Chromium navrhuje při využití sítě, že několik obrázků na našem webu nemá výslovně deklarované rozměry výška/šířka.

Pomůže to opravdu výkonu? Kromě prohlížeče, který se nemusí rozhodnout, jak zobrazit obrázek, a v zásadě je řečeno, aby pro obrázek použil výšku X a šířku Y, jak může pomoci „využití sítě“?

Jakékoli další připomínky týkající se tohoto by byly oceněny!

6
Chris

Pomůže pouze výkon jednotlivých prohlížečů. V žádném případě to nezvýší využití sítě. Když prohlížeč vykreslí html, začne alokovat a prostorové objekty, a pokud má explicitní pokyny, jak alokovat prostor, rozložení se rozloží, zatímco obraz se stále načítá na pozadí. S moderními rychlostmi širokopásmového stahování je to stále menší a menší problém, ale stále je to patrné. Pokud jste někdy šli na stránku se spoustou obrázků (příkladem je http://www.skysports.com/), který výslovně nestanoví velikosti obrázků, všimnete si skoku a přeskočení stránky, jak jsou obrázky načteny do dom a prohlížeč obnoví rozhraní a vykompenzuje novou velikost. Díky explicitní velikosti obrázku je tento nervózní zážitek vyloučen. Na mnoha webech CMS však velikost obrázku nelze vždy explicitně znát, takže tomuto chování může být nevyhnutelné.

Pokud znáte velikost obrázku, není na škodu jej tam vložit, i když z toho možná ani nevidíte žádný „skutečný“ zisk.

ÚPRAVA - jako další test můžete vyzkoušet 2 různé stránky pomocí textu „lorem ipsum“ omotaného kolem velkého obrázku (přibližně 4 MB?). Protože neexistuje reálný způsob, jak se obrázek může rychle načíst (pokud není v mezipaměti), měli byste si všimnout rozdílu v chování zobrazení mezi explicitními a nevýhradními stránkami.

7
Joel Etherton

Nevím o skutečném zvýšení výkonu, ale pomáhá prohlížeči Malovat čas, díky kterému se aplikace zdá uživateli rychlejší. Nepodceňujte ostřejší uživatelské rozhraní, pokud jde o to, jak je aplikace vnímána.

2
Virtuosi Media