logo
04.08.2018 20:22
1
Na webu používáme u obrázků srcset, takže prohlížeči nabídneme různé velikost obrázků a on si stáhne tu která mu vyhovuje (podle toho jestli je to mobilní prohlížeč, desktop, atd.).
Logicky bych předpokládal, že to zvýší rychlost, protože se stahují obrázky jen ve velikosti nezbytně nutné.
Ve všech testech rychlosti webu (včetně googlu) mi však vyskakuje upozornění, že mám snížit velikost dat, které se stahují. Když se podívám detailně na výsledky měření, tak vidím, že se stahuje největší velikost (defaultně v src). Dělám něco špatně nebo se máme vrátit ke klasickému src bez srcset a nabízet nejmenší velikost?
04.08.2018 21:16
2
1) bez odkazu se to blbě řeší (nebo bez kodu)
2) pokud prohlížeč vždy stahuje největší verzi, něco je špatně
04.08.2018 21:31
3
1) web není spuštěný takže nemůžu zaslat odkaz, takže nemůžu zaslat odkaz
2) psal jsem, že největší verzi stahují měřiče rychlosti

Kód:
<img src="z/upload/1177383-10112136112_m.jpg" alt="Kompletní CO2 set s nočním vypínáním bez láhve se závitem W 21.8" srcset="/upload/1177383-10112136112_v.jpg 512w, /upload/1177383-10112136112_s.jpg 320w, /upload/1177383-10112136112_m.jpg 160w, /upload/1177383-10112136112_p.jpg 44w" sizes="(min-width: 768px) 250px, 100vw" class="" data-rel="6679" itemprop="image" data-photoswipe="{&quot;sizes&quot;: {&quot;_p&quot;: {&quot;src&quot;: &quot;/upload/1177383-10112136112_p.jpg&quot;,&quot;w&quot;: 44,&quot;h&quot;: 66},&quot;_m&quot;: {&quot;src&quot;: &quot;/upload/1177383-10112136112_m.jpg&quot;,&quot;w&quot;: 160,&quot;h&quot;: 240},&quot;_s&quot;: {&quot;src&quot;: &quot;/upload/1177383-10112136112_s.jpg&quot;,&quot;w&quot;: 320,&quot;h&quot;: 480},&quot;_v&quot;: {&quot;src&quot;: &quot;/upload/1177383-10112136112_v.jpg&quot;,&quot;w&quot;: 512,&quot;h&quot;: 768}},&quot;src&quot;: &quot;upload/1177383-10112136112.jpg&quot;,&quot;w&quot;: 600,&quot;h&quot;: 900,&quot;msrc&quot;: &quot;/upload/1177383-10112136112_s.jpg&quot;}">
04.08.2018 21:49
4
Normálně se tedy stahují různé velikosti obrázků podle zařízení, pokud to chápu?

Proč Tě zajímá, že se v nějakém testu stahuje jen ten největší? Prostě to mají tam udělané. Budeš upravovat svůj web, aby jsi viděl dobrý výsledek v nějakém starém testu, který simuluje pouze desktop verzi?
04.08.2018 21:53
5
Zajímá mě pouze jeden z výsledků a to Google PageSpeed Insights, protože rychlost webu je pro Google důležitá a pokud jej vidí jako pomalý, tak je to pak velký problém.
05.08.2018 18:24
6
Původně odeslal bingoplayer
rychlost webu je pro Google důležitá a pokud jej vidí jako pomalý, tak je to pak velký problém.
Pokud návštěvník uvidí hnusné fotky, tak je to větší problém.

Dejte do src přiměřenou velikost místo té největší a nejspíš bude vyřešeno. Všechno moderní prohlížeče pak stejně použijí fotku z srcset.
06.11.2018 23:44
7
Tak si zkontroluj implementaci, jestli se to chová korektně.

Každý nový mobil má 2-3x více HW pixelů než těch CSS, a (pokud se nepletu), tak sem bude prohlížeč posílat právě ty velké obrázky.