rychlost

Třetí ročník největšího frontendového setkání v Česku a na Slovensku proběhl v pražském O2 Universum. Původně komunitní akce, která má kořeny v pravidelným meetupech webových vývojářů zaměřených hlavně na frontend (to, co vidíte v prohlížeči), letos odmaturovala a stala se vyzrálou profesionální konferencí se vším všudy.

Máte pocit, že váš hosting nefunguje, jak má? Trápíte se s výpadky webu? Chcete být informováni o tom, že váš web momentálně nefunguje? Mám pro vás tři tipy na online služby monitorující dostupnost webových stránek. A zmíním nástroj hostovaný na vašem vlastním serveru.

Jak sledujete dostupnost svých webů? Tipuji, že pomocí nějaké freemium služby s pětiminutovým intervalem, nebo naopak drahým profi řešením. Uvažovali jste nad vlastní hostovanou aplikací? Mám tip na jednu s přehledným rozhraním, spoustou možností a snadnou implementací.

Je několik způsobů, jak spustit otestování webové stránky nástrojem od Google Lighthouse. Ale už málokdo používá nějakou automatiku, která zajistí otestování všech podstránek, nejenom homepage. A přesně tohle vám Lighthouse Parade zajistí. Z příkazového řádku s exportem do CSV.

Zrychlujete a optimalizujete web? Kritické CSS a blokující prvky asi máte pořešené, teď se ještě zbavit problikávání obsahu při načtení stránky. Pomůže vám s tím jednoduchý online nástroj detekující posun layoutu a zobrazující problémová místa ve formě animovaného GIFu.

Rychlost webovému světu vládne. Pokud jste si pořídili nový virtuální server bez administračního panelu a potřebujete rozběhat web, možná oceníte postup, jak zkombinovat nejnovější PHP, rychlé HTTP/2 a komfortní nástroj pro administraci serveru.

Nejnovějším přírůstkem do rodiny nástrojů pro měření rychlosti webu, je český projekt Pagespeed.cz. Zjistíte s ním základní metriky, porovnáte svůj web s konkurencí a získáte adresu, která bude výsledky průběžně vyhodnocovat každý den. Bezplatně.

Při spuštění webu byste měli otestovat, jak zvládá zátěž spojenou s příchodem většího množství uživatelů. Tohle je zcela jiná metrika než rychlost načítání jako taková. Zátěžové testy dovede celá řada nástrojů. Rád bych vám představil bezplatný open source nástroj Locust, se kterým otestujete nejenom načítání stránek, ale i přihlašování a odesílání formulářů.

Nový pohled v Google Search Consoli zobrazuje rychlost webu. Data jsou posbírána od skutečných uživatelů a neomezují se jenom na titulku nebo konkrétní stránku. Dají vám obrázek o skutečné rychlosti celého webu napříč různými uživatelskými skupinami.

Měl jsem nějaké zkušenosti s AMP a WordPressem. Spočívaly v zapnutí pluginu. Ale protože se zapnutím pluginu AMP nenaučím, rozhodl jsem se nakódovat nový jednoduchý webík právě rovnou v AMP. Od píky, čistě jen v editoru, bez redakčního systému.

Google historicky nabízel celou řadu nástrojů, které vám pomohly najít problémy s rychlostí webu, jeho optimalizací pro mobilní zařízení, SEO nebo se zabezpečením. Teď se zdá, že všechny své dosavadní nástroje sdruží pod hlavičku webové aplikace Web.dev.

O monitorovacích nástrojích, které vás upozorní na výpadky webu nebo webhostingu, čas od času na Maxiorlovi píšu. Většinou se ale jedná o anglicky komunikující nástroje. Tentokrát bych rád zmínil službu od českých vývojářů.

Nejen Twitterem teď koluje seznam z Githubu, kde autor příspěvku změřil velikost známých webových stránek. Tedy velikost, kterou zaberou při vykreslení webovým prohlížečem v paměti počítače. Mrkněte se, kolik spotřebují vaše oblíbené weby.

Na jaře jsem byl na školení u Martina Michálka o optimalizaci rychlosti načítání webových stránek. Tedy optimalizaci především z hlediska frontendu. Získané vědomosti plus několik dalších věcí, na které jsem se chystal, jsem postupně vnesl na jednom webu do praxe a průběžně hodnotil, jaký měly přínos.

Dostal se mi do rukou několik let starý počítač s Windows Vista. Vyřazený kvůli své pomalosti. Ideální studijní materiál pro test různých optimalizací, kterých jsou plné počítačové časopisy pro začátečníky. A výsledek? Žádné velké překvapení.