Co to jest zrównoważone projektowanie stron internetowych i jak to osiągnąć
Opublikowany: 2022-12-01
„Naprawdę chcę samochód elektryczny, ale po prostu mnie na niego nie stać” – powiedział ze skruchą mój przyjaciel kilka miesięcy temu. On i ja rozmawialiśmy o zmianach klimatu i zmianach, które oboje wprowadziliśmy w naszych nawykach.
zaśmiałem się.
„Wiesz, że zużywają również energię, a jeśli nie ładujesz swojego samochodu elektrycznego przez gniazdko wykorzystujące energię odnawialną, nadal bardzo zanieczyszczasz, prawda?”
Powiedział, że wiedział o tym, ale nadal czuł, że on i jego 20-letni VW byli policzkiem w obliczu wszystkich jego wysiłków na rzecz prowadzenia bardziej zrównoważonego, przyjaznego dla środowiska życia.
„Co powiesz na to – mogę ci powiedzieć, jak ograniczyć emisję dwutlenku węgla w twoim cyfrowym świecie” – zasugerowałem. Posłał mi zdumione spojrzenie. Powiedziałem mu wtedy, że według niektórych statystyk przeciętny użytkownik internetu generuje mniej więcej taką samą ilość CO2, jak podczas przejeżdżania 1000 km zwykłym samochodem, i że istnieją różne działania, które się do tego przyczyniają.
Walczył z tym pomysłem przez prawie dziesięć minut, dopóki nie wyciągnąłem danych z telefonu. Szczerze mówiąc, nie winiłem go, ponieważ pamiętam, że miałem taką samą reakcję w dniu, w którym zdałem sobie sprawę, że każda odwiedzana strona internetowa ma ukryty koszt - energię zużytą do jej utrzymania.
Brudny sekret Internetu, że tak powiem.
Według Website Carbon Calculator przeciętna witryna internetowa wytwarza około 0,5 grama CO2 na odsłonę strony, więc dla witryny ze 100 000 odsłon miesięcznie daje to 500 kg rocznie. Pamiętaj, że dotyczy to każdej witryny!
Dla porównania, przeciętny samochód emituje 1200 kg CO2 na 1000 km, więc możesz zobaczyć, jak Internet ma bardzo namacalny wpływ na zmiany klimatu i globalne ocieplenie ze względu na ogromny ślad węglowy.
Rodzi się więc pytanie: co możesz zrobić jako właściciel witryny, aby zmniejszyć wpływ swojej witryny na nasze środowisko?
Zrównoważone projektowanie stron internetowych, oczywiście.
W Kualo jesteśmy tak nierozerwalnie powiązani z koncepcją zrównoważonego rozwoju, że uznaliśmy za naturalne zgłębienie tego tematu. W tym artykule dowiemy się:
Chcemy dostarczyć Ci dokładne plany, które pomogą Ci zminimalizować ślad węglowy Twojej witryny, więc bez zbędnych ceregieli, przejdźmy do rzeczy!
Oto, co możemy przeczytać w Manifeście Zrównoważonego Projektowania Sieci, a strona internetowa wyjaśnia w skrócie, co obejmuje to credo. Przejdźmy szybko przez 6 punktów:
Jeśli weźmiesz pod uwagę wszystkie powyższe punkty, możesz zobaczyć, że to, do czego wzywa ten manifest, to nie tylko zrównoważone projektowanie stron internetowych, ale rzeczywiście jest to podstawa zrównoważonych praktyk biznesowych i zrównoważonej gospodarki. Aby mieć lepszą przyszłość, potrzebujemy firm, które dostarczają znaczących i użytecznych usług oraz produktów, które mają minimalny negatywny wpływ na środowisko i ludzi.
Innymi słowy, jeśli zależy Ci na zrównoważonym projektowaniu stron internetowych, powinieneś:
Teraz, wracając do tego, co powiedziałem na początku tego artykułu (i naszej infografiki na temat wpływu Internetu na środowisko), wiemy, że jest to w zasadzie stale rosnąca czarna dziura energetyczna. Z drugiej strony wiemy też, że dla wielu osób Internet jest krytyczny i nie można go zamienić na bardziej energooszczędną wersję, jak w przypadku samochodu czy laptopa.
Ale wiesz, co możemy zamienić?
Nasz projekt strony internetowej, oczywiście.
Jeśli głównym celem jest to, że rozmiar Twojej witryny i sposób jej budowy bezpośrednio wpływają na ilość generowanego przez nią CO2, to właśnie tym musimy się zająć jako właściciele witryn.
Ale czy istnieje dodatkowa korzyść ze zmiany naszych sposobów projektowania stron internetowych?
Absolutnie powiedziałbym, że tak.
Jako marketer jestem przyzwyczajony do uwzględniania wszystkich aspektów moich działań cyfrowych i sposobu, w jaki wpływają one na moje projekty. Od razu mogę powiedzieć, że nawet na poziomie osobistym znacznie lepiej jest wdrożyć witrynę internetową, która jest przyjazna dla środowiska projektowanie stron internetowych i oto niektóre z powodów, dla których:
Z oczywistych względów użytkownicy preferują krótsze podróże użytkowników, ponieważ nie marnują czasu. Jednak oprócz doświadczenia klientów będą oni również odwiedzać mniej stron, aby znaleźć to, czego potrzebują, a tym samym zmniejszyć emisję dwutlenku węgla podczas wizyty.
(zdjęcie: https://www.appcues.com/blog/user-journey-map)
Warto lepiej zapoznać się z koncepcją podróży użytkownika, a następnie, gdy już będziesz mógł swobodnie projektować mapy podróży użytkownika, dostosować do nich swój projekt strony internetowej.
Dobre wrażenia użytkownika (UX), które pozwalają uniknąć punktów tarcia, nieuchronnie zaowocują zarówno niższym zużyciem energii, jak i szczęśliwszymi klientami.
Wybór dostawcy, który oferuje zrównoważony hosting zasilany energią odnawialną, jest koniecznością. Dobrym pomysłem jest również przyjrzenie się ich ogólnej polityce środowiskowej i sprawdzenie, czy dostawca usług hostingowych podjął dodatkowe kroki w celu nadrobienia emisji CO2 i/lub czy jest zaangażowany w inne praktyki zrównoważonego rozwoju.
Jeśli witryna nie ma pamięci podręcznej, oznacza to, że serwer pracuje ciężej. Za każdym razem, gdy ktoś uzyskuje dostęp do strony w Twojej witrynie, zawartość strony musi być tworzona w locie poprzez przetwarzanie kodu PHP, wysyłanie zapytań do bazy danych i przekształcanie ich w treść HTML, która wyświetla Twoją witrynę.
To zużywa więcej procesora, pamięci i dysku serwera, zużywając przy tym energię. Serwer musiałby to zrobić dla każdego odwiedzającego i każdej strony, więc im więcej masz odwiedzających i stron, tym więcej zużywasz energii.
Dzięki buforowaniu większość tego intensywnego obciążenia jest wykonywana tylko wtedy, gdy odwiedzający żąda strony po raz pierwszy. Wynikowy kod HTML jest następnie przechowywany w pamięci podręcznej, dzięki czemu każde kolejne ładowanie strony nie wymaga tak dużego podnoszenia.
Co więcej, Twoje strony ładują się szybciej. Jest to nie tylko zysk dla Ciebie i Twoich gości, ale także oznacza, że Twoi goście spędzają mniej czasu bezczynnie, czekając na załadowanie strony – zużywając przy tym mniej energii.
Istnieje wiele sposobów buforowania stron internetowych, w Kualo preferujemy LiteSpeed Cache do buforowania stron, a także Redis i Memcached do buforowania zapytań do bazy danych. Superszybkie strony internetowe i lepsza trwałość — czego nie kochać?
Często tak jest w przypadku wtyczek marketingowych lub zduplikowanych, o których zapomnieliśmy. Oceń to, co masz, a następnie to, czego potrzebujesz, i daj buta czemukolwiek innemu.
(niestandardowa czcionka stworzona dla Duolingo przez agencję Johnson Banks)
Twój typowy niestandardowy plik czcionki może z łatwością przekroczyć 200 KB, przy uwzględnieniu jednej wagi. Jeśli używasz różnych grubości i krojów pisma, to nieuchronnie się sumuje, wpływając w ten sposób zarówno na szybkość, jak i zużycie energii.
Dlatego zaleca się używanie niestandardowych czcionek tylko wtedy, gdy uważasz, że są one naprawdę ważne dla Twojej marki i praktycznych celów.
https://youtu.be/eY-VyLd2t-Q
LiteSpeed Cache dla WordPress zawiera automatyczną optymalizację obrazu, więc nie musisz się martwić, że zrobisz to sam. Co więcej, może konwertować obrazy do korzystania z nowoczesnych formatów plików, takich jak WebP, które są o około 25% mniejsze w porównaniu z obrazami PNG lub JPG.
Poza optymalizacją musimy również rozważyć, czy ich stosowanie jest uzasadnione i celowe.
Na przykład niektóre zdjęcia produktów mogą być bezużyteczne (np. bardzo podobne kąty). W innych przypadkach obrazy użyte na stronie, takie jak losowe obrazy z magazynu, można łatwo zastąpić alternatywnymi, takimi jak grafika SVG lub ten sam efekt osiągnąć za pomocą stylów CSS.
Jeśli obejmuje to w szczególności wiele obrazów lub filmów, które mogą mieć duży rozmiar, wszystkie te dane muszą podróżować przez Internet, nawet jeśli nigdy nie zostaną wyświetlone.
Leniwe ładowanie oznacza, że żądasz tej treści tylko wtedy, gdy użytkownik przewija stronę w dół. Te sekcje pojawią się tuż przed wyświetleniem tej treści, więc z perspektywy odwiedzającego jest tak, jakby zawsze tam była - nie ma zauważalnej różnicy.
Nie tylko unikniesz przesyłania niepotrzebnych danych, ale także poprawisz swój wynik PageSpeed, zmniejszając wagę witryny.
Niektóre aplikacje mają wbudowane leniwe ładowanie lub można je podłączyć za pomocą wtyczki. W przypadku WordPress, LiteSpeed Cache zawiera funkcję leniwego ładowania, która jest w stanie leniwie ładować wszystko, od obrazów, filmów, osadzonych treści, a nawet całych bloków HTML, jeśli twoja strona jest bardzo długa.
Animacje zazwyczaj nie mają żadnego celu taktycznego, więc używaj ich jak najmniej. W przypadku filmów bardzo ważne jest, jakiemu celowi będą służyć, więc jeśli uważasz, że są przydatne dla użytkowników, rzeczywiście z nich korzystaj, po prostu upewnij się, że są one również maksymalnie zoptymalizowane.
Często Twój kod HTML, CSS i JavaScript będzie zawierał dodatkowe dane, takie jak spacje, podziały linii lub komentarze. Te spacje lub komentarze są przydatne tylko po to, aby programista mógł łatwo odczytać i zrozumieć kod, ale nie mają wpływu na interpretację kodu przez przeglądarkę.
Zmniejszenie kodu eliminuje ten niepotrzebny ciężar, zmniejszając rozmiar plików, które muszą być przesyłane przez Internet, i przyspiesza ładowanie witryny.
W przypadku WordPress LiteSpeed Cache obsługuje ten aspekt za Ciebie, ale większość innych aplikacji będzie również miała podobną funkcję dostępną za pośrednictwem wtyczki.
Być może korzystałeś z motywu lub narzędzia do tworzenia stron, które zawiera mnóstwo różnych układów, stylów lub funkcji, których nigdy nie używasz w swojej witrynie.
Cały kod pozostanie w twoich plikach CSS i JS, zwiększając ilość danych, które muszą być przesyłane przez Internet i spowalniając ładowanie witryny bez powodu.
Ustalenie, jaki kod należy usunąć ręcznie, może być trudne, ale w przypadku WordPress LiteSpeed Cache umożliwia automatyczne usuwanie nieużywanych CSS. To usuwa nieużywany CSS i generuje unikalny plik CSS dla każdej strony. Może to być opłacalne, jeśli masz tylko kilka stron, ale jeśli Twoja witryna ma wiele stron, bardziej efektywne może być użycie jednego pliku CSS.
JavaScript może być bardziej skomplikowany do usunięcia, chociaż LiteSpeed może przynajmniej opóźnić ładowanie do czasu wykrycia aktywności użytkownika. Może to być odpowiednie, pod warunkiem, że nie jest potrzebne w przypadku treści widocznych na ekranie.
Ostatecznie najlepszą radą jest unikanie korzystania z programów budujących strony lub nadętych wtyczek tam, gdzie to możliwe, i używanie czystego kodu, o którym wiesz, że jest faktycznie wymagany.
Spędzą znacznie więcej czasu próbując znaleźć to, czego szukają, co spowoduje większe zużycie energii.
Aby tego uniknąć, upewnij się, że Twój projekt dobrze dostosowuje się do jak największej liczby tych zmiennych, aby zapewnić użytkownikom optymalne wrażenia.
Co ważniejsze, z punktu widzenia zrównoważonego rozwoju pomaga to zmniejszyć emisję CO2, ponieważ przesyłanie danych do różnych części świata wymaga dużo energii. A im dalej dane muszą podróżować, tym więcej energii wymagają.
Warto również wspomnieć, że obrazy obsługiwane przez CDN są zwykle zmniejszane, jeśli w jakiś sposób pominiesz ten krok. Wiele sieci CDN zapewnia narzędzia do optymalizacji obrazu, w tym zmniejszania rozmiaru obrazu, gęstości pikseli, formatu i kompresji.
Ważne jest, aby wybrać CDN, który oczywiście korzysta z energii odnawialnej, takiej jak Cloudflare.
Możesz je wyszukać ręcznie lub użyć Google Analytics, aby ocenić, które strony mogą być nieaktualne lub nieskuteczne. Następnie możesz zdecydować, czy możesz je dostosować, aby zawierały pomocne, aktualne treści, czy też stwierdzić, że po prostu są przeznaczone do kosza.
Uczestnictwo w projektach polegających na sadzeniu drzew i kompensacji emisji dwutlenku węgla to niesamowity sposób nie tylko na poprawę zrównoważonego charakteru projektu internetowego, ale całej firmy. Drzewa są absolutnymi zwycięzcami, jeśli chodzi o redukcję emisji CO2, ponieważ pochłaniają je i przekształcają w tlen.
Zapraszamy do odwiedzenia naszych partnerów w Ecologi (lub innych podobnych organizacji) i rozpoczęcia sadzenia tych drzew!
zaśmiałem się.
„Wiesz, że zużywają również energię, a jeśli nie ładujesz swojego samochodu elektrycznego przez gniazdko wykorzystujące energię odnawialną, nadal bardzo zanieczyszczasz, prawda?”
Powiedział, że wiedział o tym, ale nadal czuł, że on i jego 20-letni VW byli policzkiem w obliczu wszystkich jego wysiłków na rzecz prowadzenia bardziej zrównoważonego, przyjaznego dla środowiska życia.
„Co powiesz na to – mogę ci powiedzieć, jak ograniczyć emisję dwutlenku węgla w twoim cyfrowym świecie” – zasugerowałem. Posłał mi zdumione spojrzenie. Powiedziałem mu wtedy, że według niektórych statystyk przeciętny użytkownik internetu generuje mniej więcej taką samą ilość CO2, jak podczas przejeżdżania 1000 km zwykłym samochodem, i że istnieją różne działania, które się do tego przyczyniają.
Walczył z tym pomysłem przez prawie dziesięć minut, dopóki nie wyciągnąłem danych z telefonu. Szczerze mówiąc, nie winiłem go, ponieważ pamiętam, że miałem taką samą reakcję w dniu, w którym zdałem sobie sprawę, że każda odwiedzana strona internetowa ma ukryty koszt - energię zużytą do jej utrzymania.
Brudny sekret Internetu, że tak powiem.
Według Website Carbon Calculator przeciętna witryna internetowa wytwarza około 0,5 grama CO2 na odsłonę strony, więc dla witryny ze 100 000 odsłon miesięcznie daje to 500 kg rocznie. Pamiętaj, że dotyczy to każdej witryny!
Dla porównania, przeciętny samochód emituje 1200 kg CO2 na 1000 km, więc możesz zobaczyć, jak Internet ma bardzo namacalny wpływ na zmiany klimatu i globalne ocieplenie ze względu na ogromny ślad węglowy.
Rodzi się więc pytanie: co możesz zrobić jako właściciel witryny, aby zmniejszyć wpływ swojej witryny na nasze środowisko?
Zrównoważone projektowanie stron internetowych, oczywiście.
W Kualo jesteśmy tak nierozerwalnie powiązani z koncepcją zrównoważonego rozwoju, że uznaliśmy za naturalne zgłębienie tego tematu. W tym artykule dowiemy się:
- Czym jest zrównoważone projektowanie stron internetowych?
- Dlaczego potrzebujemy zrównoważonego projektowania stron internetowych?
- Jakie są zalety zrównoważonego projektowania stron internetowych?
- Najlepsze praktyki zrównoważonego projektowania stron internetowych
Chcemy dostarczyć Ci dokładne plany, które pomogą Ci zminimalizować ślad węglowy Twojej witryny, więc bez zbędnych ceregieli, przejdźmy do rzeczy!
Czym jest zrównoważone projektowanie stron internetowych?
„Zrównoważone projektowanie stron internetowych to podejście do projektowania usług internetowych, które stawiają ludzi i planetę na pierwszym miejscu. Dostarcza produkty i usługi cyfrowe zgodne z zasadami Manifestu Zrównoważonej Sieci: czyste, wydajne, otwarte, uczciwe, regenerujące i odporne”.Oto, co możemy przeczytać w Manifeście Zrównoważonego Projektowania Sieci, a strona internetowa wyjaśnia w skrócie, co obejmuje to credo. Przejdźmy szybko przez 6 punktów:
- Czystość: usługi wykorzystywane przez Twoją witrynę powinny być zasilane odnawialnymi źródłami energii, co oznacza, że Twój hosting powinien być zasilany ekologicznie.
- Wydajne: usługi, które świadczysz, powinny być w pełni zoptymalizowane, aby zużywać jak najmniej energii (i materiałów)
- Otwartość: usługi, które świadczysz, powinny być dostępne dla wszystkich i zapewniać użytkownikom pełną kontrolę nad swoimi danymi
- Uczciwość: Twoja witryna nie będzie zawierała wprowadzających w błąd treści i/lub nie będzie próbowała wprowadzać użytkowników w błąd poprzez projektowanie stron internetowych
- Regeneracyjny: Twoje usługi będą uczestniczyć w gospodarce zorientowanej na wspieranie społeczności i środowiska
- Odporność: Twoje usługi będą świadczone tam, gdzie są najbardziej potrzebne
Jeśli weźmiesz pod uwagę wszystkie powyższe punkty, możesz zobaczyć, że to, do czego wzywa ten manifest, to nie tylko zrównoważone projektowanie stron internetowych, ale rzeczywiście jest to podstawa zrównoważonych praktyk biznesowych i zrównoważonej gospodarki. Aby mieć lepszą przyszłość, potrzebujemy firm, które dostarczają znaczących i użytecznych usług oraz produktów, które mają minimalny negatywny wpływ na środowisko i ludzi.
Innymi słowy, jeśli zależy Ci na zrównoważonym projektowaniu stron internetowych, powinieneś:
- Używaj jak najmniejszej ilości zasobów
- Opracuj i postępuj zgodnie z dobrze przemyślanym planem zawartości, który zapewni, że każda zaprojektowana przez Ciebie strona będzie miała określony cel
- Wykorzystaj zoptymalizowaną wersję witryny
- Unikaj wprowadzania w błąd użytkowników w jakikolwiek sposób, aby wykonywali czynności, których mogą nie chcieć
Dlaczego zrównoważone projektowanie stron internetowych jest ważne?
Tak więc Internet przynosi społeczeństwu liczne korzyści, ale wiąże się z ogromnymi kosztami środowiskowymi. Przeciętny użytkownik sieci korzysta z treści online przez 5-6 godzin dziennie na swoim komputerze lub urządzeniu mobilnym. Ponieważ nadal korzystamy z technologii częściej niż kiedykolwiek wcześniej, w nadchodzących latach będzie się to nasilać, aż miliardy ludzi będą przeglądać strony internetowe z całego świata za pomocą 8 różnych typów urządzeń!Teraz, wracając do tego, co powiedziałem na początku tego artykułu (i naszej infografiki na temat wpływu Internetu na środowisko), wiemy, że jest to w zasadzie stale rosnąca czarna dziura energetyczna. Z drugiej strony wiemy też, że dla wielu osób Internet jest krytyczny i nie można go zamienić na bardziej energooszczędną wersję, jak w przypadku samochodu czy laptopa.
Ale wiesz, co możemy zamienić?
Nasz projekt strony internetowej, oczywiście.
Jeśli głównym celem jest to, że rozmiar Twojej witryny i sposób jej budowy bezpośrednio wpływają na ilość generowanego przez nią CO2, to właśnie tym musimy się zająć jako właściciele witryn.
Korzyści ze zrównoważonego projektowania stron internetowych
Ogólnie rzecz biorąc, jeśli to czytasz, masz już dobry powód, aby chcieć zrównoważonej strony internetowej, a powód ten jest związany z ochroną środowiska. Zasadniczo chcesz być bohaterem dla planety i podziwiam cię za to.Ale czy istnieje dodatkowa korzyść ze zmiany naszych sposobów projektowania stron internetowych?
Absolutnie powiedziałbym, że tak.
Jako marketer jestem przyzwyczajony do uwzględniania wszystkich aspektów moich działań cyfrowych i sposobu, w jaki wpływają one na moje projekty. Od razu mogę powiedzieć, że nawet na poziomie osobistym znacznie lepiej jest wdrożyć witrynę internetową, która jest przyjazna dla środowiska projektowanie stron internetowych i oto niektóre z powodów, dla których:
- Wydasz mniej : od wydatków na projektanta po produkcję treści, każda dodatkowa rzecz będzie Cię kosztować. Bardziej złożone projekty będą Cię kosztować pieniądze, więcej tekstów i treści będzie Cię kosztować pieniądze i tak dalej. Bycie minimalistycznym i posiadanie tylko tego, czego naprawdę potrzebujesz, to doskonały sposób na cięcie wydatków
- Twoi klienci będą bardziej zadowoleni: kiedyś, gdy strony internetowe były nowością, ludzie lubili dzwonki i gwizdki, teraz wszyscy są nimi przytłoczeni, ponieważ spędzają całe dnie na surfowaniu. Oznacza to, że dla przeciętnego użytkownika im bardziej przejrzysta jest Twoja witryna, tym bardziej prawdopodobne jest, że znajdzie to, czego szuka, zamiast naciskać przycisk X i iść do kogoś, kto nie marnuje czasu.
- Twoje działania w zakresie SEO będą bardziej efektywne : Od kilku lat w rankingu Google liczy się szybkość, ale z każdym rokiem widzimy, że staje się ona coraz ważniejsza, jeśli chodzi o SEO. Google NIENAWIDZI powolnych stron internetowych i zdecydowanie będzie traktował priorytetowo lżejsze i szybsze witryny. Nawiasem mówiąc, dotyczy to również doświadczenia klienta, jak wszyscy wiemy.
Jak sprawić, by Twoja witryna była zrównoważona
1. Zacznij od zaplanowania podróży użytkownika
Jeśli nie znasz tej koncepcji, podróż użytkownika odnosi się po prostu do sekwencji działań, które użytkownik podejmie odwiedzając Twoją witrynę, aby osiągnąć określony cel – rejestrację, zakup itp.Z oczywistych względów użytkownicy preferują krótsze podróże użytkowników, ponieważ nie marnują czasu. Jednak oprócz doświadczenia klientów będą oni również odwiedzać mniej stron, aby znaleźć to, czego potrzebują, a tym samym zmniejszyć emisję dwutlenku węgla podczas wizyty.
(zdjęcie: https://www.appcues.com/blog/user-journey-map)
Warto lepiej zapoznać się z koncepcją podróży użytkownika, a następnie, gdy już będziesz mógł swobodnie projektować mapy podróży użytkownika, dostosować do nich swój projekt strony internetowej.
Dobre wrażenia użytkownika (UX), które pozwalają uniknąć punktów tarcia, nieuchronnie zaowocują zarówno niższym zużyciem energii, jak i szczęśliwszymi klientami.
2. Wybierz ekologicznego dostawcę usług hostingowych
Wiem, że brzmi to trochę samolubnie, ponieważ w końcu jesteśmy firmą hostingową, ale w rzeczywistości to, kto każdego dnia zasila Twoją witrynę, ma absolutne znaczenie, jeśli chcesz zmniejszyć swój ślad węglowy. Centra danych pochłaniają niestety dużą część energii potrzebnej do zasilania Internetu. Bardzo ważne jest, abyśmy szybko przeszli na źródła w 100% odnawialne.Wybór dostawcy, który oferuje zrównoważony hosting zasilany energią odnawialną, jest koniecznością. Dobrym pomysłem jest również przyjrzenie się ich ogólnej polityce środowiskowej i sprawdzenie, czy dostawca usług hostingowych podjął dodatkowe kroki w celu nadrobienia emisji CO2 i/lub czy jest zaangażowany w inne praktyki zrównoważonego rozwoju.
3. Przechowuj wszystko w pamięci podręcznej!
Jeśli używasz aplikacji opartej na PHP, jak robi to wiele stron internetowych (WordPress, Magento, Drupal itp.), buforowanie jest koniecznością dla zrównoważonego rozwoju.Jeśli witryna nie ma pamięci podręcznej, oznacza to, że serwer pracuje ciężej. Za każdym razem, gdy ktoś uzyskuje dostęp do strony w Twojej witrynie, zawartość strony musi być tworzona w locie poprzez przetwarzanie kodu PHP, wysyłanie zapytań do bazy danych i przekształcanie ich w treść HTML, która wyświetla Twoją witrynę.
To zużywa więcej procesora, pamięci i dysku serwera, zużywając przy tym energię. Serwer musiałby to zrobić dla każdego odwiedzającego i każdej strony, więc im więcej masz odwiedzających i stron, tym więcej zużywasz energii.
Dzięki buforowaniu większość tego intensywnego obciążenia jest wykonywana tylko wtedy, gdy odwiedzający żąda strony po raz pierwszy. Wynikowy kod HTML jest następnie przechowywany w pamięci podręcznej, dzięki czemu każde kolejne ładowanie strony nie wymaga tak dużego podnoszenia.
Co więcej, Twoje strony ładują się szybciej. Jest to nie tylko zysk dla Ciebie i Twoich gości, ale także oznacza, że Twoi goście spędzają mniej czasu bezczynnie, czekając na załadowanie strony – zużywając przy tym mniej energii.
Istnieje wiele sposobów buforowania stron internetowych, w Kualo preferujemy LiteSpeed Cache do buforowania stron, a także Redis i Memcached do buforowania zapytań do bazy danych. Superszybkie strony internetowe i lepsza trwałość — czego nie kochać?
4. Jeśli piszesz kod, upewnij się, że jest to czysty kod
Większość użytkowników będzie korzystała z jakiegoś systemu CMS, ale jeśli napiszesz jakiś kod, upewnij się, że jest on łatwy do zrozumienia, łatwy do zmiany i pozwala uniknąć niepotrzebnych duplikatów i operacji5. Unikaj bezużytecznych wtyczek i dodatków
Odnosi się to do powyższej reguły, ale dla osób, które rzeczywiście używają CMS, takiego jak WordPress, Magento, Craft, Laravel i tak dalej. Czasami możemy być zbyt podekscytowani wszystkimi możliwościami, jakie oferuje nam rynek wtyczek i zatopić naszą stronę internetową w niepotrzebnych wtyczkachCzęsto tak jest w przypadku wtyczek marketingowych lub zduplikowanych, o których zapomnieliśmy. Oceń to, co masz, a następnie to, czego potrzebujesz, i daj buta czemukolwiek innemu.
6. Unikaj lub używaj minimalnie niestandardowych czcionek
Może to być zaskoczeniem, ale niestandardowe czcionki mogą zdecydowanie zwiększyć rozmiar pliku Twojej witryny].(niestandardowa czcionka stworzona dla Duolingo przez agencję Johnson Banks)
Twój typowy niestandardowy plik czcionki może z łatwością przekroczyć 200 KB, przy uwzględnieniu jednej wagi. Jeśli używasz różnych grubości i krojów pisma, to nieuchronnie się sumuje, wpływając w ten sposób zarówno na szybkość, jak i zużycie energii.
Dlatego zaleca się używanie niestandardowych czcionek tylko wtedy, gdy uważasz, że są one naprawdę ważne dla Twojej marki i praktycznych celów.
7. Mądrze korzystaj z plików multimedialnych (i optymalizuj je)
Nie trzeba dodawać, że wszystkie obrazy w Twojej witrynie powinny mieć zoptymalizowany rozmiar. Wiemy to z najlepszych praktyk związanych z szybkością strony (a co za tym idzie SEO). Czasami zdarza się, że klienci pytają, dlaczego ich witryna działa wolno, ale okazuje się, że strona główna zawiera 4 MB obrazów, ponieważ przesłali bardzo duże oryginały! Te same obrazy mogą być wyświetlane bez obniżania jakości poprzez ich optymalizację.https://youtu.be/eY-VyLd2t-Q
LiteSpeed Cache dla WordPress zawiera automatyczną optymalizację obrazu, więc nie musisz się martwić, że zrobisz to sam. Co więcej, może konwertować obrazy do korzystania z nowoczesnych formatów plików, takich jak WebP, które są o około 25% mniejsze w porównaniu z obrazami PNG lub JPG.
Poza optymalizacją musimy również rozważyć, czy ich stosowanie jest uzasadnione i celowe.
Na przykład niektóre zdjęcia produktów mogą być bezużyteczne (np. bardzo podobne kąty). W innych przypadkach obrazy użyte na stronie, takie jak losowe obrazy z magazynu, można łatwo zastąpić alternatywnymi, takimi jak grafika SVG lub ten sam efekt osiągnąć za pomocą stylów CSS.
8. Leniwe ładowanie pod zawartością strony
Każda z Twoich stron internetowych może zawierać dużo treści „pod zakładką” — to znaczy treści, które nie są widoczne, chyba że odwiedzający przewinie stronę w dół.Jeśli obejmuje to w szczególności wiele obrazów lub filmów, które mogą mieć duży rozmiar, wszystkie te dane muszą podróżować przez Internet, nawet jeśli nigdy nie zostaną wyświetlone.
Leniwe ładowanie oznacza, że żądasz tej treści tylko wtedy, gdy użytkownik przewija stronę w dół. Te sekcje pojawią się tuż przed wyświetleniem tej treści, więc z perspektywy odwiedzającego jest tak, jakby zawsze tam była - nie ma zauważalnej różnicy.
Nie tylko unikniesz przesyłania niepotrzebnych danych, ale także poprawisz swój wynik PageSpeed, zmniejszając wagę witryny.
Niektóre aplikacje mają wbudowane leniwe ładowanie lub można je podłączyć za pomocą wtyczki. W przypadku WordPress, LiteSpeed Cache zawiera funkcję leniwego ładowania, która jest w stanie leniwie ładować wszystko, od obrazów, filmów, osadzonych treści, a nawet całych bloków HTML, jeśli twoja strona jest bardzo długa.
9. Ogranicz korzystanie z filmów i animacji
Nie musisz wyglądać jak strona Worda i unikać filmów i animacji jak zaraza, ale podobnie jak w przypadku obrazów, zamiast tego używaj ich oszczędnie.Animacje zazwyczaj nie mają żadnego celu taktycznego, więc używaj ich jak najmniej. W przypadku filmów bardzo ważne jest, jakiemu celowi będą służyć, więc jeśli uważasz, że są przydatne dla użytkowników, rzeczywiście z nich korzystaj, po prostu upewnij się, że są one również maksymalnie zoptymalizowane.
10. Zminimalizuj HTML, CSS i Javascript w swojej witrynie
Ponownie, być może już to robisz w celu przyspieszenia, ale jeśli nie, szybko przejrzyjmy przyczynę tego.Często Twój kod HTML, CSS i JavaScript będzie zawierał dodatkowe dane, takie jak spacje, podziały linii lub komentarze. Te spacje lub komentarze są przydatne tylko po to, aby programista mógł łatwo odczytać i zrozumieć kod, ale nie mają wpływu na interpretację kodu przez przeglądarkę.
Zmniejszenie kodu eliminuje ten niepotrzebny ciężar, zmniejszając rozmiar plików, które muszą być przesyłane przez Internet, i przyspiesza ładowanie witryny.
W przypadku WordPress LiteSpeed Cache obsługuje ten aspekt za Ciebie, ale większość innych aplikacji będzie również miała podobną funkcję dostępną za pośrednictwem wtyczki.
11. Usuń niepotrzebne CSS i Javascript
Podczas gdy minifikacja usuwa niepotrzebne dane, nie analizuje, czy którykolwiek z tych kodów jest rzeczywiście używany przez Twoją witrynę.Być może korzystałeś z motywu lub narzędzia do tworzenia stron, które zawiera mnóstwo różnych układów, stylów lub funkcji, których nigdy nie używasz w swojej witrynie.
Cały kod pozostanie w twoich plikach CSS i JS, zwiększając ilość danych, które muszą być przesyłane przez Internet i spowalniając ładowanie witryny bez powodu.
Ustalenie, jaki kod należy usunąć ręcznie, może być trudne, ale w przypadku WordPress LiteSpeed Cache umożliwia automatyczne usuwanie nieużywanych CSS. To usuwa nieużywany CSS i generuje unikalny plik CSS dla każdej strony. Może to być opłacalne, jeśli masz tylko kilka stron, ale jeśli Twoja witryna ma wiele stron, bardziej efektywne może być użycie jednego pliku CSS.
JavaScript może być bardziej skomplikowany do usunięcia, chociaż LiteSpeed może przynajmniej opóźnić ładowanie do czasu wykrycia aktywności użytkownika. Może to być odpowiednie, pod warunkiem, że nie jest potrzebne w przypadku treści widocznych na ekranie.
Ostatecznie najlepszą radą jest unikanie korzystania z programów budujących strony lub nadętych wtyczek tam, gdzie to możliwe, i używanie czystego kodu, o którym wiesz, że jest faktycznie wymagany.
12. Upewnij się, że Twoja witryna działa poprawnie na różnych urządzeniach
Testowanie witryny pod kątem różnych rozmiarów ekranu, przeglądarek, urządzeń i przepustowości może być dość czasochłonne, ale jest ściśle powiązane ze zrównoważonym projektowaniem stron internetowych. Ma to związek z punktem nr 1, co oznacza, że nieprawidłowe wyświetlanie treści i designu doprowadzi do złego UX i sporego zamieszania wśród użytkowników.Spędzą znacznie więcej czasu próbując znaleźć to, czego szukają, co spowoduje większe zużycie energii.
Aby tego uniknąć, upewnij się, że Twój projekt dobrze dostosowuje się do jak największej liczby tych zmiennych, aby zapewnić użytkownikom optymalne wrażenia.
13. Użyj sieci CDN do udostępniania treści
Czym więc jest CDN? Sieć dostarczania treści (CDN) to sieć serwerów w różnych lokalizacjach geograficznych. Sposób, w jaki pomogą w szybszym ładowaniu treści, polega na wyświetlaniu z lokalizacji w pobliżu użytkowników. Innymi słowy, jest to związane zarówno z szybkością, jak i doświadczeniem użytkownika.Co ważniejsze, z punktu widzenia zrównoważonego rozwoju pomaga to zmniejszyć emisję CO2, ponieważ przesyłanie danych do różnych części świata wymaga dużo energii. A im dalej dane muszą podróżować, tym więcej energii wymagają.
Warto również wspomnieć, że obrazy obsługiwane przez CDN są zwykle zmniejszane, jeśli w jakiś sposób pominiesz ten krok. Wiele sieci CDN zapewnia narzędzia do optymalizacji obrazu, w tym zmniejszania rozmiaru obrazu, gęstości pikseli, formatu i kompresji.
Ważne jest, aby wybrać CDN, który oczywiście korzysta z energii odnawialnej, takiej jak Cloudflare.
14. Audytuj swoje treści, aby upewnić się, że realizują strategię
Jeśli masz dużą witrynę internetową, okresowe kontrolowanie jej zawartości ma kluczowe znaczenie. Niektóre strony nieuchronnie staną się przestarzałe lub nie będą już spełniać swojego celu. Jest to szczególnie prawdziwe w przypadku baz wiedzy, ale dotyczy to również stron produktów, postów na blogach i tak dalej.Możesz je wyszukać ręcznie lub użyć Google Analytics, aby ocenić, które strony mogą być nieaktualne lub nieskuteczne. Następnie możesz zdecydować, czy możesz je dostosować, aby zawierały pomocne, aktualne treści, czy też stwierdzić, że po prostu są przeznaczone do kosza.
15. Zmniejsz emisję CO2, kompensując swój ślad węglowy
Stanie się firmą przyjazną dla klimatu było prawdopodobnie jedną z najlepszych decyzji, jakie kiedykolwiek podjęliśmy w zakresie wyrównywania naszego zrównoważonego rozwoju. Do tej pory posadziliśmy ponad 50 000 drzew i zrekompensowaliśmy ponad 2000 ton CO2 z zamiarem kontynuowania tej podróży w nadchodzących latach.Uczestnictwo w projektach polegających na sadzeniu drzew i kompensacji emisji dwutlenku węgla to niesamowity sposób nie tylko na poprawę zrównoważonego charakteru projektu internetowego, ale całej firmy. Drzewa są absolutnymi zwycięzcami, jeśli chodzi o redukcję emisji CO2, ponieważ pochłaniają je i przekształcają w tlen.
Zapraszamy do odwiedzenia naszych partnerów w Ecologi (lub innych podobnych organizacji) i rozpoczęcia sadzenia tych drzew!