AKCE! Doména.CZ zdarma ke každému ONEbit hostingu
Zobrazují se odpovědi 1 až 7 z 7

Srcset - rychlsot webu

  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?

  2. Co se právě děje na Webtrhu?
  3. 1) bez odkazu se to blbě řeší (nebo bez kodu)
    2) pokud prohlížeč vždy stahuje největší verzi, něco je špatně

  4. 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;}">

  5. 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?

  6. 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.

  7. Citace Původně odeslal bingoplayer Zobrazit příspěvek
    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.

  8. 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.

Hostujeme u Server powered by TELE3