7 najlepszych praktyk tworzenia zrównoważonych stron internetowych

Opublikowany: 2019-04-20

Internet. Chmura. Łatwo o nich myśleć jak o wirtualnych koncepcjach. W końcu nasz związek z nimi jest w dużej mierze niewidoczny.

Jednak dane, które wysyłamy tam i z powrotem przez cały dzień, są gromadzone, przetwarzane, przechowywane i wymieniane w ogromnych centrach danych na całym świecie. Superkomputery, które je zasilają, działają stale i często się przegrzewają. Z kolei chłodzone są przez gigantyczne systemy chłodzenia zasilane energią elektryczną. Niewiele z nich korzysta z zielonej energii.

Łącznie sieć odpowiada za 2% wszystkich emisji gazów cieplarnianych. To odpowiednik światowego przemysłu lotniczego i to samo, co Niemcy, szósty najbardziej zanieczyszczający kraj na świecie.

Za każdym razem, gdy ktoś odpala pojedynczą stronę internetową, emituje 20 miligramów CO2 na sekundę. W przypadku bardziej złożonych witryn może to być nawet 300 miligramów.

W tej chwili na całym świecie jest około 3,5 miliarda użytkowników sieci. Jednak wraz ze stale rosnącą globalną populacją i coraz większą liczbą osób uzyskujących dostęp do Internetu, liczba komputerów i centrów danych ma gwałtownie wzrosnąć.

Nie muszę wyjaśniać, co to oznacza dla naszej planety.

Więc co możemy z tym zrobić?

Tworzenie energooszczędnych stron internetowych

Dzisiejszy średni rozmiar strony internetowej to 1711.4kb. Wraz z przesyłaniem większej ilości danych nasz ślad węglowy w naturalny sposób wzrósł.

„Jako projektanci i programiści, wszyscy mamy możliwość zmniejszenia zużycia energii i wpływu sieci na środowisko poprzez projektowanie bardziej energooszczędnych stron internetowych. ”

Jako projektanci, programiści i twórcy witryn internetowych mamy możliwość zmniejszenia tego wpływu. Istnieje kilka kluczowych obszarów, w których możemy wprowadzić małe, ale znaczące zmiany, a tak naprawdę wystarczy kilka poprawek w naszych przepływach pracy.

Aby tworzyć zrównoważone, energooszczędne strony internetowe, postępuj zgodnie z poniższymi najlepszymi praktykami:

Optymalizuj obrazy, aby zmniejszyć rozmiar pliku.
Bądź strategiczny z filmami.
Użyj leniwego ładowania obrazów i multimediów.
Skonfiguruj buforowanie sieci.
Usuń to, czego nie potrzebujesz.
Popraw nawigację w witrynie, aby ułatwić znajdowanie informacji.
Użyj zielonego hosta internetowego.

1. Zoptymalizuj obrazy, aby zmniejszyć rozmiar pliku

Obrazy w wysokiej rozdzielczości wyglądają fantastycznie na stronie internetowej, ale są też jednym z największych obciążeń dla czasu ładowania i zużycia energii.

Na szczęście zmniejszanie obrazów to jeden z najłatwiejszych sposobów na zmniejszenie obciążenia. Zadbaj o obrazy, które dołączasz. Czy mają jakiś cel, czy po prostu ładnie wyglądają? Używaj tylko obrazów, których naprawdę potrzebujesz, i zmniejsz ich rozdzielczość i jakość obrazu tak bardzo, jak to możliwe. Następnie użyj narzędzia takiego jak TinyPNG lub WP Smush Pro przed przesłaniem ich na stronę.

2. Bądź strategiczny z filmami

Jest tylko jedna rzecz gorsza niż obrazy, jeśli chodzi o wydajność i wydajność strony internetowej. I to są filmy.

Jednak w ostatnich latach wykorzystanie wideo gwałtownie się rozwinęło, ponieważ jest tak skuteczne w angażowaniu i przyciąganiu naszej coraz mniejszej uwagi.

Jest kilka rzeczy, które możesz zrobić, aby zminimalizować jego negatywny wpływ. Ponownie ogranicz filmy w swojej witrynie do tego, co jest absolutnie konieczne, i używaj tak niskiej rozdzielczości, jak to tylko możliwe. Umieść je bezpośrednio w swojej witrynie i nie ustawiaj ich na autoodtwarzanie. Naprawdę zastanów się, czy potrzebujesz tła wideo, czy nie.

3. Użyj leniwego obciążenia dla obrazów i multimediów

Lazy loading oznacza ładowanie obrazów i innych mediów tylko wtedy, gdy jest to wymagane. Wszystko w części strony widocznej na ekranie ładuje się natychmiast, gdy użytkownik trafia na stronę, ale reszta pojawia się tylko podczas przewijania w dół. Jeśli więc użytkownik nie przewinie do samego dołu, nie wszystkie obrazy muszą zostać załadowane.

Oszczędza to zużycie energii i pomaga szybciej ładować strony internetowe, co jest dodatkowym bonusem dla SEO.

4. Skonfiguruj buforowanie sieci

Buforowanie polega na pobieraniu udostępnionych elementów strony, takich jak JavaScript, CSS i obrazy, i przechowywaniu ich bliżej użytkownika. Gdy użytkownik ponownie odwiedza stronę, może pobrać te dane z lokalizacji pamięci podręcznej, zamiast ponownie wysyłać zapytania do serwera WWW.

Poprawia to działanie strony internetowej i minimalizuje przesyłanie danych. Zapoznaj się z tym przewodnikiem, aby uzyskać więcej informacji na temat buforowania i konfiguracji.

5. Usuń to, czego nie potrzebujesz

Okresowo przeprowadzaj wiosenne porządki swojej witryny i usuwaj wszystko, czego nie używasz. Obejmuje to niechciane motywy i wtyczki, stare wersje postów, nieużywane multimedia, kategorie i tagi, komentarze spamowe, uszkodzone linki itp. Im bardziej uproszczona witryna, tym mniej energii pochłania.

6. Popraw nawigację w witrynie, aby ułatwić znajdowanie informacji

Duża, nieporęczna witryna z niejasną strukturą nawigacji wprowadzi w zakłopotanie i irytuje użytkowników. Ale to nie jedyny minus. Zwiększa również ilość czasu, jaką ludzie spędzają na klikaniu w witrynie, próbując znaleźć potrzebne informacje.

Poświęć trochę czasu na zastanowienie się nad personami odbiorców i ich potrzebami, i ustal przejrzystą, logiczną strukturę nawigacji, aby odwiedzający mogli przejść bezpośrednio do żądanych fragmentów.

7. Wybierz zielonego hosta internetowego

Ponieważ serwery, centra danych i systemy chłodzenia pochłaniają energię elektryczną, znalezienie firmy korzystającej z energii odnawialnej znacznie zmniejsza wpływ Twojej witryny na środowisko.

Zielony hosting wciąż się rozwija, a znalezienie hosta, który łączy solidną wydajność, dobrą obsługę klienta i wykorzystuje energię odnawialną, może być wyzwaniem. Wiele firm hostingowych nie posiada własnych centrów danych, co oznacza, że mają mniejszą kontrolę nad sposobem działania tych serwerów.

Jedną rzeczą, której możesz jednak szukać, jest dostawca usług hostingowych współpracujący z Google Cloud Platform (GCP). Google łączy 100% zużywanej energii z energią odnawialną i utrzymuje zobowiązanie do neutralności pod względem emisji dwutlenku węgla. Korzystając z zarządzanego hosta WordPress w połączeniu z GCP, będziesz o wiele bliżej stworzenia ekologicznej i zrównoważonej witryny!

Szukasz hosta spełniającego takie wymagania? Kliknij tutaj, aby dowiedzieć się więcej o zarządzanej przez Flywheel platformie hostingowej WordPress obsługiwanej przez GCP.

Ograniczenie wpływu sieci na środowisko wymaga fundamentalnej zmiany uwagi całej branży. Jednak wprowadzając te proste zmiany, wszyscy możemy zrobić coś, aby strony internetowe były bardziej przyjazne dla środowiska. Jako dodatkowy bonus, zmiany te poprawiają również wrażenia użytkownika i SEO witryny, dzięki czemu jest ona korzystna dla obu stron.

Czy masz jakieś świetne wskazówki dotyczące projektowania zrównoważonych witryn internetowych i ograniczania wpływu sieci na środowisko? Dołącz do poniższej rozmowy.

Ten artykuł został pierwotnie opublikowany 4-9-2018. Ostatnia aktualizacja 4-17-2019.