Ekologický WordPress

Jak učinit svůj WordPress web udržitelnějším?

Internet je jedním z největších spotřebitelů energie naší doby. Počítáme sem množství webových stránek, které nás baví, informují nebo na nich nakupujeme. Více než třetina z nich staví na WordPress a WooCommerce. To je docela dost – a nabízí velký potenciál úspor. V tomto článku se dostaneme k jádru otázky: Jak mohou být webové stránky s WordPress udržitelnější?

Každý ho zná a používá: internet. Momentálně je polovina lidstva online a pilně spotřebovává data. Možná si říkáte: To je skvělé, protože nám to ušetří časově náročnou produkci knih, katalogů nebo DVD. Dokonce i online schůzka je mnohem lepší, než muset cestovat přes půlku světa kvůli jednomu rozhovoru, že?

V podstatě je tohle všechno pravda, ale má to jeden háček. On-line výměna informací nabyla už obrovských rozměrů. A pro tento proud je potřeba hodně elektřiny. Jistě znáte následující srovnání: Pokud by byl internet zemí, pak by se – co do spotřeby elektřiny – umístil na třetím místě hned za USA a Čínou. A tento trend prudce stoupá.

Větrná energie WordPress Hosting
Odkud pochází elektřina pro váš WordPress hosting?

Toto srovnání mě přinutilo zamyslet se. Problémem celé záležitosti je bezpochyby to, že zpočátku nevidíte obrovskou spotřebu zdrojů. Každý si všimne kouřícího komína nebo páchnoucího výfuku, víme, že s tímto znečištěním musíme honem něco udělat. Počítač nebo smartphone je na druhé straně tichý, nenápadný a údajně „čistý“. Ale bohužel příliš zřídka opravdu zelený. A vzhledem ke stále rostoucímu využívání cloudů, videostreamingu a složitějším webovým stránkám „spotřeba“ digitálních technologií konstantně a tiše roste. 

V určitém okamžiku jsem se zeptal sám sebe, co bych mohl udělat, abych zastavil svou osobní „spotřebu dat". Protože jedna věc je jasná: všichni používáme internet. Každý – včetně mě – se tak může podílet na tom, aby byl v online světě zodpovědný. Můžeme dát do světa nespočet tweetů denně, sjíždět některé seriály na Netflixu celé hodiny či posílat nesmyslná videa s kočkou. Nebo používáme internet vědomě a se skutečnou přidanou hodnotou.

Pokud provozujete jednu nebo více WordPress stránek sami, můžete začít mnohem dřív. Pokuste se, aby jednotlivé webové stránky byly co nejudržitelnější. A jak na to? A jak to můžete ovlivnit vy sami?

Jak udržitelné jsou vaše webové stránky?

Provozuji několik projektů založených na WordPressu. Před několika lety jsem se začal prokousávat světem WordPress. Přitom jsem se chytil asi do každé pasti, kterou WordPress nabízí, no prostě nejsem vývojář. Dokonce používám WordPress Page Builder, tak jako mnozí jiní, možná i vy?

Samozřejmě bych mohl jít a pověřit agenturu, aby pro mě za spoustu peněz vytvořila WordPress stránky na míru. Ty by nejspíš byly promyšleny do nejmenšího detailu, resp. posledního bajtu. Ale ne všichni uživatelé WordPress si je mohou nebo chtějí dovolit, stejně jako ne všechny WordPress agentury mají ponětí o udržitelném rozvoji. To je důvod, proč jsem se rozhodl vidět na vlastní oči, co mohu udělat, abych z WordPressu získal co nejvíce a jednoduchými prostředky.

Jak vznikají vaše webové stránky?

To je první otázka, kterou vám chci objasnit. Jedná se o věci, které možná ani nemáte v první chvíli na zřeteli, když přemýšlíte o webových stránkách. Ale jedna věc je jasná: Domovská stránka prostě není jen tak. Musí být naplánovaná, konceptualizovaná, naprogramovaná a naplněná obsahem. To vše vyžaduje práci a spotřebovává zdroje.

Podíváme-li se na několik detailů, vyplyne nám neuvěřitelné množství způsobů, jak můžeme své webové stránky učinit udržitelnějšími ještě před jejich spuštěním. A to nejlepší: můžete to přímo sami ovlivnit. Jedná se o jakýsi druh inventury:

  • Sedíte v obrovské kanceláři nebo pracujete v malém coworkingovém prostoru?
  • Máte vždy nejnovější hardware nebo kupujete počítač použitý nebo repasovaný, například?
  • Vaříte si něco sami k obědu z regionálně zakoupených surovin nebo přicházejí na stůl pouze polotovary z diskontu?
  • Používáte konvenčně vyráběnou elektřinu nebo máte zelenou elektřinu?Tarif?

Jak vidíte, hodně z toho souvisí s vaším celkovým životním stylem. Ale to je právě to základní. Protože způsob, jakým přistupujete k věcem ve svém každodenním životě, se také promítá do vašeho koníčku či práce.

Nyní se možná divíte: Co to má společného s mými webovými stránkami? Myslím, že hodně. Udržitelnost koneckonců funguje jen v omezené míře jako individuální opatření. Pokud posílám své zásilky klimaticky neutrálně, je to samozřejmě prozatím dobré. Když večer jedu domů s velkým SUV, není to konzistentní, ale spíše to spadá do kategorie "greenwashing".

Zelený marketing

Jak "zelený" opravdu pracujete jako agentura nebo freelancer? Znamená to jen více práce, nebo se vám to vyplatí? A jsou vaše opatření více než jen sebeujištění nebo ujištění zákazníků? Přečtěte si náš článek o zeleném marketingu .

Udržitelný koncept pro vaše WordPress stránky

Pokud si zvolíte WordPress jako systém pro správu obsahu (CMS), pak už máte samozřejmě definováno několik technických podmínek. Například WordPress je založen na skriptovacím jazyce PHP, který prostě nemůžete změnit, i když mohou existovat vhodnější" alternativy. Kromě toho máte mnoho možností, jak ovlivnit, zda vaše webové stránky budou nenasytným datovým monstrem nebo hbitým informačním kamzíkem.

Struktura vašich webových stránek

Dobrá struktura webových projektů je velmi důležitá. Zorientují se vaši uživatelé rychle a naleznou informace, které hledají, pouhými několika kliknutími? Nebo přecházejí z jedné stránky na druhou, než konečně dosáhnou svého cíle? Vaším cílem by mělo být, aby uživatelé našli co nejrychleji to, co hledají. Protože každá další načtená podstránka je (možná zbytečný) přenos dat, což zase stojí energii.

Mimochodem, čistá struktura je také důležitým tématem SEO: Vyhledávače jako Google milují dobře strukturované stránky a odmění vás lepším hodnocením. Viz příspěvek v Raidboxes Magazínu na téma WordPress SEO.

WordPress pluginy

WordPress pluginy jsou požehnáním i prokletím. Super je, že pro každý problém existuje řešení ve formě nějakého pluginu. Takže můžete navrhnout své webové stránky přesně tak, jak si představujete, a to i bez znalosti programování. Při výběru pluginů byste se však měli velmi pečlivě rozhodovat. Pokaždé, když nainstalujete nový plugin, odpovězte si na následující otázku: Opravdu potřebuji toto rozšíření? Viz článek Tipy pro výběr WordPress pluginů.

Každý další plugin může vaše webové stránky zbytečně nafouknout, přičemž při návštěvě stránky se bude načítat více a více dat. Díky tomu jsou vaše stránky pomalé a jsou všechno, jen ne udržitelné. Takže pečlivě přemýšlejte o tom, jaké funkce a efekty opravdu potřebujete. Jednejte striktně podle motta: Co nejvíce potřebných pluginů, co možná nejméně.

Udržitelný vývoj WordPress pluginů

Danny van Kooten vyvíjí pro WordPress známý WordPress plugin Mailchimp. Díky štíhlejšímu vývoji ušetřil odhadem 59 000 kg CO2 měsíčně. Jak to udělal? Přečtěte si s ním náš rozhovor Udržitelný vývoj pluginu.

Udržitelná WordPress šablona

Stejně jako u pluginů je výběr WordPress šablon, které určují vzhled vašich webových stránek,  obrovský. A musíte se rozhodnout, která šablona je pro vás ta pravá. Měla by být obzvláště udržitelná? Pak totéž platí pro vaši WordPress šablonu: Co nejvíce nutného, co možná nejméně. 

Vyberte si šablonu, která dokáže přesně to, co potřebujete – a nic víc. Protože čím více funkcí je integrováno do šablony, tím větší je kódový balíček. WordPress vývojář Jack Lenox to hnal jednou do extrému, aby ukázal se svou WordPress šablonou Susty, jak štíhlý může WordPress být. Zahrnuje přenos dat pouhých 6 kB. Existují ovšem šablony, které mají velikost několika MB, což je opravdu neskutečný rozdíl.

WordPress Téma Susty
Redukované a udržitelné: WordPress šablona Susty WP

Připouštím, že šablona Susty je již velmi osekaná – ale možná je tento minimalismus opravdu skvělý pro ten či onen jednoduchý blog? Pokud chcete něco víc, existují další doporučení pro obzvláště štíhlé a tedy "udržitelné" WordPress šablony. Například:

Jak design ovlivňuje udržitelnost?

Obrázky, videa a popisy tvoří velkou část vašich webových stránek. Pokud používáte obrázky ve velkém formátu a v maximální kvalitě, rychle se jedná o několik megabajtů – a tím o opak udržitelnosti. Stejně tak je problematické používat nespočet různých typů písem jen proto, že si myslíte, že je to krásné. Čím méně písem vložíte, tím méně dat se bude muset načíst na každé stránce.

Udržitelný" design WordPress je proto ten, který vyjde s minimem fontů a promyšleně umístěnou grafikou. Při integraci videí byste se také měli zeptat sami sebe: Jedná se v tento moment jen o jé, to je hezké" nebo je v tom skutečná přidaná hodnota? U obrázků je také velmi důležité, abyste přemýšleli o rozměrech a typu komprese.

Komprese a optimalizace obrázků

Existuje mnoho způsobů, jak minimalizovat datový tok díky optimalizovaným obrázkům – bez ohledu na fakt, že je obecně zahrnuto jen tolik obrazového materiálu na stránku, kolik třeba. Podívejte se na naše průvodce Pluginy pro kompresi obrázků, Velikosti obrázků WordPress a SEO obrázky pro WordPress.

Jak již bylo zmíněno: Zmenšete velikost – namísto přidávání vysoce kvalitních fotografií, které vyplní obrazovku – a také se ujistěte, že komprimujete každý jednotlivý obrázek co nejúčinněji. Můžete to udělat pomocí WordPress pluginu. Ale bylo by lepší, kdybyste se bez něj mohli obejít (jak je popsáno na začátku příspěvku). To není tak obtížné: Většina programů pro úpravu obrázků umožňuje jednoduchou, rychlou a automatizovanou kompresi obrazových souborů.

Photoshop zmenšit velikost obrazu
Optimalizace velikosti obrázku nebo souboru s Photoshopem

Vyzkoušejte různá nastavení. Takto můžete zjistit, jak moc můžete komprimovat, aniž by utrpěla kvalita. Moje zkušenost je: Udělat se dá mnoho! Postupuji následovně:

  • Šířku obrázku omezuji s Photoshopem zásadně na 2.000 pixelů. To je víc než dost i pro velké obrazovky.
  • Poté přejdu na Uložit pro web" a vyberu nízkou" kvalitu. Výsledek je naprosto v pořádku a moje obrázky jsou obvykle výrazně menší než 300 kilobajtů.
  • Pak mohu srazit poslední bajty z mých souborů s verzí prohlížeče tinyPNG. Tento nástroj komprimuje velmi efektivně a také vám ušetří další plugin.

Pokud je pro vás poslední krok příliš stresující, můžete si integrovat tinyPNG i jako WordPress plugin. Takto optimalizované obrázky jsou již dobrým začátkem.

Dále byste se měli podívat na své "miniatury". Jakmile nahrajete obrázek do WordPressu, uloží se z něj různé velikosti, "miniatury". Některé jsou standardem WordPress, jiné nastavují vaše šablony. A často je nepotřebujete všechny. Takže je dost možné, že vaše šablona ukládá miniatury motivů pro WooCommerce shop, které nikdy nepoužijete, neboť žádný e-shop neprovozujete.

Tudíž by bylo fajn, kdyby WordPress vytvořil pouze ty miniatury, které využijete, ne? Samozřejmě ideální by byla šablona přizpůsobená vašim potřebám. Ale vy taky můžete ovlivnit, které miniatury WordPress uloží. Návody k obrazovým souborům a miniaturám naleznete v Raidboxes Magazínu.

Udržujte si pořádek

Když nastavujete WordPress web, doporučuji, abyste udržovali pořádek hned od počátku. Protože pokud bezhlavě  nainstalujete pluginy a nahrajete podezřelé obrázky, skončí to chaosem. Mnoho pluginů ukládá do databáze WordPress nekonečná data, ale aniž by je odstranila poté, co smažete daný plugin. Čím čistší a štíhlejší je váš systém WordPress, tím rychleji běží a tím je udržitelnější. I když je to občas těžké, buďte důslední a pečliví a udržujte pořádek ve svém systému.

Co když už ale chaos vznikl?

Zpočátku jsem se tímto tipem neřídil. V určitém okamžiku (zřejmě "jen tak") se nahromadily tuny dat z nepoužívaných obrázků, starých záloh a pluginů galerie, které už dávno nebyly používány. Nic nepomohlo: musel jsem se dát dohromady a několik dní se věnovat úklidu. Nakonec jsem byl schopen odstranit několik gigabajtů dat z mého webového prostoru!

Možná, že se vaše WordPress stránky rozrůstají už celá léta, stejně jako vaše zkušenosti a dovednosti. A možná se nacházíte v momentě, kdy jste zjistili, že se váš projekt topí v chaosu. Tak na co ještě čekáte? Začněte rozsáhlým úklidem. Ten je dobrý z hlediska udržitelnosti, ale i pokud jde o SEO. Protože Google miluje čisté, uklizené a rychlé webové stránky! Užitečným nástrojem pro úklid je WP Optimize. Pokud jde o vyčištění databáze, považuji také WP DB Cleaner za velmi dobrého pomocníka.

WordPress Page Builder a udržitelnost

WordPress nástroje pro tvorbu stránek (zde je přehled) jsou praktické a umožňují rychle a efektivně dosáhnout hezkých výsledků. Je však také známo, že nafukují" kód vašich webových stránek a prodlužují dobu načítání. Nicméně můžete udělat několik věcí, abyste tento efekt umenšili, a tak používali nástroj pro tvorbu stránek co nejudržitelněji:

  • Omezte se na integrované funkce a obejděte se bez dalších designových pluginů pro svůj page builder.
  • Pokud používáte další pluginy, ujistěte se, že můžete zcela zakázat všechny funkce, které ve skutečnosti nepoužíváte.
  • Věnujte pozornost jednoduché struktuře stránek. Zakládejte pokud možno co nejméně Bloků s komplikovaným členěním. Nástroje pro tvorbu stránek používají pro každý z těchto prvků „kontejner", brzy je jich mnoho a mnoho.  PageSpeed Insights od Googlu to kritizuje jako „nadměrnou velikost DOM". Jak můžete redukovat takové přetížení, se dobře vysvětluje v tomto videu na YouTube
  • Pro jednotlivé položky blogu je nejlepší se zcela obejít bez page builderu a použít již integrovaný Gutenberg Editor.

SEO a udržitelnost

V podstatě téměř vše, co je dobré pro SEO (tj. pro optimalizaci vašich webových stránek pro vyhledávače), je také dobré z hlediska udržitelnosti. Protože obvykle se jedná o čisté struktury a rychlé stránky s malým přenosem dat. Jelikož je to tak důležité, najdete také spoustu dobrých průvodců a užitečných nástrojů pro optimalizaci webu pro vyhledávače.

Na tomto místě bych chtěl jen stručně uvést, co můžete dělat navíc a které nástroje nebo návody vám pomohou:

  • Odstraňte další zbytečný balast (nadbytečná písma, příp. nepoužívané nebo postradatelné externí služby, jako je Google Analytics či Google Maps, zbytečně vložené skripty). 
  • Shrňte zdrojový kód a zjednodušte jej kompresí, viz pokyny Redukce HTML, CSS a JavaScriptu.
  • Vypněte nepotřebné prvky, jako jsou emodži, nepoužívané funkce komentářů, avatary atd. Plugin Asset CleanUp to udělá v podstatě za vás (nezapomeňte si předem vytvořit zálohu).
  • Asset CleanUp však plní ještě praktičtější funkci: Umožňuje přesně určit, který další kód by měl být načten pro každou stránku a který ne. Pokud máte WooCommerce shop, načte WordPress potřebný kód na každé stránce – včetně vašich blogových stránek bez jakékoli e-shopové funkce. Pomocí nástroje Asset CleanUp můžete vyloučit kterýkoli kód pro danou stránku, jenž není naléhavě zapotřebí. 

SEO pluginy jako Yoast nebo Rank Math vám poskytnou mnoho tipů, pokud jde o optimalizaci na stránce. Takže odhalují technické chyby (jako jsou chybějící obrázky, nefunkční odkazy atd.) a pomáhají vám je opravit. A čisté, bezchybné webové stránky nejsou jen udržitelnou záležitostí z hlediska SEO.

Udržitelný WordPress hosting

Poté, co jste svůj WordPress projekt dali do pucu, existuje třetí důležitý aspekt ohledně WordPressu a udržitelnosti: Váš poskytovatel. Protože právě u něj servery běží, jakmile uživatelé dorazí na vaše webové stránky. Pokaždé, když k tomu dojde, nastává výměna dat. Což stojí energii.

Vyplatí se tedy nad tím zamyslet. První otázkou samozřejmě je: Odkud pochází proud, kterou váš poskytovatel používá? Pokud získává energii z čistých zdrojů, jako je vodní energie, větrná nebo solární energie, je to velké plus.

Zelený WordPress hosting

V Raidboxes nechceme jen poskytovat klimaticky neutrální, ale i klimaticky pozitivní WordPress hosting. Kompenzací spotřeby CO2 generované při hostingu vašich webových stránek. Více o našich konkrétních opatřeních se dozvíte v článku Green hosting pro WordPress: Jak udržitelný může být webhosting?

Ale to není vše. Poskytovatelé hostingu potřebují spoustu zdrojů pro oblasti, jako jsou:

  • Technická infrastruktura
  • Kancelářské potřeby a vybavení
  • Marketing
  • Potraviny
  • Čištění
  • Mobilita a cestování

Stejně jako ve vlastním životním stylu je i firemní filozofie vašeho WordPress hostera důležitým stavebním kamenem pro větší udržitelnost. Pokud se v jídelně podává regionální jídlo, probíhají-li služební cesty vlakem či se používá starší kancelářský nábytek, pak i tato malá opatření činí vaše WordPress projekty o něco udržitelnějšími. Takže se ujistěte, že to váš poskytovatel hostingu myslí opravdu vážně a používá nejen zelenou fasádu", ale působí opravdu klimaticky pozitivně.

Kromě toho existuje samozřejmě další důležitý aspekt: výkon nebo technické rámcové podmínky vašeho hostingového balíčku. Protože čím přesněji" vaše webové stránky běží, tím rychlejší a udržitelnější jsou. Takže má smysl vybrat si hostingový balíček speciálně přizpůsobený WordPressu. Věnujte pozornost následujícím skutečnostem:

  • Data by měla být uložena na moderních, rychlých (a ekonomických) pevných discích SSD, nejlépe v datovém centru z vaší země. Alespoň pokud jsou zde standardy udržitelnosti dostatečně vysoké.
  • Zahrnut by měl být i vysoký limit paměti, nejlépe 256 MB.
  • Důležité standardní funkce by měly být integrovány na straně serveru (například ukládání do mezipaměti, zálohování, pracovní prostředí nebo přesměrování). To je obvykle nejen efektivnější, ale také vám to ušetří celou řadu pluginů, což automaticky činí vaše stránky rychlejšími a udržitelnějšími. Podívejte se na e-knihu Spravovat 5 až 100 + WordPress projektů, k dispozici je ijako blogový příspěvek.
  • Aktuální verze PHP, bezplatný certifikát SSL a HTTP/2 by měly být standardem.

Vyplatí se udržitelný web?

Možná si říkáte: Páni, čeká mě spousta práce! Musím přiznat, že tímto tématem se lze skutečně zabývat dlouhodobě. Ale rychle jsem si uvědomil, že to stojí za to. Protože většina opatření z hlediska udržitelnosti má pozitivní vliv na dobu načítání a optimalizaci pro vyhledávače současně.

Chcete-li otestovat, jak udržitelné jsou vaše webové stránky, můžete použít službu websitecarbon.com, která poskytuje vzrušující a jasné informace o stopě CO2 vašeho WordPress webu. Velmi přesné jsou i výsledky testů rychlosti webových stránek, jako je GTMetrix nebo Google PageSpeed Insights. Získáte nejen hodnocení svých webových stránek, ale také spoustu tipů, co můžete udělat, abyste zabodovali ještě víc.

Pokud se vám webové stránky načítají rychle, pak samozřejmě budou vaši návštěvníci také spokojeni. A to zase pro vás může znamenat dobrý obchod: Mnozí odejdou, načítá-li se webová stránka déle než tři sekundy. Když provozujete e-shop, okamžitě to znamená ztrátu příjmů. Ale rychlým webem potěšíte i Google – čím rychleji se vaše webové stránky načítají, tím lépe je Google řadí ve svém hodnocení. Tedy vy i váš business budete snadněji k nalezení.

V současnosti se opravdu skvěle bavím nacházením míst v mých WordPress projektech, která mohu ještě zdokonalit. Okamžitý úspěch zde hraje nezanedbatelnou roli: Mnoho změn lze totiž měřit přímo pomocí různých testů rychlosti webových stránek.

Vaše dotazy týkající se udržitelného WordPressu

Jaké otázky máte na Martina nebo o green WordPress hostingu? Neváhejte použít funkci komentáře. Chcete být informováni o nových příspěvcích o WordPressu a udržitelnosti? Pak nás sledujte na Twitteru, Facebooku,LinkedInnebo prostřednictvím našeho newsletteru.

Obrázky v článku: Martin Donat, Peter Beukema

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