Existuje menej vecí, ktoré sú frustrujúcejšie ako načítanie webových stránok, ktoré si vyžaduje čas. Nie je potom prekvapením, že nielen ľudia, ale aj vyhľadávače sa snažia vyhýbať spomaleným webom. V tejto súvislosti uvádzam niekoľko najlepších tipov, ktoré môžete implementovať, aby ste zabránili otravným návštevníkom a zabránili im pri prvej návšteve vášho webu.
1. Zjednodušte svoj kód
Najlepší tvorca webových stránok urobí webovú stránku celkom jednoducho. Aj keď ich bohatá sada šablón umožňuje ľahkú štylizáciu vášho webu, majú jednu nevýhodu. Mnohé zo šablón majú chaotický kód, ktorý môže spomaliť váš web.
Na prekonanie problému môžete odstrániť všetok nepotrebný kód a formátovanie vo svojich súboroch HTML, CSS a JavaScript. Tento proces zbavovania sa nadbytočného množstva sa nazýva minifikácia. Na začiatok vám môžu pomôcť jednoduché online nástroje, ako je minifikátor Will Peavy. Používatelia WordPressu môžu na uľahčenie procesu použiť doplnok Autoptimize.
2. Komprimujte svoje webové stránky
Netrvá dlho a webové stránky sa stanú veľkými a ťažkými. Všetky obrázky a dokonca aj súbory HTML, CSS a JavaScript vo formáte obyčajného textu rýchlo napučiavajú. Jedným z najlepších mechanizmov na urýchlenie webových stránok je povolenie kompresie pomocou Gzip. To zníži veľkosť odpovede HTTP, a tým skráti časy odozvy.
Skôr ako povolíte príslušný modul kompresie na svojom webovom serveri úpravou súboru .htaccess, musíte ho povoliť. Presné kroky sa líšia a závisia od vášho webového servera, ale v Apache to robíte takto.
3. Optimalizujte obrázky
Obrázky sú jednou z najchudobnejších častí webových stránok a zvyčajne najpomalšie sa načítajúcim prvkom na akejkoľvek webovej stránke. Ak chcete vládnuť v správaní, namiesto zmeny veľkosti veľkých obrázkov pomocou kódu HTML začnite zmenou veľkosti všetkých obrázkov na vašom webe na presnú veľkosť, v ktorej ich chcete mať.
V skutočnosti by ste si mali viesť zoznam rôznych veľkostí obrázkov pre rôzne prvky na vašom webe, aby ste nikdy nenahrali viac pixelov, ako potrebujete. Ak máte imidžový web, mali by ste zvážiť aj ich kompresiu. Jedným z najbežnejších nástrojov na tento účel je reSmush.
Funguje so všetkými populárnymi systémami na správu obsahu (CMS) a má tiež klienta Linux CLI na kompresiu obrázkov na použitie na statických stránkach. Môžete tiež použiť program Compressor.io na rýchle stlačenie viacerých obrázkov.
4. Lenivé načítanie multimédií
Lenivé načítanie znamená, že obrázky, videá a rámce iframe sa načítajú až potom, čo používatelia posúvajú stránku a skutočne ich vidia. To môže výrazne zlepšiť počiatočné časy načítania vašich stránok.
Skôr to bolo niečo, čo by ste implementovali pomocou JavaScriptu, ale vo webových prehliadačoch nie je zabudované lenivé načítanie. Používatelia WordPress majú niekoľko možností a dve z našich obľúbených sú Lazy Load od WP Rocket a a3 Lazy Load, ktoré sú určené pre mobilné zariadenia.
5. Používajte rýchle odkazy na zdieľanie na sociálnych sieťach
V dnešnej dobe by ste chceli, aby ľudia zdieľali váš obsah na sociálnych sieťach. Na jednoduchých webových stránkach HTML môžete použiť nástroj na generovanie odkazov, ako je bezplatný generátor odkazov na zdieľanie, ktorý vám pomáha vytvárať odkazy na zdieľanie v sociálnych sieťach pre Facebook, Twitter, LinkedIn a Pinterest bez toho, aby ste sa spoliehali na prvky iframe alebo JavaScript. Používatelia WordPressu ako obvykle nemajú nedostatok doplnkov, ktoré by mohli na tento účel použiť, vrátane Social Warfare a Grow.
6. Odinštalujte zbytočné doplnky
CMS ako WordPress môže obsahovať množstvo doplnkov, ktoré môžu vášmu webu pridať skutočne užitočné funkcie. Príliš veľa doplnkov však môže spomaliť prehľadávanie vašich webových stránok, a preto by ste mali spúšťať iba doplnky, ktoré skutočne potrebujete.
To znamená, že nie všetky doplnky sú navrhnuté rovnako dobre a svoju webovú stránku môžete zrýchliť nahradením doplnku rýchlejšou alternatívou. Online nástroj GTmetrix bezplatne analyzuje vaše webové stránky a zobrazí vám zoznam doplnkov s vysokou dobou načítania. Zvážte nahradenie týchto doplnkov, najmä ak sú volané viackrát ľahšou alternatívou.
Používatelia WordPressu môžu tiež použiť doplnok Query Monitor na podrobnú analýzu doplnkov použitých na ich webových stránkach. Nezabudnite samozrejme odstrániť samotný doplnok Query Monitor, keď to splní účel.
7. Znížte presmerovania
Pri presúvaní a odstraňovaní stránok sú často potrebné presmerovania, ktoré sú najlepším spôsobom na odstránenie problémov s nefunkčnými odkazmi. Aj keď sú presmerovania 301 vhodnejšie ako chyby 404, stále nie sú ideálne, pretože spomaľujú čas potrebný na to, aby prehliadač dosiahol správnu verziu stránky. Pomocou nástroja na kontrolu hromadného presmerovania Screaming Frog môžete analyzovať presmerovania na svojom webe a pokúsiť sa minimalizovať ich použitie.
8. Zadajte menej požiadaviek HTTP
Zníženie počtu požiadaviek HTTP je dobrý spôsob, ako optimalizovať svoje webové stránky. Každý prvok, ktorý pridáte na stránku, sa premení na požiadavku HTTP. Čím viac musí prehliadač tieto požiadavky odoslať, tým dlhšie trvá úplné načítanie stránky. Preto sú výsledky znižovania počtu žiadostí veľmi pôsobivé, aj keď je to potrebné.
Môžete použiť Nástroje pre vývojárov v prehliadači a prepnúť na kartu Sieť, aby ste si mohli podrobne pozrieť požiadavky HTTP. Keď budete mať predstavu o tom, ktoré súbory sa načítajú najdlhšie, môžete vyhľadať tie, ktoré môžete skombinovať (najmä súbory CSS), a tie, ktoré môžete úplne sekovať.
9. Vložte CSS pred skripty
Správne umiestnenie štýlov a skriptov ovplyvní načítanie vášho webu. Váš CSS by ste mali vždy umiestniť v hornej časti tejto časti. Toto umožňuje prehliadaču načítať najskôr vaše CSS, aby používatelia videli obsah vašej stránky.
Javascript by naopak mal byť čo najbližšie k spodnej časti. Je to tak preto, lebo prehliadače musia najskôr analyzovať JavaScript, aby mohol prejsť na nasledujúcu značku. Ak umiestnite skripty pred skutočný obsah, používatelia budú pozerať na prázdnu stránku, zatiaľ čo prehľadávač chrúme JavaScript.
10. Choď do starej školy, kde je to možné
Pomocou skriptovacieho jazyka, ako je PHP, môžete robiť veci, ktoré s obyčajným HTML nie sú možné. Spracovanie jazyka PHP však trvá dlhšie ako analýza kódu HTML, preto sa vyhnite požiadavkám na informácie prostredníctvom jazyka PHP, ak je možné ich načítať pomocou statického kódu HTML.
Podobne nie je vždy dobré používať mechanizmus CSS @import na zahrnutie externých hárkov štýlov na vaše webové stránky namiesto značky HTML. Aj keď obidva dosahujú rovnaký účel, @import spotrebuje viac zdrojov ako priame prepojenie s vašimi šablónami štýlov.
11. Povoľte ukladanie do pamäte cache
Keď navštívite webovú stránku, všetky prvky na stránke sa uložia na váš pevný disk do dočasného úložného priestoru nazývaného vyrovnávacia pamäť. To sa hodí, pretože pri ďalších návštevách váš prehliadač zobrazí stránku bez toho, aby ste museli serveru zasielať ďalšie požiadavky HTTP.
Ak prevádzkujete web WordPress, môžete na uľahčenie ukladania do pamäte cache použiť doplnok, ako je doplnok W3 Total Cache. Na druhej strane, ak máte statickú webovú stránku HTML, môžete povoliť ukladanie do pamäte cache pomocou takzvanej hlavičky Expires v súbore .htaccess. Po povolení hlavičky s uplynutím platnosti nielenže ušetria čas potrebný na stiahnutie už uložených súborov v pamäti, ale tiež pomôžu znížiť počet požiadaviek HTTP.
12. Jarné čisté databázy
Je pravdepodobné, že na hosťovanie svojich webových stránok používate CMS ako WordPress alebo Joomla. Pri manipulácii s inštaláciou (pridávanie a odstraňovanie doplnkov, vytváranie a aktualizácia príspevkov, inštalácia aktualizácií a podobne) bude databáza napájaná na CMS dosť nafúknutá a pomalá. Aby ste tomu zabránili, mali by ste na pravidelné čistenie databázy používať doplnok WP-Optimize.
13. Blokujte hotlinking
Hotlinking sa stane, keď niekto zobrazí obrázok z vášho webu pomocou jeho webového odkazu priamo. Pri každom načítaní sa obrázok extrahuje zo servera zdrojového webu.
Máte niekoľko možností, ako zabrániť hotlinkovaniu. Mnoho známych hostiteľov ponúka prepínanie v administračnom rozhraní, aby sa zabránilo Hotlinkingu. Potom existujú aj doplnky WordPress, ako napríklad All In One Security & Firewall, ktoré zabezpečia ochranu pred hotlinkmi. Na záver môžete pridať pokyny do svojho súboru .htaccess.
14. Prepnite nastavenie Keep Alive
Správa Keep Alive sa vymieňa medzi webovým serverom a klientskym počítačom, aby sa umožnilo rovnaké pripojenie tcp pre konverzáciu HTTP, namiesto toho, aby sa pri každej novej žiadosti otváralo nové. Keep Alive, tiež známy ako trvalé pripojenie, pomáha znižovať latenciu následných požiadaviek. Väčšina hostingových spoločností, najmä v prípade zdieľaného hostingu, túto funkciu deaktivuje.
Najlepšie sa nastavenie nastavuje vyladením webového servera. Predvolené hodnoty servera však môžete prepísať pridaním nasledujúcich riadkov do súboru .htaccess:
Záhlavová súprava Connection keep-alive
15. Zrýchlite WordPress
WordPress má niekoľko doplnkov na zlepšenie výkonu, ktoré pomôžu optimalizovať rôzne aspekty webových stránok. Jedným z najkomplexnejších z nich sú perfmattery, ktoré valcujú mnohé z bežne používaných techník zrýchlenia výkonu. Dobré na tomto prémiovom doplnku je, že väčšina jeho optimalizačných techník je prístupná prostredníctvom jednoduchého používateľského rozhrania, ktoré ho sprístupňuje všetkým druhom používateľov.
16. Nainštalujte si aplikáciu Google PageSpeed
Google PageSpeed je sada modulov otvoreného zdroja pre webové servery Apache a Nginx. Pomáhajú optimalizovať váš web implementáciou niektorých z najužitočnejších techník zvyšovania výkonu, ako sú tie, ktoré sme zdieľali v tomto článku. Moduly si môžete stiahnuť a nainštalovať na svoj webový server, ak ho vlastníte. Inak budete musieť hľadať poskytovateľa hostingu, ktorý to robí. Hostitelia webu to zvyčajne ponúkajú iba so svojimi špičkovými špecializovanými hostingovými plánmi, hoci niektorí ako GoDaddy ho inštalujú na svoje hostovacie servery so systémom Linux.
17. Znížte počet vyhľadávaní DNS
Jedným z hlavných faktorov, ktorý má priamy vplyv na to, ako rýchlo sa váš web načítava, je množstvo času, ktoré trvá vyhľadanie DNS. Vyhľadávanie DNS je proces zisťovania adresy IP priradenej k adrese URL.
Jedným zo spôsobov, ako urýchliť svoje webové stránky, je znížiť počet jedinečných názvov hostiteľov. Menší počet dotazov DNS zníži čas odozvy a rýchlejšie načítanie webových stránok. Zvážte tiež skutočnosť, že čas potrebný na vyhľadanie záznamov DNS závisí od rýchlosti poskytovateľa DNS.
Ak nie ste spokojní s výkonnosťou svojho poskytovateľa DNS, zvážte prechod na iného. DNSperf sleduje rýchlosť vyhľadávania rôznych autoritatívnych poskytovateľov DNS.
18. Inovujte na lepšieho hostiteľa webu
Ak ste sa pokúšali zrýchliť svoje webové stránky, ale nepostrehli ste veľký rozdiel, problémom by mohol byť váš webhosting. Mnoho z najlacnejších webových hostiteľov, najmä tých zdieľaných, je dosť preplnených a používajú servery, ktoré nemajú dostatok zdrojov na to, aby pridelili dostatok prostriedkov každej webovej stránke. Namiesto toho by ste mali venovať určitý čas skúmaniu rôznych ponúkaných možností a až potom navštíviť hostiteľa a plán hostenia vašich webových stránok.
19. Používajte sieť na doručovanie obsahu
Okrem prechodu na lepšieho hostiteľa webu by ste mali zvážiť aj použitie siete Content Delivery Network (CDN). Na rozdiel od vášho servera, ktorý je umiestnený na konkrétnom mieste, sieť CDN využíva sieť serverov, ktoré v určitom zmysle distribuujú váš obsah na servery po celom svete a v podstate ho posúvajú bližšie k vašim návštevníkom bez ohľadu na ich umiestnenie. Sieť CDN urýchľuje webovú stránku znížením fyzickej vzdialenosti medzi obsahom a návštevníkmi. Sieťami CDN môžete hostiť všetky typy obsahu a na zacielenie na konkrétne miesta môžete dokonca použiť aj viac druhov.
20. Pravidelne sledujte výkon
Dôležitým aspektom vyladenia vášho webu je stráženie jeho výkonu. Pomôže vám to nielen posúdiť vplyv vylepšenia, ale v závislosti od použitého nástroja tiež upozorní na aspekty webovej stránky, ktoré si vyžadujú pozornosť. Test rýchlosti webu Pingdom je populárny online nástroj, ktorý nielenže otestuje časy načítania stránky, ale tiež upozorní na problémy.
Podobne môžete použiť nástroj Test My Site spoločnosti Google na analýzu výkonu vášho webu v mobilných zariadeniach. Okrem poskytovania užitočných metrík bude nástroj zdieľať aj odporúčania, ktoré vám pomôžu zrýchliť web pre mobilné zariadenia.
- Uviedli sme najlepší webhosting Wordpress.