Webové stránky a e-shopy s WordPressem, které jsou optimalizované pro CO₂? Naše partnerská agentura ecombee si přesně tohle uvědomuje. Jako obzvláště udržitelnému webhostingu je nám téma "zeleného" WordPressu blízké. Proto jsme se Patricka Loserta ze společnosti ecombee zeptali, jak lze webové projekty plánovat ekologičtěji.

Patricku, navrhujete webové stránky optimalizované pro CO₂ a e-shopy s WordPressem. Jaké jsou klíčové páky vaší práce, aby byly výsledky udržitelnější?

Za posledních 12 let, kdy pracuji s WordPressem, jsem získal mnoho zkušeností s nejrůznějšími nastaveními. Od malých webových stránek a vstupních stránek pro ověřování trhu až po velká komunitní řešení, SaaS a e-shop. Některá fungovala více a některá méně dobře z hlediska výkonu, použitelnosti, integrace a udržovatelnosti.

Během této doby se však nejdůležitějšími otázkami staly výkon a udržovatelnost. A výkon a snadná údržba jsou obvykle doprovázeny menším provozem a vytížením serverů, což zase znamená menší spotřebu energie infrastruktury, tedy pozitivní efekt z hlediska emisí CO₂ (zjednodušeně řečeno, celá konstrukce je samozřejmě mnohem složitější).

Vyšší výkon neznamená automaticky nižší emise CO₂

S výkonem se dá hrát spousta triků, které ve skutečnosti spotřebu energie nesnižují, například následné načítání skriptů. Téma udržovatelnosti má podle mého názoru vliv i na emise CO₂, protože vysoké nároky na údržbu a mnoho testů po aktualizacích a úpravách samozřejmě vyžadují i více zdrojů (technických i lidských).

Pokud tedy co nejvíce optimalizujeme výkon a udržovatelnost, je to již polovina cesty k řešením optimalizovaným pro CO₂. Poté jsme se podívali na zbývající úzká místa a podle toho jsme upravili naše nastavení. Ústřední páky jsou definitivní:

• Použijte vysoce výkonné téma WordPressu. V 99 procentech případů se spoléháme na GeneratePress, protože integrace s GenerateBlocks je dokonalá a pokrývá 90 procent potřebných komponent.
• Používejte co nejméně pluginů WordPress.
• Použité zásuvné moduly musí být naprogramovány a integrovány s vysokým výkonem.
• Automaticky optimalizuje všechny obrázky a grafiku.
• Všechny soubory stylů a skripty by také měly být optimalizovány a načítány pouze tam, kde jsou potřeba.
• Čistá integrace sítě CDN.
• Velmi dobrý a výkonný WordPress hostitel jako Raidboxes 😉

Zde je přehled témat a pluginů WordPress, které používáme ve většině našich projektů:

• GeneratePress, GP Premium, GenerateBlocks, GenerateBlocks Pro, FluentForms Pro, Postman SMTP, Perfmatters, ACF Pro
• Zásuvný modul LazyBlocks, s nímž jsme vyvinuli různé přizpůsobené bloky a integrace Gutenberg .
• Ve složitých scénářích používáme JetEngine společnosti Crocoblock, který jsme upravili tak, aby byl výkonnější.

Výše uvedené nastavení používáme také pro obchody WooCommerce spolu s řešením Mollie pro platby. Na přání zákazníků doplňujeme e-shopy speciálně vyvinutými moduly a naším GP Child Theme, protože pluginy WooCommerce mohou rychle vytvořit přehršel kódu, kterému se vyhýbáme.

Alternativy ke složitým nastavením WordPressu

Musí se vaši zákazníci obejít bez jednotlivých funkcí nebo obzvláště propracovaných webových stránek, abyste dosáhli svého cíle? Jak se vypořádáváte s požadavky zákazníků, kteří generují velký provoz a zátěž?

Nikdo se nemusí obejít bez něčeho, co je nezbytně nutné. Každý prvek lze optimalizovat až na minimum provozu. Za součást naší poradenské služby však považuji i to, že upozorňujeme na "zbytečné vychytávky" a nabízíme alternativy.

Náš cíl je však vždy splněn na 100 %, pokud optimalizujeme prvky, protože i úspora několika kilobajtů na stránkách s vysokou návštěvností má skutečný efekt. To znamená, že i velmi "CO₂-intensive web" s velkým množstvím obrázků a videí má s naším nastavením pozitivní efekt, protože bez optimalizace by se spotřebovalo podstatně více energie.

U webů s vysokou návštěvností samozřejmě kromě škálovatelného hostingu hodně absorbujeme integrací CDN a pracovními skripty. Tím se zátěž rozloží a ušetří se zdroje. O to víc se těším na plánovanou novou infrastrukturu Raidboxes 🙂.

Pluginy a témata WordPress jako páky

Pluginy pro WordPress lze také vyvíjet udržitelným způsobem, viz tento rozhovor. Chcete v budoucnu používat také vlastní pluginy, funkce nebo témata?

Danny van Kooten, se kterým jste dělali rozhovor, je skvělý člověk. Rozhodně stojí za to si článek přečíst. V minulosti jsem převzal jeho přístup a použil jsem vlastní pluginy a moduly, abych zajistil výkon. A aby se načítaly jen ty skripty a kód, které jsou skutečně potřeba.

Podle mého názoru většina vývojářů zásuvných modulů upřednostnila design a funkce před výkonem a úsporou zdrojů. Ale doufám, že se to změní 🙂

Protože chceme dosáhnout co největšího efektu v optimalizaci CO₂, aniž bychom investovali mnoho prostředků do údržby kódu pluginů a témat WordPress, naše pluginy a moduly nezveřejňujeme. Obsluhovat jimi masy a nastavení se nám nezdá dostatečně škálovatelné a udržovatelné. V našich nastaveních proto budeme nadále používat pouze naše dříve vyvinutá řešení WordPress.

Když provádíme audity a optimalizace CO₂ na jiných nastaveních, pracujeme se zdroji a možnostmi, které jsou tam k dispozici, protože jen málo zákazníků je ochotno nechat své stránky přestavět.

V současné době pracujeme na řešení, které nejen optimalizuje stránky WordPressu, ale lze jej použít i s jakýmkoli webovým zásobníkem. Díky tomu budeme mít mnohem trvalejší dopad. A to bez nutnosti věnovat příliš pozornosti speciálnímu softwaru.

Audit CO₂

Před projektem nabízíte audit výkonnosti a auditu CO₂. Jak přesně postupujete a jaké nástroje používáte?

Náš audit se zaměřuje na stávající webové stránky, e-shopy a webové aplikace. V současné době probíhá automatizace tohoto procesu. Nejprve používáme kombinaci nástrojů Webpagetest, CO2.js, Wappalyzer a Firefox Performance Profiler, abychom z dat vytvořili komplexní auditní zprávu. Tato zpráva pak podrobně ukazuje, kde a jak velký je potenciál pro optimalizaci.

Tato zjištění pak porovnáváme s našimi stávajícími optimalizačními procesy a řešeními a využíváme je k vytvoření plánu optimalizace. V některých případech také vytváříme audity webových zásobníků, které ještě neznáme, a následně se učíme, jak je lze optimalizovat.

Výsledkem tohoto plánu optimalizace je doporučení pro opatření a odhadovaný rozsah optimalizace. Tento plán optimalizace nabízíme našim zákazníkům, a to buď v naší režii, nebo prostřednictvím jejich vlastního týmu. Po provedení optimalizace vše znovu zkontrolujeme.

Nabízíme náš balíček týdenních nebo měsíčních auditů, který zajistí, že celá záležitost nebude jen jednorázová, ale bude pokračovat průběžně. Jak již název napovídá, audit provádíme v opakujících se intervalech. A pokud všechna kritéria z plánu optimalizace zůstávají splněna, naši zákazníci obdrží pečeť CO₂ Optimalizováno.

Dlouho jsme přemýšleli, zda vytvořit pečeť, a nakonec jsme se pro ni rozhodli. Nešlo ani tak o marketingový efekt, jako spíše o důkaz, že dochází k neustálé optimalizaci a že se skutečně daří snižovat emise CO₂.

Začínáme s udržitelným vývojem webových stránek

Jakou radu máte pro vývojáře WordPressu? Jak začít s udržitelným vývojem webových stránek?

Existují skvělé informační stránky, jako např.:

• sustainablewebdesign.org
• Nadace Zelený web
• fershad.com

Kromě toho by se každý člověk měl zabývat tématem emisí CO₂. Někdy je to velmi složité a nepřehledné, ale myslím, že je nezbytné pochopit, jak vývoj webu souvisí s emisemi CO₂.

Pokud jde o samotný vývoj softwaru, doporučujeme od začátku vytvořit koncept a ověřit, co je skutečně potřeba. Například které frameworky nebo jiné zdroje od třetích stran jsou skutečně nutné. Je lepší si modul jednoduše vyvinout sám, než pro něj načítat výkonný framework. To sice zpočátku znamená více programátorského úsilí, ale z hlediska masy potenciálních zákazníků to vede k obrovským úsporám a přidané hodnotě v souladu se zásadou Dannyho van Kootena. Navíc, když si něco naprogramujete sami, vždy se naučíte něco nového.

Pak především pište čistý a vysoce výkonný kód, pro který již existují zásuvné moduly pro vývojová prostředí, jako je CodeSniffer, Clean Code atd. A pokud je to možné, používejte cachování. Ale především: mějte odvahu dělat chyby. A také vytrvalost. Je lepší mít malý dopad a poučit se z něj než žádný dopad a skrývat ho. Sami to zažíváme každý den 🙂

Jak vznikl váš zvláštní podnikatelský nápad a jakou máte zpětnou vazbu?

Tento podnikatelský nápad vznikl v průběhu posledního velkého projektu ve start-upu, pro který jsme pracovali. Měli jsme vytvořit tržiště pro více prodejců v oblasti B2C a v popředí zájmu bylo také téma udržitelnosti technologií. Výsledek tohoto snažení spolu s vnitřní motivací pomáhat utvářet udržitelné změny na webu pak vedl k našemu obchodnímu modelu.

Základ všeho je však s námi po všechny roky, kdy se zabýváme výkonností a udržitelností. Nastal pro nás ten správný čas, řekněme to takto 🙂

Dosud jsme obdrželi mnoho pozitivních ohlasů na naše služby a tým, ale také kritiku na jednotlivá témata, například na transparentnost emisí CO₂. Obojí nás velmi těší. Na jedné straně to, že naše produkty jsou srozumitelné, a na druhé straně to, že se společně s našimi zákazníky snažíme, aby jejich budoucnost na webu byla udržitelnější. Na druhé straně si ceníme i kritiky, která nám umožňuje měřit se a neustále se zlepšovat.

Téma transparentnosti je tak mnohostranné, složité a vyžaduje tolik vzdělávání a obsahu, že se mu nemůžeme věnovat najednou. Víme, že nemůžeme vše zvládnout úplně správně hned od začátku. Ale i zde jsme vděční za veškerou kritiku a podněty. A přesto jsme hrdí na to, čeho jsme již dosáhli. Naším mottem je dosáhnout cíle malými, ale vytrvalými a udržitelnými kroky.

Green WordPress hosting

Proč spolupracujete s Raidboxes ? Jak konkrétně vám pomáháme realizovat udržitelné projekty WordPress?

Se stránkou Raidboxes spolupracujeme proto, že kromě udržitelnosti ve společnosti a ekologického hostingu nám ubíráte spoustu práce. Například pokud jde o vytváření stránek, konfiguraci serveru, ukládání do mezipaměti, zálohování, výkon, zabezpečení a konfiguraci WordPressu.

Vaše servery jsou také umístěny v Německu, což je důležité kritérium pro většinu zákazníků, zejména v oblasti B2B. Vaše podpora patří k nejlepším, jaké jsme dosud zažili, což je pro nás velkým přínosem. To vše pro nás tedy tvoří skvělý celkový balíček, který je navíc udržitelný.

Pár slov o vás a vašem týmu?

Již několik let cestuji po světě jako digitální nomád a mám možnost tímto způsobem poznat tolik různých kultur, lidí a projektů, což mě naplňuje vděčností. Na této dlouhé cestě vznikla blízká přátelství a spolupráce. Jsem vždy rád, že mohu společně s těmito lidmi utvářet tady a teď i budoucnost.

Velmi důležitou zkušeností, kterou jsem si mohla odnést, bylo, že každý z těchto lidí jde svou vlastní životní cestou a že změna je její součástí. Že rigidní struktury pro mnoho lidí nefungují a že profesní svoboda je vnitřně motivující. Také pracovní náplň jednotlivých lidí je v našich projektech vždy jiná.

Proto jsme se rozhodli pracovat v týmu nezávislých lidí pod jednou značkou, aby se neztratila pružnost a kreativita a aby každý přispíval podle potřeby. Jsem velkým příznivcem tohoto typu týmu, protože máme velmi málo konfliktů a každý člen týmu může sledovat své vlastní "proč", aniž by ztratil kreativitu a produktivitu.

To vše zní velmi filozoficky, ale pro nás je to důležitý základ úspěšného fungování spolupráce. Jsem vděčný a hrdý na to, že mohu být součástí tohoto týmu.