Divná móda: extrémně pomalé a žravé weby

1.11.2013 20:38 | Přečteno: 3361× | Ze života

V poslední době se rozmohla divná móda: weby, které dokáží vytížit všechna dostupná procesorová jádra a i poté jsou pomalé a špatně použitelné.

Kdysi jsem si stěžoval na divnou mánii v javascriptovém a flashovém chrlení. Nějakou dobu byl relativně klid, částečně i díky neustálému zrychlování javascriptových enginů v prohlížečích. Ale v posledních měsících je to tu zpět.

Mohu uvést i konkrétní příklady, které bude leckdo znát: stránky Google+, facebookové firemní stránky a galerie na Flickru. Na pouhé zobrazení sežerou ohromné množství procesorového času a při pokusu o scrollování (to platí hlavně pro FB) prohlížeč tuhne téměř až k smrti. Samozřejmě se různé prohlížeče liší, ale na žravosti webů to nic nemění.

Je mi celkem jasné, odkud vítr fouká. Před časem jsem nakoukl do JS kódu facebookové galerie a udělalo se mi mírně nevolno. Potvrdilo se mi to i podle informací v rozhovoru s Jakubem Vránou, který nějakou dobu pracoval ve Facebooku. Ano, na čistotě implementace a výkonové náročnosti příliš nezáleží (stačí to prostě naprasit tak, aby to jakž takž fungovalo - filosofie „move fast, break things“), pokud to není tak zlé, aby lidé hromadně utíkali. Když si jen zanadávají a uteče jich pár promile, o nic nejde. Proč psát kvalitní kód a spotřebovávat na to draze placený čas vývojářů, když to budeme stejně brzy kompletně přepisovat, že...

Že si to dovolí mamuti typu Facebooku nebo Googlu, kteří si mohou být prakticky jistí loajalitou uživatelů i přes podobné kopance, vypadá celkem logicky. Divnější je to ale u řady jiných webů. U takových, kde jsou jejich provozovatelé rádi za každého uživatele. Na takových webech není skoro nic (obsahově; spíše tam jsou všelijaké vizuální efekty) a přesto jsou ukrutně pomalé a žravé. To mi hlava nebere, protože nakoupí někdo (při současném konkurenčním prostředí) v e-shopu, kde si neprohlédne zboží, aniž by po každém posunu stránky několik vteřin čekal? Pravděpodobně ne...

       

Komentáře

[Jakub Lucký]

Moje nejoblíbenější je pršení z kurzoru. Implementace zde, k prohlédnutí tady po přepnutí na blogísek stájl...

[#Tom]

Co je na tom divného? Už před lety jsem nevěřícně koukal na zvláštně nastavený Lightbox, který z obyčejného procházení galerie udělal neřešitelný problém, protože se každý obrázek po otevření postupně roztahoval. Problém se „vyřešil“ nákupem nového počítače. :)

[manasekp]

Je to skvela moda, dava me to sanci udelat lepsi web a nechat vsechny ostatni daleko za sebou.

[KS]

Tak si ho vypni. On ten web potom i lépe vypadá. A ušetříš na elektřině.

[Luk]

Některé weby bez JS vůbec nejedou. Ale nejde mi teď primárně o to, co s tím udělám u sebe. Jde mi o ten trend jako takový, prostě se nad tím zamýšlím.

[Noscript]

Je řešení. Povolit JS jen někde.

[Luk]

Tak znovu - důležité je toto:

Ale nejde mi teď primárně o to, co s tím udělám u sebe. Jde mi o ten trend jako takový, prostě se nad tím zamýšlím.

[KS]

Jasně, škoda jen, že už se weby většinou nepíší pro prohlížeče bez Javascriptu. A pár "exotů" co si vypne Javascript s tím nic neudělá. Na takových webech asi i sémantika a přístupnost nehrají roli.

[Luk]

Na takových webech asi i sémantika a přístupnost nehrají roli.

Ony ve skutečnosti hrají, minimálně pro vyhledávače. Provozovatelé si nechají prasácky udělat web a pak platí za SEO služby, které jim kompenzují ztráty ve výsledkových pozicích, ke kterým došlo při naprosté ignoraci sémantiky. Je to něco podobného, jako když někdo jede autem na druhý konec města, aby tam v posilovně pochodovat po pohyblivém pásu

[petr_p]

Making AJAX Applications Crawlable :)

[Luk]

To je trochu něco jiného. Narážel jsem na to, že si někdo nechá vytvořit web tak, že se ignoruje sémantika (ve statickém HTML), a pak platí za jeho vylepšování pro vyhledávače.

[petr_p]

Já vím, ale je to způsob ražený Googlem: Máte ajaxový web? Pošlete nám odkaz na obyčejné HTML.

[gtz]

třeba gmaps bez js nejedou. Poslední dobou se zkryplilo o přihlášení do gmailu.

[Jendа]

Mně štve už samotná existence stránek, které nefungují bez JS (proč je proboha potřeba JS třeba pro zobrazení textu na blogu?!). Čistě proto, že bych měl rád JS kompletně zakázaný. Z bezpečnostních důvodů.

[Luk]

Mně štve už samotná existence stránek, které nefungují bez JS

JS je principiálně výborná věc. A s AJAXem ještě lepší. Kdykoli má být web trochu interaktivnější, s JS se to realizuje mnohem lépe a pro uživatele přívětivěji. Už jen taková kravina, jako je validace vstupu. Bez JS lze validovat až po odeslání celého formuláře (a chyby pak ohlásit hromadně), kdežto s JS lze validovat již přímo během psaní nebo po opuštění každého pole. Je samozřejmě hezké, pokud se to realizuje tak, že to i bez JS funguje (i když třeba méně pohodlně), ale ne vždycky to jde.

proč je proboha potřeba JS třeba pro zobrazení textu na blogu?!

Třeba proto, že tam je 1000 komentářů a stránka by s tím byla velká jako kráva (nebo by se muselo listovat po stránkách a bylo by to dost těžkopádné). Ne vždycky člověk sedí u tak rychlého připojení, aby nějaké mego sem nebo tam neřešil.

[Jendа]

A s AJAXem ještě lepší.

Možná, kdyby to třeba striktně nemohlo odesílat požadavky jinam než na svoji domovskou doménu, omezila by se délka programu, limitovala by se interakce se zbytkem prohlížeče a systému atd. To, že mi někdo začne z počítače scannovat LAN nebo se rozhodne těžit na mně Bitcoiny, je prostě nepřijatelné.

[Luk]

Forkni Firefox a/nebo Chromium a můžeš to tam zapracovat (doporučuji ale vynechat limit na délku programu nebo ho mít v defaultu dostatečně velký). Pokud o to bude zájem, někdo ti s tím určitě pomůže.

[Jendа]

Hm, nejsi první, kdo mi radí forknout Firefox (to první bylo kvůli builtin šmírovacím featurám). Něco na tom bude.

[Jiří]

Potřebuješ práci ...

[radix]

Možná, kdyby to třeba striktně nemohlo odesílat požadavky jinam než na svoji domovskou doménu

Tohle AJAX ani nemuze. Jsou ale jine moznosti jednostranne komunikace - muzes napriklad stahovat skripty nebo obrazky z jinych domen, pak muzes odeslat informaci v query stringu. Pomoci JSONP a podobnych technik pak lze realizovat i cross domain oboustrannou komunikaci.

[Luk]

Tohle AJAX ani nemuze.

Ale může (když vynecháme zastaralé prohlížeče včetně IE 9 a starších). By default ne (kromě JSONP), ale stačí přihodit patřičné hlavičky a už to jede. Na druhou stranu lze naopak omezit práva (pomocí hlavičky Content-Security-Policy, resp. dříve X-Content-Security-Policy) i dalším součástem stránky.

[já]

Hm, to se ale přece dá taky ošetřit - prostě bez js neuvidím komentáře, pokud je vidět chci, tak musím zapnout. Nehledě na to, že web s tak velkým objemem komentů jsem už dlouho neviděl. Zkrátka ten princip nadužívání nebo zneužívání js apod. pro blbosti tu je a je to škoda.

[JS1]

Musim sebekriticky podotknout, ze mi JS v komentarich taky vadi. Ale trochu z jineho duvodu - zajimave clanky a diskuse si ukladam, a tam kde tu diskusi zobrazuje AJAX to udelat nemuzu.

[Luk]

Nehledě na to, že web s tak velkým objemem komentů jsem už dlouho neviděl.

Blogy na abíčku?

[Kvakor]

Mně štve už samotná existence stránek, které nefungují bez JS

To mně taky dost vadí - kliknu na odkaz a vyskočí na mně čistá stránka, případně jen eějaké základní navigace a nic jiného. Teprve když v NoScriptu povolím skripty, které vypadají, že mají na starost obsah stránky (narozdíl od těch, co vypadají jako vkládadla reklam a/nebo sledovadla uživatelů), tak se text objeví. A často se stane, že tato jediná stránka je schopná zatížit prohlížeč tak, že to na pomalém stroji (např. netbook s 600MHz ARMv7) spotřebuje veškerý výkon, přitom se na stránce samotné vůbec nic neděje, což je ještě horší, než kdyby se tam děla nějaká zbytečná činnost jako hloupá anímace typu sněžení či načítání dat z externích zdrojů.

PS: Na některé stránky prý pomůže vydávat se za GoogleBota, ale já osobně jsem to nezkoušel ...

[srigi]

Situacia je dost zla, ale nastastie sa da aspon trocha riesit rozsireniami do browsera. Pamatam si, ako velmi sa mi zrychlilo nacitanie klasickych magazinovych webov, ked som si nahodil Ghostery a v NoScript povolil iba JS z hlavnej domeny.

A na druhu stranu, hlavne z komunity okolo chrome dev tools je teraz dost tlak a osveta na optimalizaciu rychlosti stranok. Staci si na twitteri prebehnut hashtag #perfmatters. Developeri su nabadani k tzv. 60fps webom.

[Ondrej 'SanTiago' Zajicek]

Rekl bych, ze to je soucasti obecneho trendu pomaleho a extremne zraveho software. Wirthuv zakon: software se zpomaluje rychlejsim tempem nez se hardware zrychluje.

Co s tim? Snad kdyby bylo nejake pocitadlo 'taktu javascriptu' a od webovych vyvojaru by se pozadovalo, aby bezna stranka 'nespotrebovala' vic taktu nez X (podobne jako drive byly doporuceni na maximalni velikost stranky, aby na ni uzivatel moc dlouho necekal).

[Luk]

Rekl bych, ze to je soucasti obecneho trendu pomaleho a extremne zraveho software. Wirthuv zakon: software se zpomaluje rychlejsim tempem nez se hardware zrychluje.

Neplatí to zdaleka pro všechen software. Například kancelářské balíky (LO, AOO i MSO) jsou oproti stavu před dvěma lety rychlejší a méně žravé.

Co s tim? Snad kdyby bylo nejake pocitadlo 'taktu javascriptu' a od webovych vyvojaru by se pozadovalo, aby bezna stranka 'nespotrebovala' vic taktu nez X (podobne jako drive byly doporuceni na maximalni velikost stranky, aby na ni uzivatel moc dlouho necekal).

Tohle by se dost obtížně počítalo. Stránku lze používat různými způsoby (které generují různé obsluhované události) a každý může generovat výrazně jinou zátěž. Nehledě na to, že pro vývojáře (hlavně "vývojáře") by to byla španělská vesnice, protože když například dělají něco s jQuery, tak tam prostě prásknou selektor a nějaký callback, přičemž už naprosto nedomyslí, co to přesně bude znamenat z hlediska počtu instrukcí nebo i jen toho, jak často se ten callback zavolá.

[:::]

kdyz uz jsme u te divne mody, jsem jedinej komu vadi sedej text na sedym pozadi? Nevim proc se autori snazi svoje stranky udelat necitelny (mozna aby zakryli ze obsah za moc nestoji?), ale v posledni dobe se to rozsiruje jako mor.

Firefox add-ony blacken a no color to castecne resi, ale radsi bych kdybych je nemusel pouzivat...

[Luk]

kdyz uz jsme u te divne mody, jsem jedinej komu vadi sedej text na sedym pozadi? Nevim proc se autori snazi svoje stranky udelat necitelny (mozna aby zakryli ze obsah za moc nestoji?), ale v posledni dobe se to rozsiruje jako mor.

Tohle nejspíš způsobil Pinterest, po kterém se i v dalších ohledech (včetně žravosti) opičí spousty jiných webů, včetně FB a Google+.

[mirec]

Minule som kvôli týmto skvelým dizajnérom musel pozerať na monitor z dosť extrémneho uhla inak som videl len jednoliatu šedú plochu. Fakt milujem keď je niekto dizajnér a má nejako nastavený svoj drahý imac že všetci musia vidieť farby tak isto.

[gtz]

No Flickr se v nové jeho podobě hodně zpomalil a někdy jeho načítání je strašný opruz.

[Sam]

Tento trend neni novy a netyka se jenom webu, ale softu celkove. Kdysi davno na 8mi bitech se akzdy snazil usetrit zdroju, co se dalo. Ale casem, jak ceny pameti klesaji a v porovnani s predeslou generaci stroje, je ji neskutecne mnoho (malem nekonecne), nejaka ta optimalizace zravosti odpada. Do toho vlitne malem hyperexponencionalni zvysovani procesoru, takze to uz ani nevadi, ze nejaky ten algoritmus cykli snad 100x vice, nez predtim - ve skutecnosti se zda, ze to jede stejne rychle - to wocogo. A tak nove generace vyvojaru uz snad ani nevedi jak setrit mistem v pameti (treba uz jenom zmenou nastaveni kompilatoru), jak urychlit bez aplikace, ... proc taky?

BTW: vzpomel jsem si na jeden vtipek kdysi z praveku: na svem Atari (64kB Ram, 2Mhz) jsem si natahnul textovy editor, napsal dopis a vytisknul (15 minut). Dnes na svem PC mam 64MB RAM, 400MHz, tak co ten Word uz dobrych 10 minut chrousta?