🔥 Pouze 5 minut pro změnu pohledu.

Vypočítejte uhlíkovou stopu vašeho webu (a jak snížit).

Tak dlouho, chcete číst?

Nyní, bez ohledu na to, že všichni hovoří o „globálním oteplování“ a „udržitelnosti“ “? Snažíme se snížit používání plastu, nosit soukromé sklo nebo se dokonce obrátit na elektrické auto ... ale už jste někdy nahlédli, že jsem se zeptal sám sebe,„ kolik je web, který vytváříme nebo se staráme každý den? Kolik stojí „břemeno“ pro tento svět? “

Majitelé podniků, obchodníci a většina vývojářů webových stránek bývají posedlí SEO, zlepšením uživatelských zkušeností a přidáváním sazeb konverze, ale můžeme zapomenout, že v naší práci jsou „náklady, které jsou neviditelné“, „uhlíková stopa“ nebo uhlíková stopy, které jsou způsobeny samotnou energií webu.

Skutečný problém v životě

Představte si: Právě jste spustili nejnovější web. Krásný design, očí -očí, videozáznamové video, rozlišení 4K, neimation, které teče a obrázky každého ostrého produktu. Jste na to velmi hrdí. A počet návštěvníků vypadá dobře, ale to, co nikdy nevíte, je za těmito krásou, které váš web může být „čerpáním energie“ z obrovského serveru. A uvolňování oxidu uhličitého (CO₂) je ekvivalentní každoročně řídí desítky kilometrů. Problém je ... nikdy jsme „chrámy“. Ani nevíme, jak náš web „čistý“ nebo „špinavý“ v očích tohoto světa. A důležitá věc je, že nevíme, kde začít „upravit“.

-Pompt pro ilustrace-

Obrázek ukazuje koncept „neviditelných nákladů“ na webu, přičemž jedna strana je krásná moderní webová stránka na druhé straně je slabý obrázek. Elektrárny nebo napájecího kabelu, který je připojený

Proč k tomuto problému došlo?

Mnoho lidí se může divit „web, který je jen kódem s obrázky, jak může vytvořit znečištění?“ Odpověď je jednodušší, než si myslíte. Každý prvek webu. Od písmen, obrázků, po kód JavaScript, jsou všechny uloženy v „serveru“ umístěném v datovém centru po celém světě. Tyto servery vyžadují, aby „elektřina“ fungovala a vychladla 24 hodin denně, žádné svátky. A většina elektřiny se stále vyrábí z spalování fosilních paliv

Když někdo navštíví váš web, všechna data budou „odeslána“ prostřednictvím komplexní internetové sítě do svého počítače nebo mobilního telefonu. Proces odesílání těchto dat také používá energii. Čím více je váš web „těžký“ (například mít velký obrázek, automatické video nebo komplexní skript), tím více energie je potřeba k dodání a zpracování. Jednoduše řečeno:

  • Velká aktiva: Obrázky, videa a písma nekomprese jsou hlavní postavou, díky které je těžká webová stránka
  • Nafouklý kód: Používání příliš velkého množství pluginu nebo CSS/JavaScript Code nevyužité způsobující, že prohlížeč tvrději pracuje
  • Nadměrné požadavky: Pokaždé, když web musí čerpat informace z externích zdrojů (jako jsou kanály sociálních médií, sledovací skripty), je využití více energie.
  • Datové centrum, které využívá fosilní energii: Váš poskytovatel hostingových služeb může stále využívat energii z nepřátelského zdroje prostředí.

Tyto faktory se kombinovaly do uhlíkové stopy, na které nikdy předtím nebudeme myslet.

-Pompt pro ilustrace-

Jednoduchý infographic obrázek ukazuje data dat z datového centra přes internet na obrazovku uživatele. S ikonou „Lightning“ nebo „CO₂“ se objevuje v každém kroku k zprostředkování spotřeby energie

Pokud to odejde, jak to ovlivní?

Neznalost uhlíkové stopy na webových stránkách není jen o „krásném světě“, ale má přímý dopad na velký i ve vašem vlastním podnikání:

  • Dopad na životní prostředí: Věděli jste, že pokud je „internet“ země. Tato země uvolní 6. největší skleníkový plyn na světě! Každý web, který jsme s tímto problémem vytvořili, je víceméně. Nechat naše webové stránky „tuk“ a „neefektivní“ je jako zbytečné zvýšení znečištění na světě.
  • Dopad na obraz značky: V éře, kdy se spotřebitelé (zejména tisíciletí a skupiny Gen Z zaměřují na udržitelnost a ekologičtější značky. Mít „světový“ web se může stát silou a změnit vaši značku. Na druhou stranu je zabaveno web. „Pollotisté“ mohou negativně ovlivnit důvěru zákazníků.
  • Přímý obchodní dopad (mnoho lidí očekává!): Toto je nejdůležitější část! Webové stránky, které mají vysokou uhlíkovou stopu, jsou obvykle web, který „pomalý“ a „UI AI“, což přímo ovlivňuje:
    • Uživatelská zkušenost (UX): Nikdo ne čeká na stahování webu po dlouhou dobu.
    • Míra konverze: Míra řádu nebo kontaktu se výrazně snížila.
    • Hodnocení SEO: Google používá rychlost webu (Core Web Vitals) jako jeden z důležitých faktorů v hodnocení.

Snížení uhlíkové stopy je proto stejné, že „zlepšujete efektivitu webových stránek“ samo o sobě, je střílet jednu zbraň, získat tři ptáky: dobré pro svět, dobré pro obraz a dobré pro váš vlastní prodej.

-Pompt pro ilustrace-

Tříhostranný srovnávací obrázek (boční strana) vlevo je ikona ve tvaru světa, uprostřed je ikona úsměvu (místo uživatele), pravou ikonou je rostoucí (místo podnikání), propojená šipkami, která sděluje, že vše je pro sebe navzájem.

Existuje nějaké řešení? A kde by to mělo začít?

Dobrou zprávou je vytvořit web, který je pro svět přátelský. „Dokáže to udělat“ a ne tak komplikované, jak si myslíte. Jeho klíčem je „účinnost“, což je to samé, co chceme vytvořit web, který se rychle načte a udělat SEO. Hodnocení je dobré. Řešení můžeme rozdělit na 3 hlavní části a měli bychom vždy začít od první věci:

  1. Měření nejprve: Nemůžete zlepšit to, co nemůžete měřit. Nejlepší zahájení je „výpočet“, abyste věděli, jak má náš web uhlíkovou stopu. Který můžeme použít jednoduchý nástroj, jako je kalkulačka uhlíku na webu
  2. Zlepšit výkon webu (optimalizace výkonu webu): Toto je nejvíce dopad. Vytváření webové stránky „světla“ a „rychlejší“ je snížení přímé spotřeby energie. Který pokrývá různé techniky, jako je komprese obrazu, správa písma a ukládání do mezipaměti
  3. Vyberte si zelenou infrastrukturu: To je vybrat si webovou hostingovou službu pracující s obnovitelnými zdroji energie, kterou můžeme zkontrolovat naše poskytovatele služeb prostřednictvím nadace Green Web Foundation.

Počínaje „měřením“ vás jasně uvidí, kde se můžete zlepšit. A umožňuje vám sledovat konkrétní výsledky Přečtěte si více o tomto konceptu v našem průvodci udržitelným webovým designem

-Pompt pro ilustrace-

Infographic obrázek ukazuje 3 hlavní kroky: 1. Ikona měření, 2. optimalizace, 3.

Příklady ze skutečné věci, která bývala úspěšná

Abych byl jasnější, chtěl bych zvednout případ online ručně vyráběného obchodu s názvem „Greencraft“.

Před vylepšením (dříve): Webové stránky společnosti Greencraft jsou plné obrázků produktů s vysokým rozlišením, které nejsou stlačeny vůbec, existuje 5 videí, která hrají automaticky, a používají zvenčí 5 krásných písem. Výsledek je téměř 8 sekund. Při vypočtení na kalkulačce uhlíku na webu je zjištěno, že uvolňování uhlíku na 2,5 gramů. Sazba (sazba, kterou lidé okamžitě stisknou a uzavírají) až 70%

Mise „Otočte web za účelem uložení světa“ (Akce): Tým se rozhodl přepracovat výkon webu:

Po aktualizaci (po): Výsledky jsou velmi pozoruhodné! Nový web je dokončen stahování do 2 sekund. Hodnoty uhlíkové stopy se snížily na pouze 0,4 gramů (snížilo se o 84%!) Míra okamžitého opuštění snížila na 45% a co je důležitější, v následujícím měsíci se tržby zvýšily o 15%, protože uživatelská zkušenost je jasně zlepšena. Greencraft také přidal webovou stránku odznaků “. Na konci webu, který pomáhá zapůsobit a důvěra pro zákazníky, kteří jsou vědomi o životním prostředí

-Pompt pro ilustrace-

Obrázek obrazovky před a po. Výsledky z kalkulačky uhlíku na levé straně ukazují vysokou CO₂ a červená/oranžová lišta (po) zobrazují nízký CO₂ a je zeleným pruhem. Se sníženým procentním počtem

Pokud chcete následovat, co dělat? (Lze použít okamžitě)

Je to vaše fronta! Pojďme podniknout kroky k „detoxikaci“ vašeho webu, aby byl čistý a uložil svět pomocí kontrolního seznamu, který lze okamžitě použít.

Snížení kontrolního seznamu vašich webových stránek Uhlíkovou stopu:

  • [] 1. váš počáteční poplatek:
  • [] 2. Komprese a nastavení obrázků:
    • Ujistěte se, že všechny obrázky jsou upraveny tak, aby odpovídaly displeji ovoce na webové stránce. (Nepoužívejte 4000px obrázky k zobrazení pouze 800px)
    • Před nahráním použijte nástroje jako Tinypng nebo Squosh ke komprimaci souboru.
    • Zvažte použití nových obrázků formátu, jako je webp nebo avif, což poskytuje dobrou kvalitu, ale soubor je mnohem menší. Přečtěte si více na článku o naší nové podobě našeho obrázku .
  • [] 3. Spravujte písmo chytře:
    • Omezte počet použitých fontů co nejméně (neměly by překročit 2-3 formuláře)
    • Pokud používáte vlastní písma, měli byste si vybrat moderní formát, jako je WOFF2.
    • Studujte strategie načítání písma , abyste zabránili bóntům v bránění zobrazení webové stránky
  • [] 4 Otevřené výplaty:
    • Chytání je prohlížeč uživatele. „Pamatujte“ některé z informací o vašem webu. Takže není třeba stahovat všechny nové stránky pokaždé, aby otevřela novou stránku nebo se znovu vrátilo
    • Pokud používáte WordPress, můžete použít plugin jako WP Rocket nebo LiteSpeed Cache. Pokud si nejste jisti, zkuste si přečíst naše strategie ukládání do mezipaměti.
  • [] 5. Zkontrolujte a vyberte Green Hosting:
    • Vezměte adresu URL a zkontrolujte v Nadaci Green Web Foundation a zjistěte, zda váš aktuální hostování „zelené“ nebo ne.
    • Pokud ještě ne, zvažte poskytovatele služeb, který používá 100% obnovitelné energie.
  • [] 6. Řekněte svůj příběh:
    • Po zlepšení Nezapomeňte komunikovat s uživateli! Může vytvořit stránku udržitelnosti obličeje nebo malý odznak v zápatí, aby ukázal váš závazek.

-Pompt pro ilustrace-

Krásné obrázky kontrolního seznamu, styl infographic, které shrnují všech 6 kroků s každou ikonou, aby byly snadno pochopitelné.

Otázky, které lidé mají tendenci divit a odpovědi, které jsou vymazány

Otázka: Jen to děláme sami. Pomůže to tolik?
Odpověď: Hodně pomozte! Stejně jako snižování plastových sáčků při každé malé akci v kombinaci vytvoří skvělou změnu a co je nejdůležitější, je zlepšení webu lehké a rychlejší, má také přímý přínos pro vaši firmu (SEO i míra konverze). Říká se tomu dvě výhody.

Otázka: Zelený hosting je dražší než obecný hosting?
Odpověď: Není to vždy nutné. V současné době existuje mnoho kvalitních poskytovatelů zelených hostingových služeb za konkurenceschopnou cenu s obecným hostingem. Investice někdy stojí za to image značky a rychlost, která se vrátila.

Otázka: Pokud nemáte žádné znalosti o kódu, můžete dělat tyto věci?
Odpověď: Určitě to můžete udělat! Můžete začít s jednoduchou hmotou. To se nemusí s kódem vůbec pohrávat, jako je komprimování obrázků (položka 2) nebo výběr zeleného hostingu (článek 5). Možná bude muset konzultovat odborníka, ve kterém je investice na webových stránkách a profesionální zlepšení, je to zkratka, která vám pomůže dosáhnout nejlepších výsledků, aniž by došlo k bolesti hlavy.

Otázka: Kdy bych měl přijít znovu zkontrolovat uhlíkovou stopu webu?
Odpověď: Doporučuje se pokaždé po velké změně na webu, jako je přepracování nebo přidání nových funkcí. A mělo by se provádět alespoň jednou ročně, abyste zkontrolovali své zdraví a ujistili se, že váš web je stále „fit“ a „Love the World“ vždy.

-Pompt pro ilustrace-

Ilustrace ve stylu Q&A s ikonou otazníku (?) A správnou značkou (✓) s karikaturami, které ukazují podezřelé a pochopitelné výrazy.

Shrnutí, které má být snadno pochopitelné + chtějí to zkusit udělat

V tomto okamžiku se domnívám, že každý již viděl stejný obrázek, který snižuje uhlíkovou stopu webu, není vzdálenou záležitostí ani příběh „lidí na ochranu světa“, ale je to „nový standard“ kvalitních webových stránek. Její srdce je „účinnost“, což je stejný cíl jako web je rychlý, takže SEO bude třesknout a vytvářet nejlepší zážitek pro uživatele.

Změna vašeho webu na ekologické šetření je příležitost posílit značku tak, aby vynikla, zlepšila obchodní výsledky, a co je nejdůležitější, být součástí péče o tento svět pro příští generaci. Je to rozhodnutí, které oboustranně vítězné ve všech dimenzích.

Nedovolte, aby váš web byl jen zážitkem „tvůrce“, ale místo toho „torpédoborce“, životní prostředí, aniž by to věděli! Je čas to vzít a pokusit se použít náš kontrolní seznam pro výpočet a vylepšení vašeho webu. „Dnes“ a zjistíte, že vytvoření dobrého webu pro svět. Je to dobrý web pro vaše vlastní podnikání.

Pokud chcete, aby váš web „rychle“ i „Love the World“, ale nevíte, jak začít nechat náš tým odborníků, aby se postaral a vylepšil váš web! Jsme připraveni změnit váš web a vytvořit nejlepší výsledky v každé dimenzi.

-Pompt pro ilustrace-

Výkonná a inspirace je web na obrazovce notebooku na zadní straně, jasně zelený pohled a větrná turbína vyjadřuje technologii, která dokonale kombinuje přírodu

podíl

Nedávný blog

WebFlow vs Frame: Která platforma je vhodná pro vytvoření startupového webu, který chce rychle růst?

Porovnejte šoky, šok mezi WebFlow a Framer pro spuštění, který zdůrazňuje rychlost otevírání, krásu a schopnost měřítka.

„Core Web Vital“ pro web. Firemní: Proč rychlost ovlivňuje spolehlivost a prodej?

Rychlost webu není jen technická! V -DEPTH, že základní webové vitality (LCP, INP, CLS) ovlivňují hodnocení SEO, uživatelské zkušenosti a jak zisk organizace Web

Jak navrhnout zápatí webových stránek, aby byl více „na konci webu“, ale je „olovo nástroj“

Nepřehlédněte zápatí! Sbírka technik designu zápatí, které pomáhají zlepšit UX, doplnit SEO a změnit návštěvníky, aby se stali vedením.