10 nejdůležitějších seřizovacích šroubů WordPress Výkon

Torben Simon Meier Naposledy aktualizováno Jan 15, 2021
10 min.
WordPress výkonnost: 10 nejdůležitějších věcí, které jí regulují
Naposledy aktualizováno Jan 15, 2021

Web je plný tipů a triků pro optimalizaci WordPress výkonnosti. Vysvětlení a hodnocení významu různých pomyslných šroubků se rychle opomíjí. Ukážeme vám důležité výchozí body a jak je regulovat – v rozumném pořadí a kontextu. Tak dosáhnete úspěchu obzvláště rychle.

Hostovali jsme již přibližně 15 000 WordPress projektů. Jednalo se o mnoho dat. A zákazníci se nás neustále ptají, jak lze omezit čas načítání stránky u jejich WordPress projektů. Proto jsme systematicky zpracovali naše poznatky z analýzy našich zákaznických stránek z minulých let. Výsledek: 10 opatření, která vám pomohou rychle a snadno optimalizovat WordPress výkonnost.

Jedna věc je obzvláště důležitá: Někteří uživatelé se nechají snadno zastrašit návrhy optimalizace nástrojů, jako jsou Google PageSpeed Insights . Proto: Dobu načítání nesnížíte pomocí složitých optimalizačních opatření, ale metodami, které lze snadno implementovat.

WordPress -Návrhy optimalizace výkonu od společnosti Google
Většině provozovatelů stránek tato zpráva nijak nepomůže. Proto je obzvláště důležité, abyste se nejprve soustředili na jednoduché optimalizační kroky a teprve potom přistupovali k složitějším opatřením.

Samozřejmě, že optimalizace doby načítání není cílem samou o sobě. Kromě lepšího zážitku pro vaše uživatele přináší kratší doba načítání také výhody viditelnosti vaší nabídky na Googlu. Proto se u každého bodu stručně zmíním, o čem jednotlivé optimalizační kroky vlastně jsou, abych vytvořil vhodný kontext.

Takže se teoreticky můžete propracovat shora dolů a zlepšit dobu načítání stránky krok za krokem. Kromě toho se prvních sedm bodů týká také typických návrhů na zlepšení Google PageSpeed Insights, čemu se například v tomto článku věnujeme ještě podrobněji.

#1 Ukládání do mezipaměti - nejdůležitější faktor výkonnosti vůbec

Ukládání do mezipaměti neboli caching znamená, že vaše stránka nemusí být nejprve požadována prohlížečem z webového serveru a poté sestavena krok za krokem. Místo toho je stránka načtena z mezipaměti s dokončeným vykreslováním.

Výhoda tohoto ukládání do mezipaměti je zřejmá: WordPress nemusí přepočítat stránku při každém jejím zobrazení. Protože je WordPress založen na velmi pomalém PHP, je zde ukládání do mezipaměti elementární. Protože mimo jiné brání, aby musel být PHP načten.

V zásadě existují dvě varianty implementace do mezipaměti:

  • Přes plugin pro ukládání do mezipaměti: Většina uživatelů používá plugin pro ukládání do mezipaměti, jako W3 Total Cache nebo WP Super Cache. Ty lze zařídit někdy jednoduše a někdy trochu složitěji. V každém případě je zde vyžadováno trochu práce.
  • Přes hostitele: Někteří hostitelé - stejně jako RAIDBOXES - nabízí ukládání do mezipaměti na straně serveru. To znamená, že se téměř vždy obejdete bez pluginu pro ukládání do mezipaměti. Protože váš poskytovatel hostingu za vás konfiguraci mezipaměti již převzal.

Pokud jste zařídili vysoce výkonné ukládání do mezipaměti, pak jste již udělali nejdůležitější krok k větší WordPress výkonnosti. Pro více informací se prosím podívejte na náš článek o základech ukládání do mezipaměti .

#2 WordPress úklid - pořádek nade vše

Podle našich zkušeností je jednou z nejčastějších příčin dlouhých časů načítání přetížená WordPress instalace. A protože se o tomto bodu zlepšení Google PageSpeed Insights nezmiňuje, je v mé top 10 na druhém místě.

Přetížená WordPress instalace v převážné většině případů znamená: je nainstalováno příliš mnoho pluginů. Obecně platí: čím méně pluginů, tím rychlejší je stránka. Samozřejmě jsou pluginy důležité a bez nich to nejde, ale měli byste vždy zkontrolovat, které pluginy opravdu potřebujete.

A: Měli byste dávat pozor, abyste pluginy nejen deaktivovali, ale zcela je odstranili.

WordPress Zlepšit výkon: Přehled pluginů přesně ukazuje, kolik Plugins jste nainstalovali, aktivovali a ještě aktualizovat.
Váš přehled pluginů vám přesně ukazuje, kolik pluginů je v současné době deaktivováno. V podstatě by měla být u "neaktivních" vždy nula. Pokud ne, ptejte se sami sebe: Potřebuji vůbec tento deaktivovaný plugin?

Totéž platí u šablon: Víc než jednu nepotřebujete.

Důvod je následující: Každý plugin a každá šablona přidá na vaši stránku kód PHP. To platí i pro deaktivované pluginy. Výsledkem je, že vaše stránka bude celkově objemnější a tím pomalejší (a zranitelnější vůči útoku). Protože PHP je velmi pomalý skriptovací jazyk. Čím méně kódů máte, tím lépe.

Často jsou již nepotřebné pluginy a šablony pozůstatky funkčních a designových zkoušek. Z tohoto důvodu je na jedné straně dobré, vaše WordPress stránky pravidelně uklízet a na druhé straně byste měli testovat nové funkce a designy v testovacím prostředí a ne na živé stránce. Tímto způsobem se vám pozůstatky pluginů vůbec nenahromadí.

#3 Obrázky: podceňovaná brzda doby načítání

Jedním z nejúčinnějších a nejjednodušších opatření ke zkrácení doby načítání stránky je zmenšení obrázků. Protože zde můžete někdy ušetřit velké množství dat. U takzvané „lossless image compression” se zmenší velikost souboru obrázků, aniž by došlo k viditelné ztrátě kvality. Takže vaše stránka se téměř nezmění a zároveň můžete optimalizací obrázku výrazně snížit její velikost.

Dle odhadů archivu HTTP představují obrázky největší podíl dat na internetových stránkách. Zmenšení obrázků by mělo být jedním z prvních kroků optimalizace. Optimalizaci obrázku můžete provést buď ručně, nebo můžete použít plugin pro kompresi.

Použití pluginu je jistě pohodlnější řešení. Protože pluginy vám nejen umožní komprimovat nové obrázky a jejich thumbnaily, ale také částečně automaticky komprimují všechny existující obrázky vaší stránky. Tato služba je však často zpoplatněná.

#4 CSS a JavaScript - zní objemně, lze ale snadno optimalizovat

Druhým největším množstvím dat na vaší stránce jsou obvykle soubory JavaScript a CSS. Zde má zejména mnoho uživatelů strach. Ale i bez znalostí kódu můžete snadno pochopit, o čem CSS a JavaScript je. V zásadě je zde třeba udělat tři věci:

  • Sloučit: CSS a JavaScript jsou skryty v mnoha malých jednotlivých souborech. Za normálních okolností musí být každý z těchto souborů požadován z webového serveru o prohlížeče jednotlivě. Tím se vygenerují požadavky HTTP, které mají tendenci prodloužit dobu načítání stránky. Pokud jsou však skripty sloučeny, sníží se počet načtených souborů a tím i počet požadavků. Například bude z 53 jednotlivých požadavků uskutečněn pouze tucet. A samozřejmě to za vás mohou vyřídit příslušné pluginy .
  • Snížit: CSS a JavaScript soubory jsou řádky kódu, které umožňují určité funkce a designy na vaší stránce. Tento kód je napsán lidmi. Ale čten je stroji. Proč je to důležité? Hodně z toho, co člověk potřebuje k správnému pochopení kódu, není pro počítač relevantní. Mezery, komentáře atd. nejsou zapotřebí, aby byla vaše stránka správně načtena. A právě tady se hodí pluginy jako Autoptimize . Konvertuje CSS a JavaScript z kódu čtitelného pro člověka na čtitelný pro počítač. Díky tomu jsou jednotlivé datové pakety menší a jejich přenos rychlejší.
  • Komprimovat: Po sloučení a snížení je posledním krokem komprese datových paketů odeslaných z webového serveru do prohlížeče. To znamená, že server minimalizuje velikost souboru každého požadavku a prohlížeč ho rozbalí a vypočítá. To je rychlejší než odesílání nekomprimovaných datových paketů. Můžete nastavit komprese GZIP například prostřednictvím pluginu pro ukládání do mezipaměti, pomocí ručního nastavení v .htaccess, nebo ale váš hostitel již aktivoval kompresi na straně serveru.

Takže i bez znalosti skriptů je snadné pochopit, co jednotlivá opatření přinášejí. A pro všechny tři kroky existují pluginy, které umožňují také laikům optimalizovat CSS a JavaScript. V našem článku o optimalizaci CSS a JavaScriptuvám vysvětlíme více podrobností a představíme různé pluginy.

Čtyřka vyhrává!

To byly čtyři oblasti, ve kterých naši zákazníci mohli ušetřit spoustu času načítání. S relativně malým úsilím můžete zlepšit WordPress výkonnost prostřednictvím ukládání do mezipaměti, optimalizací obrázků, optimalizací CSS a JavaScriptu, stejně jako úklidem WordPressu.

#5 Bez hostingu to nefunguje

První čtyři optimalizační pole slibují velkou úsporu času načítání, jsou ale k ničemu, pokud vás hosting zpomalí. Tím myslím méně hardwarové požadavky pro WordPress, ale spíše určité technologie, které ukazují, že hostitel vám vůbec umožní WordPress vhodně optimalizovat.

Zpravidla si můžete zapamatovat, že performativní WordPress hosting by měl mít tyto klíčové údaje:

  • Pevný disk SSD
  • PHP limit paměti alespoň 64MB, lepší 128MB
  • Datová centra v Evropě
  • Aktuální verze PHP (7.4)
  • HTTP/2 a SSL certifikát zdarma

Pak je tu rozdíl mezi sdíleným hostingem (shared hosting) a vlastním (virtuálním) serverem.

Ve sdíleném hostingu sdílíte server a jeho výpočetní výkon s jinými weby. Obvykle několik desítek až několik stovek. S vlastním serverem nemusíte s nikým sdílet výpočetní výkon. Především nabízí výhodu spolehlivosti výkonnosti.

Ačkoli vlastní server není synonymem větší výkonnosti, zkušenosti ukazují, že levné hostingové tarify, které stojí jen pár eur měsíčně, nemohou konkurovat s virtuálními servery, pokud jde o výkon.

Detaily - méně přínosu, více úsilí

Všechny oblasti relevantní pro výkonnost, které jsem dosud zmínil, může jakýkoliv WordPress uživatel prakticky optimalizovat. Buď přes pluginy, zkoušením nebo zakoupením vhodných produktů. Složitější bude, pokud jste tyto oblasti již optimalizovali. Protože pak musíte proniknout hlouběji do boční struktury. A individuální optimalizační opatření již nemají stejný přínos.

#6 Blokování vykreslení - nesprávné pořadí při načítání

Bod, na který si nástroje jako je Google PageSpeed Insights opakovaně stěžují, je pořadí načítání, které blokuje vykreslování.

Příklad ilustruje problém: Posuvník se skládá z obrázků a příkaz animace, který tyto obrázky otáčí. Pokud je příkaz JavaScriptu načten jako první a obrázky ke konci, pak je na vaší stránce funkce posuvníku, ale ne obrázků, které se mají zobrazit. Načtení stránky tedy trvá déle. Toto lze zabránit správným pořadím načítání.

Sice eexistují pro optimalizaci pořadí načtení pluginy, ale naše zkušenosti ukazují, že nejsou vždy schopni plně optimalizovat vaše stránky. V takovém případě jsou nejlepší výsledky obvykle dosaženy webovým designérem, který se ve webu a jeho funkcích dobře vyzná.

#7 Above the Fold - Optimalizace viditelné oblasti stránky

Kromě celkové doby načítání vašich stránek je hlavní pociťovaná doba nabíjení . To je doba, kterou návštěvník vašeho webu jako čas načítání vnímá. Tato pociťovaná doba načítání může být zkrácena některými triky. To dává uživateli dojem, že je stránka již kompletně konstruována, i když se ještě stále načítá v pozadí.

Obzvláště důležité pro optimalizaci tohoto jako Above the Fold pojmenovaného úseku je optimalizace pořadí načítání. To znamená, že bude upřednostněn obsah a funkce, které by návštěvníci měli vidět na první velikosti obrazovky.

WordPress Představení: Ilustrace nad záhyb u raidboxes.de
Horní část se návštěvníkovi od raidboxes.de zobrazí bez scrollování. Jedná se o takzvaný Above the Fold. Pro další informace musí návštěvník se stránkou interagovat a scrollovat ji.

Toho docílíte například optimalizací pořadí načítání. Existují však také pluginy, díky kterým se stránka efektivněji načítá. A to sice jen viditelná oblast. Lazy Load nebo a3 Lazy Load jsou příklady takových pluginů. Uživatel tedy vždy obdrží veškerý obsah, který potřebuje, ale doba načítání stránky z toho stále může profitovat, zejména pokud se jedná o stránku s mnoho obrázky.

#8 Úklid databáze

Kromě obrázků a skriptů může být také databáze příliš velká. I na to existují praktické nástroje, které udržují vaši databázi krásně štíhlou. Například plugin WP-Optimize.

#9 Pingbacky a trackbacky

Ve výchozím nastavení spolupracuje WordPress s dalšími stránkami, které umožňují pingbacky a trackbacky. Pokaždé, když se o vaší stránce nebo o jednom z vašich příspěvků na blogu zmíní na takové stránce, je vaše stránka automaticky upozorněna - a tím se databáze zatíží navíc.

Pokud tuto funkci nepotřebujete (přidaná hodnota je podle mého názoru zanedbatelná), měli byste pingbacky a trackbacky deaktivovat. I zde zase pomůže plugin WP-Optimize. Pro úplnost je však třeba zmínit, že se jedná spíše o teoretický problém. Žádný z našich zákazníků tímto neutrpěl žádné vážné ztráty výkonnosti.

#10 Zábrana hotlinkingu

Hotlinking znamená, že někdo odkáže přímo na obrázek na vašem serveru - tedy "krade" váš obsah. U webového serveru Apache můžete zabránit hotlinkingu vložením následujícího kódu do souboru .htaccess:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?deineseite.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]

RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

Chcete-li zabránit hotlinkingu na serveru NGINX, přidejte tyto řádky kódu do vašeho NGINX souboru wp-config:

location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
     valid_referers none blocked server_names
	 *.example.com example.* www.example.org/galleries/ ~\.google\.;
     if ($invalid_referer) {
        return 403;
    }
}

Členění kódu:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
zadejte koncovky souborů, které chcete chránit před hotlinkingem, například pokud chcete chránit soubory pdf, řádek kódu bude vypadat takto:
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Tyto řádky jsou trochu rozsáhlé, ale pomáhají vám lépe pochopit, co všechno s tímto pravidlem můžete dělat. Tyto řádky kvazi označují, které domény vaše soubory stále mohou hotlinkovat. V tomto příkladu deineseite.de se všemi subdoménami, stejně jako Google, Bing a Yahoo.

if ($invalid_referer) {
return 403;
}
Když nyní přijde požadavek a zdroj požadavku není v horní části seznamu povolených, server vrátí 403 (Forbidden).

Nemáte přístup k wp-config?

Zajímalo by vás, co můžete dělat, když změny wp-config u vašeho hostitele (jako RAIDBOXES ) nejsou možné? V tomto případě existuje mnoho bezpečnostních pluginů v oficiálním adresáři WordPres pluginů, které hotlinkingu zabraňují. Plugin, který tuto funkci nabízí, je například All In One WP Security & Firewall. Tento plugin je aktivní na více než 800 000 WordPress stránkách a má průměrné hodnocení 4.8 z 5 hvězdiček (s téměř 1000 recenzemi).

"A co je s CDN?"

Jednou z nejčastěji kladených otázek je Síť pro doručování obsahu (CDN). Například: "Má CDN, aby mé stránky rychlejší pro návštěvníky v Německu?", "Proč potřebuji CDN?", "Doporučili byste, abych použil CDN pro můj blog nebo obchod?". Ve většině případů však byla odpověď ne.

Stručně řečeno, CDN dává největší smysl, když jsou uživatelé geograficky rozmístěni. Takže například pokud máte zákazníky ve střední Evropě, Jižní Americe a Austrálii. Pokud je vaše základní cílová skupina omezena na jednu zemi, můžete na CDN k optimalizaci WordPress výkonnosti zapomenout.

K tomuto problému napsal WordPress vývojář Ernesto Ruge mimochodem velmi pěkný článek , který mohu vřele doporučit.

Závěr: Nebojte se složitě působících optimalizačních kroků

Uživatelé mají často obavy z takovýchto oblastí, ve kterých lze obzvláště snadno ušetřit dobu načítání. Nebo tyto oblasti zanedbávají. Jiné, jako je CDN, jsou znovu a znovu zmiňovány během konzultací, i když obvykle nemají žádný vliv na dobu načítání stránky.

Proto mohu jen doporučit, abyste se nejprve zaměřili na "low hanging fruits" optimalizace. Protože s relativně malým úsilím již můžete dosáhnout velkého pokroku, co se zkrácení doby načítání týče. I když jste laici.

Nenechte se proto znejistit radou nástrojů, jako je Google PageSpeed Insights.

Protože jde u optimalizace doby načítání ve své podstatě jen o několik oblastí:

  • Zmenšení velikosti stránky
  • Snížení požadavků HTTP
  • Komprese jednotlivých datových paketů
  • Optimalizace uživatelského prostředí

Pokud jste to pochopili, můžete také smysluplně zapracovat na 10 nejdůležitějších věcech WordPress výkonnosti. A pro složitější optimalizační kroky existují také odborníci, kteří vaše stránky mohou dát do pořádku.

Podobné články

Komentáře k tomuto článku

Napsat komentář

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