Jak zrychlit WordPress

4 nejúčinnější způsoby, jak zrychlit WordPress

Žilo bylo prasátko Fritz. Protože ovládalo slušně WordPress, neskončilo na jatkách. Jeho talentu si totiž všiml řezník Slinthuba a zaměstnal ho jako administrátora webu.

Fritz vytvořil nejvychytanější stránky v celém království. Díky nejrůznějším pluginům překypovaly užitečnými funkcemi.

Jenomže jednoho dne přijela na státní návštěvu hraběnka Gertruda von Schweinebraten. Na základě doporučení přátel z Facebooku si chtěla objednat u Slinthuby vepřové masíčko obzvláště dobře vyuzené. Web se jí však načítal neskutečně pomalu. Zavítala proto do místního řeznictví osobně, aby majiteli předala uživatelský feedback.

Slinthuba ji pozorně vyslechl. Obzvláště jej zaujala informace o amazonském impériu, jež provozuje největší internetový obchod světa. To zrychlilo své stránky a poté zveřejnilo na toto téma studii. Z ní vyplynulo, že každých 100 milisekund načítání navíc pro ně znamenalo o 1 % nižší tržby.

„Kurva drát,“ řekl si Slinthuba, „že já vůl z toho prasete radši nenadělal jitrnice.“ Nechal si zavolat Fritze a po krátké motivační přednášce o potravním řetězci jej pověřil zrychlením webu.

1. Jak zrychlit WordPress pomocí cache pluginu

Fritz si nevěděl rady. Jeho jindy perlově růžový rypáček se začínal červenat strachem. V tom si však vzpomněl na starou moudrou kachnu. Znala toho hodně a nikdy nikomu nevykecala, o čem se s ní kdo radí. Prasátko tedy proneslo kouzelné zaklínadlo DuckDuckGo a rázem se mu zjevila.

Co užitečného se od ní dozvěděl?

Kachna: „Prvně ti vysvětlím, jak cache pluginy fungují. Aby WordPress sestavil stránku a ukázal ji uživateli, musí nejdříve provést několik operací. Připojí se k databázi a stáhne si z ní data. Například text, který se má zobrazit na stránce. Také zjistí, jaké máš nainstalované pluginy, co mají dělat a následně tak učiní. Čím více jich používáš, tím víc práce s tím má a o to déle mu to trvá. Poté, co dokončí všechny tyto úkony, vytvoří výsledný zdrojový kód, díky němuž se návštěvníkovi zobrazí stránka. Takhle to dělá pokaždé, když někdo přijde na tvůj web. Nainstaluješ-li si cache plugin, tyto zdlouhavé operace proběhnou jen jednou. Zdrojový kód stránky se uloží do tzv. cache souboru. Když dorazí další návštěvník, tak se mu do prohlížeče pošle tento soubor. WordPress jej už nemusí znovu složitě vytvářet. Proto ho tímto způsobem zrychlíš klidně i několikanásobně. Rozumíš tomu?“

Prasátko Fritz: „Chro, chro.“

Kachna: „Existují mraky cache pluginů. Pokud preferuješ nějaký se snadným nastavením, zkus WP Fastest Cache. Jestli si chceš více pohrát s nejrůznějšími vychytávkami, mrkni na WP Super Cache, popř. W3 Total Cache.“

Prasátko Fritz: „A jak cache plugin nainstaluju?“

Kachna: „Podobně jako jakýkoliv jiný. Podívej se na návod, jak nainstalovat plugin ve WordPressu.“

Fritz tedy nainstaloval jeden z cachovacích pluginů a otestoval rychlost webu pomocí Pingdom Website Speed Test. A ejhle, jeho načtení proběhlo rychleji, než stačil říct jitrnice.

Jen bába Kačmářová měla pindy, že tyhle pluginy jsou nástrojem ďáblovým, neboť některé části webu jako třeba nákupní košík by se vůbec cachovat neměly. To však prasátko vyřešilo se vší elegancí. V nastavení zakázalo cachování těch pár stránek, které mají ukázat každému uživateli něco jiného (např. ten nákupní košík nebo adresu klientů v jejich uživatelském účtu).

2. Jak zrychlit WordPress díky optimalizaci obrázků

Kachna prasátku vysvětlila, že instalací cache pluginu nemá ještě vyhráno. Ten zrychlí práci WordPressu. Následně však musí docílit toho, aby se data dostala ze serveru co nejrychleji k uživateli.

A tak se pustila do dalšího vysvětlování.

Kachna: „Čím větší objem dat obsahuje tvá stránka, o to déle ji návštěvník bude stahovat. Zvlášť těm, kteří mají pomalé připojení k internetu, to může trvat hodně dlouho.“

Prasátko Fritz: „A jak to udělám, aby ten objem dat byl co nejnižší?“

Kachna: „Datově nejnáročnější bývají obrázky. Zaměř se na jejich optimalizaci.“

Prasátko Fritz: „A jak je teda zoptimalizuju?“

Kachna:Když vkládáš obrázek do knihovny médií ve WordPressu, ujisti se, že není zbytečně velký. Podívej se na informace od autora šablony, jež používáš. V nich bys měl nalézt optimální rozměry. Pokud si třeba sám uděláš fotku, zpravidla bývá mnohem větší, než potřebuješ. Použij grafický editor a zmenši ji.“

Prasátko Fritz: „A kromě jejího zmenšení mohu ještě nějakým dalším způsobem snížit její datovou velikost?“

Nastavení míry komprese jpg souboru v grafickém editoru

Kachna: „To si piš! Když v grafickém editoru ukládáš soubor ve formátu .jpg, zpravidla tě nechá zvolit jeho kvalitu. Máš na výběr mezi 1 % – 100 %. Čím vyšší procento zadáš, tím objemnější soubor vznikne. Neexistuje ideální nastavení, takže trochu experimentuj. Vybereš-li např. 80 %, pravděpodobně pouhým okem neuvidíš žádný rozdíl oproti 100% kvalitě. Ovšem datová velikost klesne markantně.“

Prasátko Fritz: „Já jsem ale slyšel, že WordPress komprimuje soubory .jpg automaticky. Je to pravda?“

Kachna: „Ano i ne. Když přidáš obrázek do WordPressu, ten si z něho vytvoří několik dalších velikostí. A ty zkomprimuje. Ovšem originál ne. Takže pokud vkládáš třeba fotografii do blogového článku, uživateli se může načíst nezkomprimovaný originál. Samozřejmě vždy záleží na konkrétním případu a na tom, jak funguje tvá šablona. Když tápáš, jaká velikost obrázku se návštěvníkům tvého webu zobrazí, mrkni se do zdrojového kódu.“

Prasátko Fritz: „Chápu. A když chci optimalizovat obrázky v grafickém editoru, záleží hodně na tom, jaký použiju?“

Kachna: „Každý má jiný algoritmus komprese. Takže pokud uložíš stejnou fotku např. v 80% kvalitě ve 2 různých programech, datová velikost se může v jednotlivých případech trochu lišit. Většinou však jen malinko.“

Prasátko Fritz: „Neexistuje nějaký software, který by to dělal výrazně lépe?“

Kachna: „Pokud ti na optimalizaci velikosti souborů opravdu hodně záleží, použij program využívající Guetzli algoritmus. Vymysleli ho týpci z Googlu a je fakt megahustej!“

Prasátko Fritz: „Jak to funguje?“

Kachna: „Pomocí tohoto algoritmu se soubor zmenší cca o 40 % víc, než když jej uložíš v běžném grafickém editoru. Zároveň prakticky nedojde k poklesu jeho kvality. Ovšem optimalizace jednoho souboru o velikosti kolem 1 MB zabere i několik minut.“

Prasátko Fritz: „Doporučíš mi nějaký program, který tohle umí?“

Kachna: „Zkus Guetzli Converter. Funguje perfektně.“

Prasátko Fritz: „A co soubory .png? Dají se taky nějak zmenšit?“

Kachna: „Na tohle ti doporučím výborný online nástroj – TinyPNG. Ten dokáže drasticky snížit jejich datovou velikost. Přitom kvalita nikterak neutrpí.“

Prasátko spokojeně zachrochtalo a pustilo se do optimalizace obrázků. A opravdu – web najednou frčel ještě svižněji.

Jen bába Kačmářová něco mlela o tom, že to je moc práce a že když ona byla mladá, tak webmasteři nepotřebovali znát tolik nástrojů. A vůbec – prase že patří do chlívka a ne aby dělalo správce stránek. Slinthuba však překypoval spokojeností nad výsledky speed testů, a tak jedním uchem pouštěl tyto řeči dovnitř a druhým ven.

3. Jak zrychlit WordPress pomocí LazyLoad

Kachna nyní přešla k další vychytávce zvané LazyLoad.

Kachna: „I když snížíš datovou velikost obrázků, není důvod, aby se načítaly, pokud je uživatel neuvidí.“

Prasátko Fritz: „S tím souhlasím, ale jak toho dosáhnu?“

Kachna: „Spousta obrázků se nachází ve spodní části stránky. Dá se to zařídit tak, že se načtou teprve ve chvíli, kdy k nim uživatel doskroluje. Pomocí LazyLoad.“

Prasátko Fritz: „Dobře, ale co mám udělat, aby můj web fungoval tímto způsobem?“ 

Kachna: „Stačí, když si nainstaluješ některý z LazyLoad pluginů. Ten ti vloží do WordPressu potřebný Javascript, který to zařídí.“

Prasátko Fritz: „Chro, chro, kvííík!“

Kachna: „Navíc to umí i některé cache pluginy. V jejich nastavení jednoduše zaškrtneš možnost LazyLoad a máš vystaráno.“

Fritz tedy implementoval do webu LazyLoad. Když to uviděl Slinthuba, slintal z toho blahem.

Jen bába Kačmářová plácala nesmysly o tom, že kdo se s tím má nastavovat a že se věci mají dělat jednoduše, že když někdo chce objednávat online, ať si počká, až se stránka načte, v krámu taky musí vystát frontu, a vůbec, že by všechny ty internety zakázala a byl by pokoj.

Vtom však do světnice za obrovského burácení vtrhl kulový blesk a prohnal se bábě hlavou. Ta nejdřív zakdákala jak slepice, pak zakvičela jak vepř a nakonec padla tuhá k zemi. Protože vždycky měla tak trochu prasečí ksicht, řeznický učeň si ji spletl s Fritzem. Nadělal z ní čerstvá jelítka a prodal je na farmářských trzích.

4. Jak zrychlit WordPress výběrem vhodné šablony a hostingu

Zatímco celá ves tráví slunné odpoledne na svých toaletách, snažíce se dostat z těla jelítka, jež dnes chutnala podezřele nasládle, Fritz naslouchá posledním radám moudré kachny.

Kachna: „Neuškodí mít na paměti rychlost načítání webu již při výběru šablony. Zvol takovou, která neobsahuje žádné pro tebe zbytečné funkce. Všímej si také, jak velké obrázky používá. Zejména pokud obsahuje slideshow, polož si otázku, jestli ji skutečně využiješ ke sdělení něčeho podstatného svým návštěvníkům.“

Prasátko Fritz: „Chápu. Slideshow se skládá z vícero obrázků, a proto datové objemy prudce narůstají. Navíc používá Javascript, jehož velikost nemusí být úplně zanedbatelná.“

Kachna: „Přesně tak. V neposlední řadě nebuď hloupé prase a nevybírej webhosting jen podle ceny. Ty superlevné většinou narvou hodně klientů na jeden server a stránky pak jsou pomalé, i když uděláš perfektně vše, o čem jsme se bavili v předchozích bodech.“

Prasátko Fritz: „Souhlasím. Vepř, který měl na starosti web přede mnou, ho dokonce umístil na bezplatný hosting. Po roce nám ho bez vysvětlení smazali. Slinthuba mu za trest uříznul ocásek. Pak jsme si našli kvalitní webhosting a od té doby nemusíme řešit žádné problémy.“

Kachna: „Vidím, že vše podstatné už víš. Nadešel tedy čas, abychom opět každý šli svou cestou.“

Kachna jemně klovla prasátko do rypáčku na rozloučenou a vydala se pomáhat dalším.

Od této chvíle webová prezentace Slinthubova řeznictví frčela svižně a tržby díky tomu měřitelně rostly. Prasátko Fritz si při její správě zvesela kvíkalo a jestli ho nesežrali, kvíká si dodnes.

Online kurz zdarma

Nauč se vydělávat pomocí vlastních stránek či blogu

Spousta lidí se živí online. Někteří i dost slušně. Chceš se stát jedním z nich? Emailový kurz na míru dle tvých zkušeností a znalostí. Zdarma. Jdeme na to?

Napsat komentář

*
*
*
*