Chrome začína načítavať stránky iba čiastočne, mal by byť rýchlejší

Značky: Chromewebový prehliadač

DSL.sk, 16.8.2018

V testovacích verziách Canary webového prehliadača Chrome sa v uplynulých dňoch objavila podpora novej funkčnosti, ktorá by mala zrýchliť načítavanie stránok a zároveň zmenšiť množstvo prenášaných dát.

Ide o tzv. lazy loading, teda neskoré načítavanie stránok respektíve načítavania na požiadavku, ktoré vývojári Google avizovali na začiatku roka. Na jeho zahrnutie do Chrome Canary upozornil Bleeping Computer.

Pri otvorení stránky prehliadače štandardne načítajú a zrejme často aj interne renderujú už celú stránku. Pri dlhých stránkach, u ktorých sa následne užívateľ nikdy neposunie do nižších častí, sa ale zbytočne načítavajú napríklad obrázky.

Lazy Loading je práve technika, pri ktorej sa zatiaľ zbytočné obrázky a iframy najskôr nenačítajú. Podľa popisu implementácia Google, aby prehliadač poznal rozmery prvkov na stránkach, z nenačítavaných obrázkov načíta len prvé bajty umožňujúce zistiť veľkosť obrázkov. K ich kompletnému načítaniu príde až vtedy, keď sa užívateľ posúvaním blíži k časti stránky kde sa majú nachádzať.

Vďaka tomu sa stránka na začiatku môže načítať rýchlejšie a pokiaľ nebudú nenačítané komponenty nikdy načítané, prenesie sa aj menej dát. Rýchlosť načítavania by sa podľa skorších informácií Google mala zrýchliť o 18% až 35%.

Nevýhodou je potenciálne čakanie na dočítanie prvkov, ak sa na ne užívateľ posunie príliš rýchlo alebo nepredvídane.

Funkčnosť bola plánovaná najmä pre mobilnú verziu Chrome pre Android, keď prínosom môže byť najmä na pomalých mobilných spojeniach. Nakoniec sa objavila ale aj v testovacích verziách Chrome pre PC, od verzií 70.0.3521.0. Štandardne zatiaľ nie je zapnutá, zapnúť je ju možné samostatne pre obrázky a iframy v nastaveniach chrome://flags pod označením Enable lazy image a frame loading.

Tvorcovia stránok budú mať možnosť kontrolovať respektíve zakázať takéto nenačítavanie komponentov parametrom lazyload v jednotlivých HTML prvkoch.




Najnovšie články:



Diskusia:

vejár Od: Heja | Pridané: 16.8.2018 9:53 Lazy loading for lazy people lul Odpovedať Známka: 0.0 Hodnotiť:

Re: vejár Od: fagju | Pridané: 16.8.2018 13:20 65 % spomalovania sa sklada z vtieravej reklamy a zbytok je webovy obsah, welcome to the marketingstan Odpovedať Známka: 8.9 Hodnotiť:

Re: vejár Od: in2desire | Pridané: 16.8.2018 15:55 ... pravda .. vidim to tak ze Chome prvej natiahne Reklamu a javascripty na CoinMining :) a na potom ostatny obsah stranky :) Odpovedať Známka: 10.0 Hodnotiť:

Chrome v Linuxe Od: froggy | Pridané: 16.8.2018 9:58 Ja mám problém s Chrome v Linuxe, napr. Reddit mi nenačíta vôbec, iné stránky zvykne načítať zle alebo keď je na stránke video a chhcem prepnuť kvalitu videa tak nevidím možnosti, len čistý panel... Dosť ma to štve :D Odpovedať Známka: -1.4 Hodnotiť:

Re: Chrome v Linuxe Od: mrtvy_pes | Pridané: 16.8.2018 10:08 Zakazany JavaScript? Odpovedať Známka: 7.1 Hodnotiť:

Re: Chrome v Linuxe Od: _xxx | Pridané: 16.8.2018 10:16 zanedbany sex. Odpovedať Známka: 6.8 Hodnotiť:

Re: Chrome v Linuxe Od: froggy | Pridané: 16.8.2018 10:28 Mám povolené všetko. Vo Firefoxe to šlapalo len tak sa mi nedalo dajak zmeniť meno, alebo to neviem :D Tak som prešiel na Chrome lebo šak tam mám aj účty mejlové a hľa :D Odpovedať Hodnotiť:

Re: Chrome v Linuxe Od: froggy | Pridané: 16.8.2018 10:54 Edit:// Nedalo sa mi tam zmeniť písmo, bol dajaký udrbaný font a vyzeralo to hrozne :D Odpovedať Hodnotiť:

Re: Chrome v Linuxe Od: Chromium | Pridané: 16.8.2018 10:55 preco nepouzivas Chromium? Odpovedať Známka: 7.5 Hodnotiť:

Re: Chrome v Linuxe Od: froggy | Pridané: 16.8.2018 10:56 Neviem, kukal som aj to. Myslíš, že to bude lepšie jak Chrome? Odpovedať Hodnotiť:

Re: Chrome v Linuxe Od: Chromium | Pridané: 16.8.2018 11:01 Lepsie v tom ze to je open source bez spehovatiek googlu. Chome je v podstate fork Chromiumu, z chromiumu sa merguje kod do chromu. Odpovedať Známka: 7.1 Hodnotiť:

Re: Chrome v Linuxe Od: asdfa | Pridané: 16.8.2018 12:36 zdroj? Odpovedať Známka: 3.3 Hodnotiť:

Re: Chrome v Linuxe Od: _xxx | Pridané: 16.8.2018 15:15 https://www.chromium.org/ Odpovedať Známka: 10.0 Hodnotiť:

Re: Chrome v Linuxe Od: mnefunguje | Pridané: 16.8.2018 11:39 chyba je u teba. mam mint a reddit v chrome funguje. vyskysaj inkognito rezim, mozno mas problem s nejakym rozsirenim. Odpovedať Známka: 10.0 Hodnotiť:

Re: Chrome v Linuxe Od: zxcvbn | Pridané: 16.8.2018 11:02 Install Arch. Odpovedať Známka: 3.3 Hodnotiť:

Re: Chrome v Linuxe Od reg.: tetaanka | Pridané: 16.8.2018 12:38 lol, toto napises niekomu, kto sam neodtroubleshooti ani chrome? You crazy? taketo individuum by si pustil na forum ArchLinux sa pytat otazky :D Odpovedať Známka: 8.0 Hodnotiť:

reklamy Od reg.: DakuHonoo | Pridané: 16.8.2018 11:18 Je nejaká šanca, že by nechali načítať najprv obsah stránky, a až potom reklamy, či by som od googlu chcel veľa? Odpovedať Známka: 10.0 Hodnotiť:

Re: reklamy Od reg.: Uhlik | Pridané: 16.8.2018 11:35 Paradoxne, myslím, že Googlu ide práve o to, pretože mnoho stránok má reklamy na neviditeľnom mieste, ale zobrazenia sa im počítajú. Nemyslím si, že to robia pre dobro užívateľov Chrome :) ... Odpovedať Známka: 8.8 Hodnotiť:

Re: reklamy Od: Brave browser | Pridané: 16.8.2018 22:03 A ten kto pouziva Brave, tak sa mu ani tie reklamy vobec nenacitaju :) Odpovedať Známka: 5.0 Hodnotiť:

ničivý praktik Od: syntaxterrorX. XX | Pridané: 16.8.2018 11:29 Z rýdzo odbornej perspektivy je oneskorovanie pripadnej tlace cez wifi priekazne jasny fail. Odpovedať Známka: -7.3 Hodnotiť:

super Od: lavor | Pridané: 16.8.2018 12:15 Uz sa tesim, prve sa nacitaju reklamy a potom obsah stranky. (teda aspon takto mi to funguje na mobilnom chrome) Neviem, kto potrebuje pri sucasnych rychlostiach internetu riesit rychlost nacitavania stranok. Pre mna pri 150 Mbit/s je ten rozdiel neviditelny. Odpovedať Známka: -3.3 Hodnotiť:

Re: super Od: Heja | Pridané: 16.8.2018 12:44 No hej, ale podľa mňa ide aj o výkon.. skús mať gigabitový internet ale trebárs len 300MB voľnej RAM .. pri obrázkoch a "ťažších" stránkach je to pôrod.. taktiež firefox v linuxe ... dokonalý, ale keď otvoríš zopár stránok/profilov na Facebooku a máš nebodaj staršiu mašinu, tak to tak začne sekať a mrznúť.. to isté Flickr, keď si tam dlho a trebárs niečo vyhľadávaš.. po čase zaprataná celá RAM a ešte aj swap.. v Chrome/Chromium neviem či to robí, tie zas nepoužívam lebo napr. aj tu na DSLku sa nedá (nedal) čítať text (moc malý) .. aj keď som dal minimálnu veľkosť trebárs 50px .. vôbec to nemenilo Odpovedať Známka: 10.0 Hodnotiť:

Re: super Od: Nasr | Pridané: 16.8.2018 13:04 preco nam kritizujes dizajn dsl.sk? Odpovedať Známka: 10.0 Hodnotiť:

Re: super Od: Heja | Pridané: 16.8.2018 14:28 dizajn schvaľujem všetkými 20timi a kiežby sa inšpirovalo 100% www stránok.. kritizujem skôr tvorcov chrome/chromium, ktorý skrátka niektoré malé písma ešte viac zmenšujú aj napriek navoleniu minimálnej veľkosti textu (keď zvolím aby minimálna veľkosť textu bola 50px, tak chcem aby najmenší text čo uvidím mal 50px, nie 3px, pričom originál má 10px.. skrátka nonsense) Odpovedať Známka: 10.0 Hodnotiť:

Re: super Od: Heja | Pridané: 16.8.2018 14:32 ešte som si spomenul.. nedávno som bol na stránke jedného skvelého chlapíka (bigclive) ktorý rozoberá rôznu elektroniku a techniku a natáča to na youtube a je to asi najužitočnejší youtube kanál. Stránku som čakal že bude mať strašnú, ale tá stránka je ešte dokonalejšia. Žiadne rušivé prvky, len text na čiernom pozadí, úplny raj. "This vintage dial-up era site is programmed in lean HTML with minimal active content. It is designed to load almost instantly on any platform, even at low download speeds. Some parts of the world still have old computers and poor Internet connectivity." A aj keď nemám starý počítač a mám optiku, tak sa skrátka takýmto stránkam veľmi teším... načo tam dávať animovaný balast a rušivé veci?! Odpovedať Známka: 10.0 Hodnotiť:

bahahahah Od: roflkopter | Pridané: 16.8.2018 13:10 tak toto je riadne zly napad veru. gratulki Odpovedať Hodnotiť:

..... Od: -...- | Pridané: 16.8.2018 15:27 Zaujímalo by ma ako sa zachová JS napr. onload eventy a pod. Podľa mňa to rozbije viacero stránok ak sa to nebude dať nejako explicitne zapnúť/vypnúť per site. Taký možno hlúpy príklad by bol: Na stránke je formulár ktorý je dlhší ako jej viditeľná časť. Na konci je obrázková captcha na ktorej je onload event až po ktorom sa odblokujú vstupy na zadávanie dát. Teraz ale máme problém - ak tento lazy loading nespustí onload event pri lazy načítanom obrázku, vstupy sa neodblokujú a užívateľ bude mať pocit, že stránka nejde a opustí ju. Alebo lazyload spustí onload aj keď obrázok sa vskutočnosti celý nenačítal a príprava captchy zlyhá pretože chýbajú dáta v img. Ďalším problémom môže byť strana servera ak napr. neumožňuje na viackrát stiahnuť ten istý obrázok z nejakej príčiny. Chrome urobí prvý čiastočný request pre rozmery, server si to poznačí a zakáže ďalší prístup. Následne Chrome urobí request pre celý obrázok lenže server už odpovie 403. Ako teraz špekulujem možno to majú nejak pekne ofachované. Odpovedať Známka: 10.0 Hodnotiť:

Re: ..... Od reg.: miggg | Pridané: 17.8.2018 22:29 Alebo scrollTo(). Kliknes a bielo... Odpovedať Hodnotiť:

loadovanie stranok Od: 234 | Pridané: 16.8.2018 21:35 "Nevýhodou je potenciálne čakanie na dočítanie prvkov, ak sa na ne užívateľ posunie príliš rýchlo alebo nepredvídane. " otvorim 10 tabov a ked k nim pridem tak ocakavam, ze na nich uz vsetko uvidim. A nie ze si pockam dalsie nacitavanie. Snad to pojde vypnut :) Odpovedať Známka: 10.0 Hodnotiť:

Titulok: Od: Meno: | Pridané: 17.8.2018 4:34 Myslim ze prve co sa bude nacitavat budu reklamy Google Ads. Odpovedať Hodnotiť:

umela inteligencia Od reg.: Ironman | Pridané: 17.8.2018 8:47 " Nevýhodou je potenciálne čakanie na dočítanie prvkov, ak sa na ne užívateľ posunie príliš rýchlo alebo nepredvídane. " A preto treba nasadit umelu inteligenciu. :-) Odpovedať Hodnotiť:

Re: umela inteligencia Od: -...- | Pridané: 17.8.2018 9:33 AKA pridať if (userScrollsTooFast){ loadEverything(); } Odpovedať Známka: 10.0 Hodnotiť:

Re: umela inteligencia Od: Mirkooo | Pridané: 17.8.2018 11:14 Životopis prosím zašlite na recruitment@google.com Odpovedať Hodnotiť:

uspora , rychlost Od: NJBNT | Pridané: 17.8.2018 9:00 keby sa blokly reklamy tak nacitanie strany by bolo 3x rychlejsie a uspora dat by bola 80% Odpovedať Hodnotiť:

Pridať komentár