10 nejdůležitějších věcí, které regulují vaší WordPress výkonnost

10 min.
WordPress výkonnost: 10 nejdůležitějších věcí, které jí regulují

Web je plný tipů a triků k 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. To vám umožní, dosáhnout obzvláště rychle úspěchu.

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 nabíjení není cílem sama o sobě. Kromě lepšího zážitku pro vaše uživatele přináší kratší doba nabíjení 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 pro 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 .

e-book: Změřte výkon svých stránek jako profesionál

#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ánó. V podstatě by měla být u "neaktivních" vždy nula. Pokud ne, ptejte se sami sebe: Potřebuji tento deaktivovaný plugin vůbec?

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ě je k dispozici, 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 obrazu 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áš hoster 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é také umožňují 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í, mohou být 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 hoster 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ýkonu.

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.

10 nejdůležitějších věcí, které regulují vaší WordPress výkonnost

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 má vaše stránka funkci posuvníku, ale ne obrázky, 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 vnímá jako čas načítání. 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 je návštěvníkovi indikována raidboxes.de bez posouvání. Jedná se o takzvaný Above the Fold. Pro další informace musí návštěvník pracovat se stránkou a posouvat ji.

Můžete to provést například optimalizací pořadí načítání. Existují však také Plugins , což zvýší zatížení stránky. A jen viditelnou oblast. Opožděné načtení nebo a3 Opožděné zatížení 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 obrazem.

#8 databáze

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

#9 pingbacky a zpětné sledování

Ve výchozím nastavení spolupracuje WordPress s dalšími stránkami, které umožňují pingbacks a zpětné sledování. Pokaždé, když je vaše stránka nebo jeden z vašich příspěvků na blogu uveden na takové stránce, vaše stránka je automaticky upozorněna - a databáze je tedy navíc zatížena.

Pokud tuto funkci nepotřebujete (přidaná hodnota je podle mého názoru zanedbatelná), měli byste zakázat pingbacky a zpětné sledování. I zde Plugin WP-Optimalizovat. Pro úplnost je však třeba zmínit, že se jedná spíše o teoretický problém. V důsledku toho žádný z našich zákazníků neutrpěl vážné ztráty výkonu.

#10 zabránit zahnutí

Hotlinking znamená, že někdo odkazy přímo na obrázek na vašem serveru - tak nakonec, vaše šířka pásma "krade". 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 do souboru WP-Config 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)$ {
určuje 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áhá vám lépe pochopit, co můžete dělat s tímto pravidlem. Tyto řádky prakticky označují, které domény mohou stále hotlink vaše soubory. V tomto příkladu deineseite.de se všemi subdoménami, stejně jako Google, Bing a Yahoo.

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

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

Zajímalo by vás, co můžete dělat, když změny wp-config s hosterem (jako RAIDBOXES ) nejsou možné? V tomto případě existuje mnoho bezpečnostních Plugins v oficiálním WordPress Adresář pluginůaby se zabránilo hotlinking. A Plugin , který tuto funkci nabízí, je například Vše v jednom WP Security & Firewall. Tá Plugin je na více než 800 000 WordPress stránky a má průměrné hodnocení 4.8 z 5 hvězdiček (s téměř 1000 recenzemi).

"A co CDN?"

Jednou z nejčastěji kladených otázek je otázka CDN. Například: "Má CDN, aby mé stránky rychleji 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 odpověď byla ne.

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

Pokud jde o tuto otázku, WordPress Vývojáři Ernesto Ruge mimochodem, velmi pěkné položky které mohu jen doporučit.

FREE DEV Program RAIDBOXES

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

Uživatelé mají často obavy z kontaktu s oblastmi, kde je doba načítání obzvláště snadná. Nebo zanedbávají tyto oblasti. Jiní, jako je CDN, přicházejí znovu a znovu během konzultací, i když obvykle nemají žádný vliv na dobu načítání stránky.

Proto mohu jen poradit, že byste se měli nejprve zaměřit na "nízko visící ovoce" optimalizace. Protože s relativně malým úsilím již můžete dosáhnout velkého pokroku ve zkrácení doby nabíjení. A i když jsi laik.

Takže nenechte radu nástrojů, jako je Google PageSpeed Insights Znepokojující.

Optimalizace doby nabíjení je ve své podstatě jen 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é užitečně pracovat na 10 nejdůležitějších nastavovacích šroubech WordPress -Otočte výkon. A pro složitější optimalizační kroky existují také odborníci, kteří mohou dostat vaše stránky až do nuly.

Komentáře k tomuto článku

Napsat komentář

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