Jak optimalizovat výkon vašeho webu

Prohlédněte si internet a najdete spoustu statistik o tom, jak málo času jsou lidé ochotni čekat na načtení libovolného webu, než ztratí zájem (v takovém případě ne vždy obviňujte poskytovatele webhostingu).

Uživatelé s pevným širokopásmovým připojením očekávají, že se web objeví téměř okamžitě, a dokonce ani uživatelé mobilních telefonů nemají nekonečnou trpělivost.

Číst dál: Offcloud

Podle průzkumu je optimální doba načítání stránky tři sekundy, ačkoli většina webů se blíží dvojnásobku - nebo více. A pokud jdete mnohem déle než 10 sekund, je pravděpodobné, že většina lidí opustí stránku a odejde jinam.

Jak dlouho trvá, než se webová stránka zobrazí v prohlížeči, závisí na faktorech rozdělených mezi serverem a klientským zařízením na druhém konci.

I když není možné zrychlit všechny uživatele kvůli věcem, které webový designér nemůže ovlivnit, je praktické udělat web co nejefektivnějším a zlepšit tak výkon většiny návštěvníků.

Zvýšené rychlosti lze dosáhnout řadou různých metod, ale existují tři centrální pilíře pro zlepšení výkonu webu. Jedná se o vylepšený hosting, optimalizaci stránek a také některé aspekty specifické pro platformu.

  • Právě zde jsme vybrali nejlepší webhostingové služby
  • Jedná se o nejlepší bezplatné webhostingové společnosti v okolí
  • A to jsou v současné době nejlepší tvůrci webových stránek

Důležitost hostingu

Kolik stránka utratí za webhosting, je obvykle v poměru k očekávanému počtu návštěvníků v daný den, což závisí na tom, jak dlouho každý z nich zůstane a kolik stránek prochází.

To je hlavní důvod, spolu s obavami o bezpečnost, proč relativně málo společností hostí stránky interně.

Webhosting je obvykle „virtuální“ v tom, že konkrétní část hardwaru není alokována na web - spíše je sdílena s jinými weby prostřednictvím virtualizace.

Krása tohoto řešení spočívá v tom, že v době vysoké poptávky lze webu snadno přidělit více zdrojů, pokud tuto flexibilitu umožňuje dohoda o hostování.

Důležité je rozhodnout se o předpokládaném provozu, který očekáváte, a vhodně zvýšit svoji službu.

Pokud máte rychle rostoucí web, ale kvůli úrovni hostování začíná reagovat, když se objeví záplava návštěvníků, mohlo by to narušit celý váš projekt. Proto plánujte začít v malém a poté škálovat, až web dospěje.

Optimalizace webu

Výkon libovolného webu velmi závisí na tom, jak byl vytvořen a jakou softwarovou technologii používá.

Jakmile máte prototypový web, jedním z prvních postupů, které musíte provést, je skóre každé stránky podle toho, jak dlouho trvá její načtení. Existuje mnoho nástrojů k měření výkonu stránky a některé z nich rozdělí časování, aby přesně identifikovaly, co způsobilo největší zpoždění na dané stránce.

Toto testování není něco, co byste měli na jediném počítači provést pouze jednou, protože vaši návštěvníci budou přicházet z různého počtu různých míst s různým širokopásmovým připojením a budou používat různé typy zařízení.

Je obzvláště důležité, aby byly mobilní platformy testovány jak v sítích Wi-Fi, tak v mobilních sítích. A v ideálním světě je získávání výsledků ze vzdálených geografických lokalit také cennou informací.

Jakmile shromáždíte tato data o výkonu, je čas se vrátit na web a zjistit, jaké úpravy můžete provést, abyste vylepšili uživatelský komfort.

Zde je seznam sedmi nejlepších problémů, které zpomalují web, který lze snadno vyřešit.

1. Vícezdrojové stránky

Pokud je stránka tvořena prvky pocházejícími z jiných míst, včetně reklam, může to dramaticky ovlivnit rychlost. Stránka se stává závislou na tom, jak rychle jsou tyto prvky mimo web obsluhovány, což zhoršuje problémy s výkonem.

Pokud se stránka načítá opakovaně příliš dlouho, zjistěte, co ji zpomaluje, a odeberte ji.

2. Widgety a pluginy

Příliš mnoho z těchto komponent způsobuje stejné problémy jako stránky s více zdroji, ale jedná se o problém, který ovlivňuje zejména weby WordPress. Pokušení předem načíst stránky všemi druhy kalendářů, animovaných tlačítek, hodin atd. Je silné, ale musíte odolat.

Tyto funkce vyžadují ke spuštění kód na straně serveru a kód na straně klienta a před pozastavením načítání často pozastaví prezentaci dalších prvků stránky.

3. Měřítko grafiky

Grafika webových stránek by neměla být upravována, pokud se nejedná o fotografie, na které si přejete kliknout pro kvalitní prezentaci.

Jejich zvětšení je také špatné, protože je to blokuje nebo odhaluje kompresní artefakty.

Vytvoření grafiky stejné velikosti, jak by se mělo zobrazit, přenese pracovní zátěž serveru a klientského prohlížeče a zabrání uživateli stahovat větší grafiku, než je potřeba.

4. Nekompatibilní média

Existuje řada typů souborů, které byly kdysi populární na PC, ale nyní jsou skutečně nefunkční. Uživatelé mobilních zařízení k nim nebudou mít přístup a většina uživatelů počítačů bude mít také problémy, pokud stále nepoužívají plugin ve staré verzi prohlížeče.

Zpravidla hostujte formáty videa, obrázků nebo hudby, které ve výchozím nastavení v prohlížeči Google Chrome nebo Microsoft Edge nebudou fungovat. Naštve uživatele, když na webu chybí prvky, nebo přijde s podivnými chybami.

5. Backendový kód

Kolikrát jste viděli úhlednou funkci, kterou lze přidat na web pomocí „pouze krátké řádky kódu“? Existuje mnoho z nich a mohou být užitečné. Často však způsobují bolesti hlavy pro mnohem větší část kódu běžícího na serveru, aby fragment kódu udělal něco užitečného.

Máte jich příliš mnoho - protože tento kód umístíte na každou stránku - a server bude zapadlý snahou zpracovat tyto požadavky, spíše než obsluhovat stránky webu.

Nejběžnějším viníkem těchto věcí je, ironicky, analytika a zpracování formulářů. Ale kód, který řeší další úkoly, může mít také negativní dopad na celkový výkon.

6. Mobilní chyby

Klasickou chybou, která má dopad na uživatele mobilních zařízení, je to, že k přesměrování na mobilní verzi webu dojde až poté, co se v telefonu nebo tabletu zobrazí většina domovské stránky určené pro stolní počítače.

Výsledkem je často dlouhé čekání, než je prohlížeč odveden na mobilní web, následovaný dalším zpožděním před vykreslením.

Zatímco statisticky mobilní platformy stále mírně zaostávají za běžnými počítači, pokud jde o procházení webu, mobilní procházení se rychle rozšiřuje a velmi brzy bude dominantním způsobem, jakým většina uživatelů získá přístup na většinu webů.

Proto je pozornost mobilní variantě jakéhokoli webu přinejmenším stejně důležitá, ne-li více než protějšek pro stolní počítače.

Protože se mobilní uživatelé často připojují pomocí datových služeb 3G nebo 4G bez konzistentních přenosových rychlostí, jaké by uživatelé kabelového širokopásmového připojení mohli očekávat, význam rychlého doručování webových stránek je ještě větší.

7. Použijte kompresi

Existuje mnoho způsobů, jak je možné zajistit, aby soubory, které tvoří web, byly menší, a proto se návštěvníkovi rychle stáhly.

Existují globální technologie na straně serveru, jako je Gzip, které mohou zkrátit velikost souboru až o 70%, i když pouhý výběr správných typů souborů a úrovní komprese pro soubory JPG.webp může také přinést výhody výkonu.

Gzip bude vyžadovat aktivaci serveru a pomocí tohoto webu můžete zkontrolovat, zda je na vašem serveru aktivní.

Jedinou výhradou k použití komprese je, že musíte identifikovat ty soubory a složky, které nechcete komprimovat do systému. Protože již komprimované video soubory a komprimované svazky (ZIP, RAR nebo LZH) již nelze dále stlačovat.

Zajímavé články...