Zabiják výkonu

5 největších zabijáků pro vaši rychlost WordPress

Objasňujeme, proč se může stát, že vaše stránky WordPress jsou příliš pomalé navzdory rychlému hardwaru a speciálnímu hostingu a představují 5 nejčastějších příčin nízké rychlosti WordPress.

Zažíváme to téměř každý den: zákazník nám píše v chatu podpory, protože jeho stránka prostě nechce být rychlejší. Navzdory optimalizaci serveru, vhodným pluginům a dostatečnému výpočetnímu výkonu. Jiní zákazníci jsou naopak spokojeni s bleskově rychlými stránkami. "Jak je to možné?", zeptali jsme se sami sebe a jednou sestavili pět faktorů, díky nimž je WordPress v našich zkušenostech obzvláště pomalý.

Pojďme to zkrátit. Toto je pět největších zabijáků rychlosti WordPress:

  1. Nedostatek ukládání do mezipaměti
  2. Příliš mnoho a nekomprimovaných obrázků
  3. Nekomprimovaný a nekomplovaný kód
  4. Nedostatek nadstandardní optimalizace
  5. Příliš velké stránky

WordPress Speed Killer 1: Chybějící ukládání do mezipaměti

Ukládání do mezipaměti je rychlý a vysoce efektivní způsob, jak zrychlit web. Mezipaměť lze chápat jako druh krátkodobé paměti: Pokud si například prohlížeč pamatuje, jak vypadá webová stránka, server nemusí být nejprve požádán o potřebná data, ale prohlížeč může stránku načíst přímo z mezipaměti. To nesmírně urychluje dobu načítání stránky pro vracející se návštěvníky.

Ukládání do mezipaměti nyní není snadné téma. Existuje mnoho různých typů mezipamětí, které lze zabudovat a aktivovat na mnoha různých místech. Chcete-li rychle získat efektivní řešení ukládání do mezipaměti, měli byste se spolehnout na široce používané a osvědčené pluginy pro ukládání do mezipaměti, jako je WP Super Cache, Cachify nebo W3 Total Cache. Měli byste se také zeptat svého hostitele, které mezipaměti aktivoval. Máte pevný základ, pokud je aktivován alespoň jeden prohlížeč a mezipaměť serveru.

Mezipaměť má tu nevýhodu, že se obvykle používá pouze v případě, že uživatel již stránku alespoň jednou navštívil. V mnoha případech je však důležité, aby se webové stránky vytvořily rychle a hladce poprvé. Pokud toho chcete dosáhnout, musíte se dostat na boční slaninu.

WordPress Speed Killer 2: Obrázky a grafika

Dalším zabijákem pro vaši rychlost WordPress jsou obrázky a grafika. Jejich optimalizace je umění samo o sobě, protože musíte zvážit mnoho faktorů: formát souboru, měřítko, kompresi a mnoho dalšího [1].

Ve většině případů však velmi jednoduché chování, jako je nepřeberné množství nepotřebných obrázků nebo nevhodný formát souboru, vede k dlouhým dobám načítání. I zde pluginy poskytují nápravu. Ty komprimují a optimalizují obrázky během a po nahrávání a výrazně zvyšují rychlost WordPress. Příklady zahrnují Optimus a WP Smush.

WordPress Speed Killer 3: neuspořádaný a nekomprimovaný kód

Každá webová stránka je tvořena kódem. To určuje téměř vše, co tvoří vaše stránky: rozložení, zbarvení, text a tak dále. To z něj dělá návod na stavění vaší stránky. Ale kód není stejný jako kód: Spíše musíte rozlišovat mezi CSS, JavaScriptem a HTML. Tyto typy kódu jsou zodpovědné za různé oblasti webu - například CSS pro obrázky a JavaScript pro animované. Proto různé typy kódů také vykazují různé chování při nabíjení. To může způsobit, že se některé příkazy navzájem zablokují.

Kvůli takovým úzkým místům načítání nebo zablokování se WordPress výrazně zpomaluje. Proto je běžnou praxí kombinovat kód do co nejmenšího počtu souborů, komprimovat je a přenést je do nejlepší možné sekvence načítání.

Těžko se můžete vyhnout záměně kódu bez odpovídající znalosti CSS, JavaScriptu nebo HTML. Proto jsou zde také pluginy, které vám pomohou uspořádat a shrnout kód vaší stránky. Mezi příklady patří Autoptimize a Better WordPress Minify.

WordPress Speed Killer 4: Chybějící optimalizace nad záhybem

Veškerá optimalizace je málo užitečná, pokud uživateli není nakonec předložena vnímaná rychlejší stránka. Protože tato vnímaná rychlost nakonec určuje, zda stránka těží z optimalizace výkonu.

V praxi se proto často provádí tzv. nadlimitní optimalizace. Above-the-Fold popisuje oblast webové stránky, která je viditelná bez posouvání, tj. První dojem, který uživatel získá z webové stránky. Cílem optimalizace je nyní, aby se tato oblast budovala co nejrychleji a nejplynuleji. Za tímto účelem se odpovídajícím způsobem upraví pořadí zatížení viditelných prvků. Všechny prvky, které nepatří do této oblasti, jsou umístěny vzadu, protože zpočátku nejsou viditelné, a proto nejsou relevantní pro první dojem stránky.

Jádrem tohoto typu optimalizace jsou proto koncepční úvahy: Musíte mít jasno v tom, jaký obsah musí být uživatel zobrazen, aby provedl požadovanou konverzi. Neexistuje žádné rychlé a snadné řešení.

WordPress Speed Killer 5: Příliš tučné stránky

To nás přivádí k našemu poslednímu zabijákovi výkonu: velikosti stránky. Mnoho pomalých stránek je prostě příliš velkých, má nainstalováno příliš mnoho pluginů, zbytečně velké téma nebo je přetíženo obrázky a grafikou. To je dobrá zpráva! Protože to znamená, že výkon WordPress lze v mnoha případech velmi snadno zvýšit. Pokud stránku pravidelně vyklízíte, můžete obvykle udržet dobu načítání stránky na dobré úrovni.

Závěr: Shrnout a komprimovat, shrnout a komprimovat, shrnout...

V zásadě se vše scvrkává na shrnutí a kompresi obsahu. To je jediný způsob, jak získat co nejvíce z vašeho WordPress. Místa, kde to funguje obzvláště dobře, jsou především obrázky, kód a celkový koncept stránky. Pokud pak používáte mezipaměti a pravidelně čistíte, vytvořili jste dobré podmínky pro optimální využití dostupného výkonu serveru.

Přestože hostitelé a servery určují základní výkonnostní potenciál vašeho webu, co z něj uděláte, je zcela na vás.

V nadcházejících článcích se budeme zabývat otázkou, jak identifikovat úzká místa vašeho vlastního výkonu WordPress a vyřešit tyto výkonné brzdy.

Samozřejmě existuje více WordPress Speed Killers než ty, které jsou zde uvedeny. Napadá vás další obzvláště důležitý bod? Neváhejte zanechat komentář a pomozte komunitě optimalizovat své stránky ještě lépe.

Zdroje

[1]: Krátký úvod do teorie a praxe optimalizace obrazu na WordPressu od kolegů pressengerů: http://pressengers.de/tipps/wordpress-grafiken-komprimieren/

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.