Máte pomalú WordPress stránku a neviete, ako ju zrýchliť bez znalostí programovania? Pomalé načítavanie stránky je vážny problém, ktorý znevýhodňuje vašu stránku nielen u vyhľadávačov, ale aj u návštevníkov. V súčasnej dobe, keď pozornosť návštevníkov internetu klesá po siedmich sekundách, je rýchlosť načítania kľúčová. Tento článok vám poskytne návod, ako zrýchliť WordPress web a efektívne ho spravovať.
Prečo je rýchlosť WordPress stránky dôležitá?
Pomalé načítavanie stránky znevýhodňuje vašu stránku hneď z niekoľkých dôvodov. Google a ostatné vyhľadávače pomalé stránky v procese vyhľadávania znevýhodňujú. Už v roku 2010 Google uviedol, že pred zhodnotením kvality webovej stránky skontroluje aj rýchlosť načítavania. Ak sa stránka načítava príliš dlho, jej umiestnenie vo vyhľadávači Google klesá. Podobný princíp funguje aj pri ostatných vyhľadávačoch. Na zvýšenie návštevnosti stránky preto nestačí len SEO optimalizácia.
Výskumníci v Google zistili, že šanca na takzvaný „bounce“, teda doslovne, odskočenie/opustenie webovej stránky potenciálnym zákazníkom je o 32% vyššia, keď načítanie stránky trvá medzi 1 až 3 sekundami a až o 90% vyššia, keď sa trvanie zobrazenia stránky blíži k 5 sekundám.
Podľa prieskumu medzi 100 najlepšími webmi na celom svete je priemerná doba načítania stránky na počítači 2,5 sekundy a 8,6 sekundy na mobile. V jednoduchosti, načítanie celej webovej stránky by v roku 2023 nemalo trvať dlhšie ako 2 sekundy. Čím dlhšie sa webová stránka načítava, tým sa zvyšuje šanca, že zákazník stránku opustí.
Ako zistiť rýchlosť vašej WordPress stránky?
Aby ste zistili, ako rýchla je vaša stránka, nestačí len odmerať čas, za aký sa načíta na vašom počítači. Na vašom počítači sa web, na ktorý chodíte často, načíta rýchlejšie vďaka dočasnej pamäti prehliadača, v ktorej si ukladá dáta pri prehliadaní. Pri opakovanej návšteve webu sa dáta načítavajú z tejto pamäte a vďaka tomu sa stránka zobrazí rýchlejšie. Na meranie rýchlosti preto odporúčam použiť špeciálne nástroje Pingdom alebo Google Pagespeed.
Prečítajte si tiež: Tipy na tepelnú úpravu špenátu
Ak nameriate čas načítania pod 2 sekundy, tak je to „celkom“ v poriadku. Ak nie, odporúčam zvýšiť jej rýchlosť.
Faktory, ktoré spomaľujú WordPress stránku
Stránku spomaľuje niekoľko vecí, vrátane:
- Nekvalitný hosting: Výkon hostingu zásadne ovplyvňuje rýchlosť webstránky.
- Neoptimalizované obrázky: Nesprávne optimalizované jpg a png súbory zaberajú príliš veľa miesta.
- Príliš veľa pluginov: Pri tvorbe a úprave stránky ste nainštalovali viaceré pluginy. Nepoužívané (deaktivované) pluginy však môžu tiež spomaľovať stránku.
- Zastaralé PHP: To v praxi znamená, že php 7 je v priemere 2 až 3 krát rýchlejšie oproti php 5.
- Nekvalitná šablóna: Pri výbere WordPress šablóny sa neriaďte iba jej vzhľadom, cenou a ponúkanými funkciami.
- Veľké videá: Na WP stránku sa dajú uložiť aj celé videá. Kvôli optimalizácii rýchlosti to však neodporúčam. Zaberú príliš veľa miesta. Namiesto toho používajte prepojenie na YouTube, Vimeo alebo VideoPress.
- Zbytočné revízie príspevkov: Zrýchlenie WordPress stránky dosiahnete aj obmedzením ukladania revízii príspevkov, ktoré tiež zaberajú miesto.
Ako zrýchliť WordPress stránku krok za krokom
1. Výber správneho hostingu
Je známa vec, že výkon hostingu zásadne ovplyvňuje rýchlosť webstránky. Preto si dôsledne vyberte ten správny hosting. Za najlepšie hostingy pre WordPress web považujem tieto: WebSupport, Webglobe Yegon a Wedos. Vo WebSupporte som si na hostingu našiel už nainštalovanú ich vlastnú upravenú verziu WordPress. Tá spočívala v tom, že tam boli nainštalované a nastavené (vyladené) pluginy na kešovanie a optimalizáciu obrázkov (*platné v čase môjho testovania). Pre WordPress-ové weby odporúčame hosting od spoločnosti Websupport, ktorej služby s radosťou využívame.
2. Kešovanie WordPress
Kešovanie WordPress dokáže zrýchliť vašu stránku až 2 - 5 krát. Funguje na princípe uloženia kópie stránky do pamäte servera hneď po jej prvom načítaní. Táto kópia potom slúži každému ďalšiemu návštevníkovi stránky. WordPress sám osebe cache neobsahuje, budete preto potrebovať ďalší plugin. Otestoval som si všetky 3 spomínané cache pluginy. Najlepšie výsledky dosahujem s WP rocket. Preto som sa rozhodol za-investovať a kúpiť si ho. Odvtedy na optimalizáciu svojich webstránok používam iba tento plugin. Ak máte web ako hobby, pokojne použite niektorý z bezplatných menovaných kešovacích pluginov. Najmä nejaký použite! V prípade malej prezentačnej webovej stránky odporúčame použiť plug-in (doplnok) WP Optimize, ktorý je dostupný a veľmi nápomocný aj vo verzii zdarma. Konfigurácia tohto doplnku je pomerne jednoduchá a všetko potrebné je možné nastaviť na zopár klikov. Práve ste nastavili cache-ovanie :).
3. Optimalizácia obrázkov
Obrázky sú pre návštevnosť webu dôležité. Výskumy dokázali, že 80% ľudí radšej číta text, ktorý nie je len čierno-biely. Farby tiež podporujú vnímanie. Nesprávne optimalizované jpg a png súbory však zaberajú príliš veľa miesta. Aby ste zlepšili výkon vašej stránky, je potrebné optimalizovať veľkosť obrázkov. Nemusíte sa pri tom obávať zmeny kvality zobrazenia. Na tento účel si tiež môžete nainštalovať špecializovaný plugin. Ja používam plugin Compress JPEG & PNG images od TinyPNG.
Prečítajte si tiež: Všetko o cookies
Tieto pluginy upravujú kvalitu a veľkosť obrázkov počas ich nahrávania do WordPress bez toho, aby sa to odzrkadlilo na ich kvalite. Zvýšiť rýchlosť WordPress stránky môžete aj nastavením postupného načítavania obrázkov (takzvaný lazy load). Pri otváraní stránky sa načítajú iba tie, ktoré sú vidieť. Ostatné sa načítajú postupne, keď návštevník posúva stránku smerom dole. Túto funkcionalitu vám dokážu zabezpečiť viaceré pluginy. Obrázky môžete optimalizovať 2-ma spôsobmi. Alebo túto prácu môže urobiť plug-in EWWW Image Optimizer za Vás. V prípade, že už na stránke obrázky máte a chceli by ste ich spätne optimalizovať, stačí ak prejdete myšou v administrácii WordPress-u v ľavom bočnom menu na možnosť Media a zvolíte podpoložku Bulk Optimize.
4. Pravidelná aktualizácia
Okrem odstránenia nepoužívaných pluginov je potrebné pravidelne aktualizovať tie, ktoré ste na stránke nechali. Tvorcovia šablón pravidelne aktualizuje jednotlivé šablóny. Pre lepšiu funkčnosť a optimalizáciu rýchlosti vašej stránky je potrebné stránku pravidelne aktualizovať. Zvýšite tak aj jej bezpečnosť. Aktualizáciu odporúčame vykonať v testovacom prostredí a až potom samotnú aktualizáciu vykonať na Vašej súčasne fungujúcej stránke. Aktualizácia jadra WordPress-u a doplnkov bez otestovania účinkov aktualizácie v testovacom prostredí môže spôsobiť rozbitie až úplné znefunkčnenie webovej stránky. Pred začiatkom aktualizácie je vhodné celú webovú stránku zálohovať.
5. Optimalizácia databázy
WordPress si ukladá aj nepotrebné údaje. Pre optimalizáciu rýchlosti stránky je potrebné občas prečistiť jej databázu. Na tento účel používam WP Rocket. Vyčistí zmazané komentáre, aktualizácie, automatické koncepty článkov, SPAM v komentároch a iné.
6. Využitie CDN (Content Delivery Network)
CDN (Content Delivery Network) je technológia pre rozloženie obsahu do viacerých serverov, ktoré sa nachádzajú na rôznych miestach po svete. Umiestnenie servera tiež ovplyvňuje rýchlosť WordPress stránky v závislosti od geografickej vzdialenosť poskytovateľa vášho hostingu a návštevníka stránky. Jedným z najobľúbenejších CDN, ktoré je v základnej verzii zadarmo je Cloudflare. Content Delivery Network alebo CDN pomáha zrýchliť stránku tým, že (nacache-ovaný) obsah Vašej stránky doručuje návštevníkom z viacerých serverov a nie len z jedného. CDN je veľmi napomocná najmä, ak je Vaša stránka dostupná a navštevovaná klientmi z rôznych krajín sveta.
7. Minimalizácia pluginov
Niektoré plug-iny (doplnky), ktoré na stránke používate môžu spomaľovať načítavanie webovej stránky. V doplnkoch tretích strán sa niekedy nachádzajú bezpečnostné diery, ktoré môžu byť pre WordPress škodlivé. Pri rozhodovaní, ktorý z doplnkov je kandidátom na odstránenie Vám môže pomôcť, doplnok Code Profiler, pomocou ktorého zistíte, aký veľký vplyv majú jednotlivé plug-iny na rýchlosť načítavania stránky. Odstráňte iba tie pluginy, ktoré nepoužívate. Postup odstránenia je jednoduchý: V menu administrácie nájdite položku Pluginy. Vyberte ten, ktorý chcete odstrániť a vypnite ho.
Prečítajte si tiež: Klasika slovenskej kuchyne
8. Používanie najnovšej verzie PHP
To v praxi znamená, že php 7 je v priemere 2 až 3 krát rýchlejšie oproti php 5. Treba si dať pozor a poriadne si otestovať, či ho váš web podporuje - napríklad cez plugin PHP Compatibility Checker. Môžno máte nejaké zastaralé pluginy a naskáču vám error hlášky. Nastavte si na svojom hostingu php cache - pre php 5.4+ a php 7 opcache.
9. Výber optimalizovanej šablóny
Pri výbere WordPress šablóny sa neriaďte iba jej vzhľadom, cenou a ponúkanými funkciami. Môžete si tiež kúpiť niektoré z prémiových šablón, ktoré sú optimalizované pre rýchlosť.
10. Ďalšie tipy na zrýchlenie
- Minifikujte HTML, CSS, JS: Minifikácia zvýši rýchlosť WordPress stránky.
- Optimalizujte JavaScript: Optimalizáciu rýchlosti WordPress stránky ovplyvňuje aj načítanie JavaScriptu. Je to častý problém, ktorý spomaľuje zobrazenie stránky.
- Používajte prepojenia na videá namiesto nahrávania: Na WP stránku sa dajú uložiť aj celé videá. Kvôli optimalizácii rýchlosti to však neodporúčam. Zaberú príliš veľa miesta. Namiesto toho používajte prepojenie na YouTube, Vimeo alebo VideoPress.
- Zobrazujte zhrnutie príspevkov: Na hlavnej stránke a v archívoch nemusíte zobrazovať celé príspevky. Zhrnutie (v angličtine excerpt) šetrí miesto a čas načítania.
- Rozdeľte komentáre: Zvýšiť rýchlosť WordPress stránky môžete aj rozdelením komentárov. Staršie komentáre nemusí byť vidieť hneď pri načítaní článku. Môžete ich uložiť zvlášť.
- Obmedzte ukladanie revízií príspevkov: Zrýchlenie WordPress stránky dosiahnete aj obmedzením ukladania revízii príspevkov, ktoré tiež zaberajú miesto.
- Vypnite nepotrebné funkcie: Na zvýšenie rýchlosti WordPress stránky je možné vypnúť niektoré funkcie. Nie každý potrebuje napríklad Emoji či pingbacky. Na to pomože napríklad plugin WP Disable.
- Používajte predvolené emoji: Použite predvolené emoji prehliadača návštevníka namiesto načítania emoji z WordPress.org - tým znížite počet externých volaní na server.
- Zamedzte krádeži obsahu: Každej kvalitnej stránke hrozí skôr či neskôr krádež obsahu. Môže k tomu prísť aj tak, že iné stránky ukazujú vaše obrázky priamo z ich URL adresy namiesto toho, aby si ich načítali na vlastné servery. Tento proces spomaľuje vašu stránku.
11. SEO optimalizácia WordPress stránky
Chcete, aby bol váš WordPress web viditeľný? Začnite s týmto WordPress SEO checklistom, ktorý vás krok za krokom prevedie všetkým, čo je potrebné pre úspešnú EO optimalizáciu WordPressu. Tento checklist slúži nielen ako rýchly prehľad, ale aj ako register.
- Bez merania neexistuje zlepšovanie.
- SSL certifikát zabezpečuje šifrované spojenie medzi webom a návštevníkom.
- Priateľské URL adresy sú krátke, výstižné a obsahujú kľúčové slová. Ako nastaviť trvalé odkazy vo WordPresse krok za krokom?
- Rýchlosť webu je kľúčová nielen pre používateľský zážitok, ale aj pre SEO optimalizáciu. Komprimujte obrázky a používajte moderné formáty (napr. Cache plugin vám pomôže aj s optimalizáciou.
- Mobilné zariadenia dnes dominujú webovému trafficu.
- Medzi 3 najpoužívanejšie SEO pluginy patria Rank Math, Yoast SEO a All in One SEO. SEO je jedna z vecí, s ktorou vám skvele pomôže umelá inteligencia.
- Štruktúrované dáta pomáhajú Googlu lepšie pochopiť obsah na stránke.
- Správne značkovanie nadpisov (headerov) uľahčuje čitateľom orientáciu v textu a Googlu pochopenie jeho štruktúry.
- Bez správnej práce s kľúčovými slovami (KW) nebude vaša SEO optimalizácia WordPressu vôbec fungovať.
- Optimalizované obrázky (tzn. zmenšené) urýchľujú načítanie webu.
- Na interné prelinkovanie článkov môžete využiť WordPress pluginy, napr. Internal Link Juicer, ktorý je zadarmo.
- Omrvinková navigácia (breadcrumbs) pomáha vyhľadávačom aj návštevníkom porozumieť hierarchii webu. Mnohé WordPress SEO pluginy ju umožňujú zapnúť jediným klikom.
- Sitemapa pomáha Googlu nájsť a indexovať všetky dôležité stránky vášho webu.
- Kanonické URL hovoria vyhľadávačom, ktorú verziu majú indexovať.
12. Správa WordPress webu
WordPress weby vyžadujú aktualizácie, zálohy a bezpečnostné kontroly. Základná správa zahŕňa aktualizácie, zálohovanie, monitoring funkčnosti a bezpečnosti. Aktualizácie opravujú chyby, zvyšujú bezpečnosť a pridávajú nové funkcie. Neaktuálny web je náchylnejší na chyby alebo napadnutie.
Ako si vytvoriť vlastnú WordPress stránku
Vytvoriť web vo WordPresse zvládnu i začiatočníci. Systém je intuitívny, jednoduchý a kompletne v slovenčine, takže sa v ňom stránky tvoria jedna radosť. WordPress je open source redakčný publikačný systém, s ktorým môžete jednoducho spravovať obsah webu. Môžete v ňom napríklad tvoriť a zverejňovať články, zaraďovať ich do kategórií, pridávať k nim rôzne štítky, spravovať galériu obrázkov, pracovať s videami či hudbou, odpovedať na komentáre a mnoho ďalšieho.
Prečo si vybrať WordPress?
- Jeho funkcie ľahko rozšírite pomocou pluginov WordPressu.
- Je bezplatný. Potrebujete k nemu ale webhosting, na ktorom bez problémov pobeží.
- Používa ho mnoho renomovaných firiem.
Kroky na vytvorenie webu vo WordPresse
- Inštalácia WordPressu: Inštalácia WordPressu je veľmi jednoduchá. Stačí sa prihlásiť do Zákazníckeho centra vášho webhostingu, kde následne zvolíte, kam chcete redakčný systém nainštalovať. Po inštalácii sa už môžete priamo do systému prihlásiť. Potom už môžete v prostredí redakčného systému všetko nastaviť a začať s tvorením webu.
- Základné nastavenia: Vyberte základný vzhľad a vyplňte názov a popis webu. Mal by byť krátky, zrozumiteľný a ak to je možné, úderný, aby zaujal ostatných. Je ideálne, keď si k administrácii otvoríte v novom okne váš web, aby ste priamo mohli kontrolovať, ako ho vidia ostatní používatelia internetu.
- Trvalé odkazy: V záložke „nastavenia“ kliknite na „trvalé odkazy“, kde by ste mali mať v základe zvolenú možnosť „čistý“. Lepšie ale je, keď zakliknite „názov príspevku“. Vďaka tomu sa do adresy nového článku prepíše jeho názov a nie len skupina čísel.
Tvorba webovej stránky s WordPressom
Webová stránka, na ktorú sa pozeráte, je vytvorená cez WordPress. V tomto návode vám krok za krokom popíšem, ako si použitím WordPressu môžete vytvoriť webstránku podobnú tejto (alebo dokonca krajšiu).
WordPress je najpoužívanejší redakčný systém a je zdarma. To však neznamená, že si môžete webovú stránku vytvoriť úplne zadarmo. Treba zaplatiť za web hosting, a taktiež sa odporúča kúpiť si šablónu alebo „tému“, a to v prípade, že si nezvolíte bezplatnú alternatívu.
Budete mať prístup k množstvu pluginov, pričom väčšina z nich je zdarma. Pluginy sú nástroje na pridávanie funkcií, pričom na každú funkcionalitu, akú budete potrebovať, existuje plugin.
Budete súčasťou veľkej WordPress komunity, ktorá sa neustále rozrastá.
Kroky na vytvorenie webovej stránky
- Web hosting: Poskytovateľa web hostingu, ktorého odporúčam, je WebSupport. Myslím si, že ide o najlepší slovenský web hosting. Áno, mohli by ste použiť aj web hosting zdarma. Keď som pred 15 rokmi začínal, tiež som spravil takúto chybu a začal som s free hostingom. Odvtedy vždy radšej preferujem zaplatiť si pár eur mesačne za stabilný web hosting.
- Inštalácia WordPressu: Ak web hosting, ktorý si vyberiete (napríklad WebSupport) podporuje automatickú inštaláciu WordPressu, môžete túto funkciu využiť.
- Výber šablóny: Zo začiatku vám môže stačiť nejaká bezplatná šablóna. Znova máte možnosť výberu bezplatnej cesty, avšak veľmi sa to neodporúča. Existuje viac dôvodov. Hlavný je ten, že bezplatné šablóny väčšinou nie sú aktualizované a neposkytujú ani technickú podporu. Ja osobne používam a vrelo odporúčam šablónu Divi. Používam ju na všetky projekty, ktoré vytváram (vrátane tohto blogu). Je to veľmi pekná šablóna, ktorá ponúka neobmedzené možnosti vzhľadu a vytvoríte s ňou elegantné webové stránky rôzneho druhu. Veľkou pomocou je Tvorca Divi, ktorý umožňuje vytvárať zaujímavé webstránky bez potreby znalostí programovania, keďže používa „drag&drop builder“. To znamená, že vzhľad si viete vytvárať priamo vizuálne.
- Plánovanie obsahu: Začnite prípravou schémy webovej stránky pre všetky podstránky, ktoré budete mať, kľúčových slov pre všetky z nich a štruktúrou pre obsah. Vďaka tomu vám to pôjde oveľa rýchlejšie. Ak sa chcete naučiť používať Divi, poradil by som vám hľadať Divi tutoriály na YouTube a Google. Je ich tam veľmi veľa kvalitných. Alebo sa môžete naučiť veľa aj z oficiálnej Divi Dokumentácie.
- Pluginy: Pluginy vám umožnia pridať na vašu webstránku rôzne funkcie a sú veľmi užitočné. Porovnajte si počet aktívnych inštalácií s recenziami od používateľov. V skutočnosti, plugin s hodnotením 4,5 a 1 miliónom stiahnutí bude lepšia voľba ako plugin s hodnotením 4,8 a 200 stiahnutiami. Existujú aj bezplatné aj platené (prémiové) pluginy. Ak si zakúpite šablónu Divi, automaticky získate prístup aj k týmto dvom pluginom, ktoré sú súčasťou členstva v Elegant Themes. Rank Math SEO (veľa ľudí má radšej Yoast SEO, čo je tiež výborná alternatíva) a Duplicator pre vytváranie zálohy vašej webstránky. Toto je veľmi dôležité; určite neriskujte stratu celej svojej práce.
Riešenie bežných problémov
Problémy s prihlásením
Ak ste zabudli heslo, získanie pôvodného hesla z databázy sa nedá, keďže je tam zašifrované.
Problémy so zobrazením šablóny
Ak máte problém s korektným zobrazením tém (šablón) a nemôžete v nich pracovať v takej podobe, v akej sú v náhľade, skúste preinštalovať šablónu alebo kontaktovať podporu.
Problémy s rozhadzovaním textu
Ak sa vám rozhadzuje text, môže to byť spôsobené problémom so štýlovaním šablóny.