Poobzerajte sa po internete a nájdete množstvo citovaných štatistík o tom, ako málo času sú ľudia ochotní čakať na načítanie ľubovoľného webu, kým stratia záujem (v takom prípade nie vždy obviňujte poskytovateľa webhostingu).
Tí, ktorí majú pevné širokopásmové pripojenie, očakávajú, že sa web objaví takmer okamžite, a dokonca ani používatelia mobilných zariadení nemajú nekonečnú trpezlivosť.
Čítajte viac: Offcloud
Podľa prieskumu je optimálny čas načítania stránky tri sekundy, hoci väčšina webov je bližšie k dvojnásobku - alebo viac. A ak pôjdete oveľa dlhšie ako 10 sekúnd, je pravdepodobné, že väčšina ľudí stránku opustí a odíde inam.
To, ako dlho trvá zobrazenie webovej stránky v prehliadači, závisí od faktorov rozdelených medzi serverom a klientským zariadením na druhom konci.
Aj keď nie je možné zrýchliť všetkých používateľov z dôvodu vecí, ktoré webový dizajnér nemôže ovplyvniť, je praktické vytvoriť web čo najefektívnejší a zvýšiť tak výkonnosť väčšiny návštevníkov.
Zvýšenú rýchlosť je možné dosiahnuť pomocou rôznych metód, existujú však tri centrálne piliere zlepšovania výkonu stránok. Jedná sa o vylepšený hosting, optimalizáciu stránok a tiež niektoré aspekty špecifické pre jednotlivé platformy.
- Tu sme vybrali najlepšie webhostingové služby
- Toto sú najlepšie bezplatné webhostingové spoločnosti v okolí
- A to sú v súčasnosti tí najlepší tvorcovia webových stránok
Dôležitosť hostingu
To, koľko stránka utratí za webhosting, je zvyčajne v pomere k očakávanému počtu návštevníkov v daný deň, pričom sa zohľadní to, ako dlho každá z nich zostáva a koľko stránok prehliada.
Toto je hlavný dôvod, spolu s obavami o bezpečnosť, prečo relatívne málo spoločností prevádzkuje stránky interne.
Webhosting je zvyčajne „virtuálny“ v tom, že konkrétny hardvér nie je alokovaný na web - skôr je zdieľaný s inými webmi prostredníctvom virtualizácie.
Krása tohto riešenia spočíva v tom, že na stránky je možné v čase vysokého dopytu ľahko prideliť viac zdrojov, ak táto flexibilita umožňuje dohodu o hosťovaní.
Dôležité je rozhodnúť sa, aký je predpokladaný prenos, ktorý očakávate, a primerane zvýšiť svoju službu.
Ak máte rýchlo rastúci web, ale vzhľadom na úroveň hostenia začne prestávať reagovať, keď sa objaví záplava návštevníkov, mohlo by to narušiť celý váš projekt. Preto plánujte začať v malom a potom mierku, keď web dospeje.
Optimalizácia stránok
Výkonnosť akejkoľvek webovej stránky veľmi závisí od toho, ako bola vytvorená a akú softvérovú technológiu používa.
Keď už máte prototypový web, jedným z prvých postupov, ktoré musíte vykonať, je hodnotenie každej stránky podľa toho, ako dlho trvá jej načítanie. Existuje veľa nástrojov na meranie výkonu stránky a niektoré z nich rozložia načasovanie, aby presne identifikovali, čo spôsobilo najväčšie oneskorenie na ktorejkoľvek danej stránke.
Toto testovanie nie je niečo, čo by ste mali na jednom počítači vykonať iba raz, pretože vaši návštevníci budú prichádzať z rôznych miest, s rôznymi širokopásmovými pripojeniami a budú používať rôzne typy zariadení.
Je obzvlášť dôležité, aby sa mobilné platformy testovali pomocou Wi-Fi aj mobilného pripojenia. A v ideálnom svete je získavanie výsledkov zo vzdialených geografických polôh tiež cennou informáciou.
Po zhromaždení týchto údajov o výkone je čas vrátiť sa na web a zistiť, aké zmeny môžete urobiť, aby ste zlepšili používateľský komfort.
Tu je zoznam najdôležitejších siedmich problémov, ktoré spomaľujú web, na ktorý je možné ľahko reagovať.
1. Stránky s viacerými zdrojmi
Ak je stránka tvorená prvkami pochádzajúcimi z iných umiestnení, vrátane reklám, môže to dramaticky ovplyvniť rýchlosť. Stránka závisí od toho, ako rýchlo sa tieto prvky mimo webu poskytujú, čo zhoršuje problémy s výkonom.
Ak sa stránka načítava opakovane príliš dlho, zistite, čo ju spomaľuje, a odstráňte ju.
2. Widgety a pluginy
Príliš veľa z týchto komponentov spôsobuje rovnaké problémy ako stránky s viacerými zdrojmi, ale jedná sa o problém, ktorý ovplyvňuje najmä weby WordPress. Pokušenie vopred načítať stránky so všetkými druhmi kalendárov, animovaných tlačidiel, hodín atď. Je silné, musíte však odolať.
Tieto funkcie vyžadujú na vykonanie kód na strane servera a kód na strane klienta a pred načítaním často pozastavia prezentáciu ďalších prvkov stránky.
3. Zmena mierky grafiky
Grafika webových stránok by sa nemala meniť, pokiaľ nejde o fotografie, na ktoré chcete kliknúť a dosiahnuť tak kvalitnú prezentáciu.
Mať ich zväčšené je tiež zlé, pretože to spôsobuje ich blokovanie alebo odhalenie kompresných artefaktov.
Vytvorenie rovnakej veľkosti grafiky, aká by sa mala zobraziť, odoberie pracovné zaťaženie servera a klientskeho prehľadávača a zabráni používateľovi sťahovať väčšiu grafiku, ako je potrebné.
4. Nekompatibilné médiá
Existuje množstvo typov súborov, ktoré boli kedysi populárne na PC, ale dnes už skutočne neexistujú. Používatelia mobilných zariadení k nim nebudú mať prístup a väčšina používateľov počítačov bude mať tiež problémy, pokiaľ ešte nepoužívajú doplnok v starej verzii prehliadača.
Spravidla nehostujte formáty videa, obrázkov alebo hudby, ktoré v predvolenom nastavení nebudú fungovať v prehliadačoch Google Chrome alebo Microsoft Edge. Rozčuľuje používateľov, keď na webe chýbajú prvky, alebo prichádza s neobvyklými chybami.
5. Backendový kód
Koľkokrát ste videli úhľadnú funkciu, ktorú je možné pridať na web pomocou „iba krátkeho riadku kódu“? Existuje veľa z nich a môžu byť užitočné. Často však spôsobujú bolesti hlavy pre oveľa väčší kus kódu, ktorý je spustený na serveri, aby fragment kódu urobil niečo užitočné.
Máte ich príliš veľa - pretože tento kód umiestnite na každú stránku - a server bude uviaznutý, keď sa bude snažiť spracovať tieto požiadavky namiesto poskytovania webových stránok.
Najčastejším vinníkom týchto vecí je paradoxne analytika a spracovanie formulárov. Ale kód, ktorý zvláda iné úlohy, môže mať tiež negatívny vplyv na celkový výkon.
6. Mobilné chyby
Klasickou chybou, ktorá ovplyvňuje používateľov mobilných zariadení, je to, že k presmerovaniu na mobilnú verziu webu dôjde až po vykreslení väčšiny domovskej stránky určenej pre stolné počítače v telefóne alebo tablete.
Výsledkom je často dlhé čakanie, kým sa prehliadač odvedie na mobilný web, a potom nasleduje ďalšie oneskorenie pred vykreslením.
Aj keď štatisticky mobilné platformy z hľadiska prehľadávania webových stránok stále mierne zaostávajú za bežnými počítačmi, surfovanie po internete sa rýchlo rozširuje a veľmi skoro bude dominantným spôsobom prístupu väčšiny používateľov na väčšinu webových stránok.
Preto je pozornosť zameraná na mobilný variant ľubovoľného webu minimálne rovnako dôležitá, ak nie viac ako náprotivok pre stolné počítače.
Pretože sa mobilní používatelia často pripájajú pomocou dátových služieb 3G alebo 4G bez konzistentných prenosových rýchlostí, aké môžu používatelia širokopásmového pripojenia očakávať, význam rýchleho doručenia webovej stránky je ešte väčší.
7. Použite kompresiu
Existuje mnoho spôsobov, ako je možné zabezpečiť, aby súbory, ktoré tvoria web, boli menšie, a teda aby sa ich návštevník rýchlejšie sťahoval.
Existujú globálne technológie na strane servera, ako je Gzip, ktoré dokážu zredukovať veľkosť súboru až o 70%, hoci len výber správnych typov súborov a úrovní kompresie pre súbory JPG.webp môže priniesť výkonové výhody.
Gzip bude vyžadovať aktiváciu servera a pomocou tohto webu môžete skontrolovať, či je na vašom serveri aktívny.
Jedinou výhradou pri používaní kompresie je, že musíte identifikovať tie súbory a priečinky, ktoré nechcete komprimovať do systému. Pretože už komprimované videosúbory a komprimované zväzky (ZIP, RAR alebo LZH) už nie je možné ďalej stlačiť.
