Lesk a bieda nástrojov na testovanie rýchlosti webu (diskuse)

[Dreit]

A co teprve taková patnanina jako DeviantART

[mirec]

Krásne skóre má aj táto recenzia na apple hodinky ;)

[chrono]

Naozaj PageSpeed odporúča vložiť celý css do html kódu?

[mirec]

Teoreticky nie, prakticky áno. Trochu rozoberiem.

V googlackom helpe sa píše:

The critical styles needed to style the above-the-fold content are inlined and applied to the document immediately.

Takže inlinovať by sa mali štýly, ktoré vykreslia stránku po zalomenie. Zalomením je myslená bez scrollovania viditeľná časť stránky. Na mobile to môže byť pomerne malá časť, ale ja momentálne sedím pri desktope. Ak si otvorím abclinuxu.cz vidím celú hlavičku, ľavý panel, obsah a ešte dokonca aj diskusiu. Valstne jediná vec ktorú nevidím je pätička, všektko ostatné by malo byť teda inlinované. Tých zvyšných možno 10% CSS, ktoré tvorí pätičku sa ani neoplatí dávať do samostatného súboru kvôli réžii HTTP.

Druhý problém, ktorý tu ešte vidím je, že google odporúča externé css vkladať nie cez tag link na to určený v hlavičky, ale cez javascript (žeby snaha eliminovať používateľov noscriptu?). Takže namiesto:

<link rel="stylesheet" href="small.css">

Je podľa googlu lepšie:

<script>
  var cb = function() {
    var l = document.createElement('link'); l.rel = 'stylesheet';
    l.href = 'small.css';
    var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
  };
  var raf = requestAnimationFrame || mozRequestAnimationFrame ||
      webkitRequestAnimationFrame || msRequestAnimationFrame;
  if (raf) raf(cb);
  else window.addEventListener('load', cb);
</script>

[Jendа]

Je strašné, jak jsou weby ohromné a nepřístupné. Oblasti webů, o kterou se zajímám, se to dlouho vyhýbalo, ale už to začíná pronikat i tam. Mimochodem další neduh je tenké šedé písmo na šedém. Pak ještě pozoruji stránky, které se vůbec nezobrazí bez JS !!!, občas proto, že je v CSS veliký bílý <div> přes celou stránku. Nechápu.

Například výše odkazovaná stránka mi ve Firefoxu bez JS ukazuje polovinu jako bílý text na bílém pozadí.

Kromě JavaScriptu jsem tak začal vypínat i CSS (!!), na některých webech to dost pomůže. Třeba z toho TheVerge se najednou stane čitelná stránka.

Včera jsem se zase snažil použít zbozi.cz z Midori. Nešlo to, jejich clickthru tracker mě prostě nepustí.

YellowLab mi doporučil "lazyloader", takže už konečně vím, jak se jmenuje ten mor, kvůli kterému

• nemám obrázky na některých stránkách bez JS. To je přece jasné, tag <img> z HTML 2.0 nám nestačí, je potřeba kvůli tomu spouštět na klientovi náš kód.
• otevřu stránku, nechám ji natáhnout, odpojím se od sítě s tím, že si ji přečtu (ve vlaku, ...), a tam kusy chybí!

Nevím, co s tím mám dělat :-/

[jadd]

Zkousim Midori bez js a normalne se stranka nacte i s obrazky, mas tam neco spatne.

[Jendа]

Jak na kterém webu. (příklady si neukládám a žádný teď z hlavy nevykouzlím)

[jadd]

zbozi.cz, i u firefoxu s javascript.enabled(false) to ty obrazky nacte jen nefungujou ovladaci prvky.

[Jendа]

Midori, Preferences → Behavior → [ ] Enable scripts. Jdu na zbozi.cz, zadám "vysavač", dám entr, problikne to a hodí mě to na /?_escaped_fragment_=.

[Jendа]

A po té, co jsem selektivně povolil několik domén, jsem se nějak dostal na výsledky vyhledávání, ale jakmile jsem klikl na nějaký výrobek a pak na odkaz do eshopu, tak jsem dostal prázdnou stránku.

[jadd]

Tak jsem to zkoušel, vyhledávání funguje jen se zapnutým js (login.szn.cz) a taky to nejde bez zapnutého html5 storage. Zkusil jsem dát do hosts domény h.imedia.cz c.imedia.cz, ads.pubmatic.com, dot.seznam.cz, 1.im.cz a cdn.rawgit.com které tam jsou i bez nich to funguje.

[Josef Kufner]

Pokud si chceš něco v klidu přečíst, doporučuji tisk do souboru. Mnoho webů má použitelné tiskové styly a moc nehrozí chybějící obrázky či nefunkční JavaScript.

[R]

Alebo nastavit User-agent na Googlebot.

[Acci]

Nevím, co s tím mám dělat :-/

Přestat žít v roce 1995?

[Jendа]

Právě že kdybych žil v roce 1995, tak bych chodil na přístupný web.

[Odin1918]

Je treba se smirit s tim, ze je rok 2016 a javascript patri neodmyslitelne k webu. Doby linksu/lynxu jsou jiz davno pryc.

[Jendа]

JavaScript sám o sobě by mi tak nevadil, ale výsledkem je web žeroucí procesor, s nečitelným textem a rušivými animacemi.

[pavlix]

Já jsem s tím smířený, před pár dny jsem začal používat noscript.

[mirec]

Lazy loading je hnusný hack typu nevieme opraviť problém, ale urobíme to tak, aby to na prvý pohľad nebolo viditeľné.

Teoreticky by lazy loading mohol riešiť priamo browser (jednoducho by sa niekde v nastaveniach dalo zaškrtávatko a browser by nenačítaval to, čo je mimo viditeľnej plochy ... lenže to by sme zabili celé onload).

Celé je to momentálne trochu na hlavu padnuté. Dnes som pozeral analýzu linuxos.sk v nástroji moz kvôli divnému poklesu návštevnosti z googlu. Celkom ma prekvapil vysoký rank v spam analýze. Čerešničkou na torte je:

Site Mark-up is Abnormally Small
There's a high ratio of visible text compared to HTML, JavaScript, etc.

Takže keď má stránka dobrý pomer obsahu k bordelu je považovaná automaticky za spam.

Neviem, či si niekto pamätá časy keď HTML maily padali do spamu pretože boli HTML. No nedávno sa mi stalo, že mi textové maily začali padať do spamu pretože obsahujú len pár slov v plain texte.

[kotyz]

doba se změnila. pokrok nezastavíš... :-/

[washeck]

Nehovorím, že v niektorých prípadoch nemajú opodstatnenie, ale pri skutočnej optimalizácií odporúčam vyhnúť sa im veľkým oblúkom.

Tohle je imho klíčová věta. Pingdom je zaměřený hlavně na monitoring dostupnosti a odezvy serverů. Měří sice rychlost webu, ale je podle mě myšlen hlavně pro odhalení provozních problémů (např. uživatelům v určitém regionu jede web pomalu, zálohování db způsobuje pravidelně nárůst odezvy apod.) než pro kóderskou optimalizaci.

[mirec]

Problém je, že mnohí kóderi to používajú ako de facto test rýchlosti čo ani náhodou nie je. Na monitoring webu, nastavenie cachovania a mnoho ďalšieho je to veľmi dobrý nástroj.