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

Torben Simon Meier Poslední aktualizace 29.03.2021
10 min.
WordPress výkonnost: 10 nejdůležitějších věcí, které jí regulují
Poslední aktualizace 29.03.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é jsou rychle znehodnoceni návrhy optimalizace nástrojů, jako jsou Google PageSpeed Insights Odradit. Řekněme si, že s komplikovanými optimalizačními opatřeními, ale s metodami, které se snadno implementují, nevytáčete největší zisk doby načítání.

WordPress - Návrhy na optimalizaci 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.

Optimalizace doby nabíjení samozřejmě není sama o sobě koncem. Kromě lepšího prostředí pro vaše uživatele přináší kratší doba načítání také výhody v viditelnosti vaší nabídky na Googlu. Proto stručně nastíním, o čem jednotlivé kroky optimalizace jsou, abychom vytvořili vhodný kontext.

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

#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:

  • O ukládání do mezipaměti- Plugins : Většina uživatelů používá ukládání do mezipaměti Plugin , například celková mezipaměť W3 nebo super mezipaměť WP. Ty se někdy snadněji nastavují trochu složitější. V každém případě je zde vyžadováno určité množství ruční práce.
  • O hostiteli: Někteří hostitelé - stejně jako RAIDBOXES - nabídnout ukládání do mezipaměti na straně serveru. To znamená, že téměř vždy musíte Plugins bez toho se obeč. Protože váš poskytovatel hostingu již převzal konfiguraci mezipaměti za vás.

Pokud jste nastavili performativní ukládání do mezipaměti, máte nejdůležitější krok směrem k WordPress již bylo provedeno. 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šení výkonu: Přehled pluginů vám přesně ukáže, kolik Plugins jste nainstalovali, aktivovali a ještě neaktualizovali.
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, již není potřeba Plugins A Themes Zbytky funkčních a konstrukčních zkoušek. Z tohoto důvodu je to dobré místo pro WordPress stránky pravidelně a na druhé straně byste měli testovat nové funkce a motivy v testovacím prostředí a ne na živé stránce. Takže jich ani moc nedostaneš. Plugin - Shromažďuje zbytky.

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

Jedním z nejúčinnějších a nejjednodušších způsobů, jak zkrátit dobu načítání stránky, je zkrácení obrázků. Protože zde můžete někdy uložit velké množství dat. Tzv. "bezztrátová komprese obrazu" zmenšuje velikost souboru obrázků, aniž by vytvářela viditelnou ztrátu kvality. Takže vaše stránka se téměř nemění, současně můžete výrazně zmenšit její velikost optimalizací obrázku.

Http Archive odhaduje, že obrázky pravidelně představují největší podíl dat webových stránek. Zmenšení obrázků by mělo být jedním z prvních kroků optimalizace. Optimalizaci obrazu můžete buď udělat ručně, nebo ji můžete použít komprese Plugin .

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:

  • Shrnutí: 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ů vyžádán prohlížečem individuálně z webového serveru. Tím se generují požadavky HTTP, které mají tendenci prodlužovat dobu načítání stránky. Když jsou však skripty shrnuty, počet souborů, které mají být načteny, se sníží, a tím i počet požadavků. Například z 53 individuálních hovorů bude provedeny pouze tucet. Samozřejmě, že Vhodné Plugins Pro tebe.
  • Omezit: CsS a JavaScript soubory jsou řádky kódu, které umožňují určité funkce a motivy na vaší stránce. Tento kód je napsán lidmi. Ale je čten stroji. Proč je to relevantní? Mnoho z toho, co člověk potřebuje, aby správně porozuměl kódu, není v počítači potřeba. Prostory, komentáře atd. nejsou potřebné pro správné nastavení stránky. Tady nastavíte Plugins například Autoptimize. CsS a JavaScript převedete z kódu čitelného z člověka na stroj. Díky tomu jsou jednotlivé datové pakety menší a jejich přenos rychlejší.
  • Komprimovat: Po shrnutí a sbalení je posledním krokem komprimace datových paketů odesílaný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ů. Kompresi GZIP můžete nastavit, například ukládáním do mezipaměti Plugins , pomocí ručního nastavení v souboru .htaccess nebo hostitel již povolil 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í Plugins , které také umožňují laikům optimalizovat CSS a JavaScript. V našem článku o optimalizaci CSS a JavaScriptuvysvětlujeme více podrobností a prezentujeme různé Plugins Před.

Č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í velké zkrácení času, ale mohou se ztratit, pokud vás hosting zpomalí. To znamená, že méně hardwarových požadavků na WordPress   ale spíše určité technologie, které vám ukážou, že hostitel vám umožní WordPress vhodně optimalizovány.

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šeho webu je rozhodující zejména doba načítání plsti. Toto je doba, kterou návštěvník vašeho webu vnímá jako dobu načítání. Tuto plstěnou dobu načítání lze zkrátit pomocí některých triků. To dává uživateli dojem, že stránka je již zcela vytvořena, i když se stále počítá na pozadí.

Optimalizace pořadí zatížení je obzvláště důležitá pro optimalizaci této oblasti, známé jako nad záhybem. To znamená upřednostnit obsah a funkce, které by návštěvníci měli vidět na první velikosti obrazovky.

WordPress Provedení: Ilustrace nad záhybem od raidboxes.de
Horní část je zobrazena návštěvníkovi raidboxes.de posouvání. Toto je tzv. Nad záhybem. Pro další informace musí návštěvník komunikovat se stránkou a posouvat ji.

To můžete udělat například optimalizací pořadí načítání. Ale jsou tu i Plugins , což zesíní načítání stránky. A jen viditelná oblast. Lazy Load nebo a3 Lazy Load jsou příklady takových Plugins . Uživatel tedy vždy obdrží veškerý obsah, který potřebuje, ale doba načítání stránky z něj může stále těžit, zejména pokud se jedná o stránku s velkým obrázkem.

#8 Úklid databáze

Kromě obrázků a skriptů může být databáze také příliš velká. K dispozici jsou také šikovné nástroje, které udržují vaši databázi krásně štíhlou. Například Plugin Optimalizace WP.

#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 odkazuje přímo na obrázek na vašem serveru, čímž vám vlastně "krade" šířku pásma. Na webovém serveru Apache můžete zabránit odkazování pomocí hotlinků přidání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 na serveru NGINX zabránit odkazování za chodu, přidejte do konfiguračního souboru NGINX tyto řádky kódu:

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).

Další metody prevence horkých odkazů

V oficiálním adresáři zásuvných modulůWordPress je mnoho bezpečnostních Plugins , které můžete použít k zabránění hotlinkingu - například All In One WP Security & Firewall. Web Plugin je aktivní na více než 900 000 webových stránkách WordPress a má průměrné hodnocení 4,8 z 5 hvězdiček (s více než 1 000 recenzemi). V nastavení webu BOX můžete také pomocí hlaviček CORS zabránit horkému odkazování. Pokud máte jakékoli dotazy ohledně konfigurace záhlaví vašeho webu BOX , neváhejte nás kontaktovat na podpoře.

"A co je s CDN?"

Jednou z nejčastějších otázek je síť pro doručování obsahu (CDN). Například: "Zrychluje CDN můj web pro návštěvníky v Německu?", "Proč potřebuji CDN?", "Doporučili byste použít CDN pro svů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.

Pokud se o tuto otázku WordPress - Vývojář Ernesto Ruge mimochodem napsal velmi pěkný článek, který vám mohu jen 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 *.