지속 가능한 웹사이트를 만들기 위한 7가지 모범 사례

게시 됨: 2019-04-20

인터넷. 구름. 가상 개념으로 생각하기 쉽습니다. 결국, 그들에 대한 우리의 연결은 대부분 눈에 띄지 않습니다.

그러나 우리가 하루 종일 왔다 갔다 하는 데이터는 전 세계의 방대한 데이터 센터에서 수집, 처리, 저장 및 교환됩니다. 이들에게 전력을 공급하는 슈퍼컴퓨터는 지속적으로 그리고 자주 과열됩니다. 차례로, 그들은 전기로 구동되는 거대한 냉각 시스템에 의해 냉각됩니다. 그들 중 일부는 녹색 에너지로 운영됩니다.

전체적으로 웹은 전체 온실 가스 배출량의 2%를 차지합니다. 이는 전 세계 항공산업과 맞먹으며, 세계 6위 공해국가인 독일과 맞먹는다.

누군가가 단일 웹 페이지를 실행할 때마다 초당 20밀리그램의 CO2를 방출합니다. 더 복잡한 사이트의 경우 최대 300밀리그램이 될 수 있습니다.

현재 전 세계적으로 약 35억 명의 웹 사용자가 있습니다. 그러나 세계 인구가 꾸준히 증가하고 점점 더 많은 사람들이 인터넷에 액세스하게 되면서 컴퓨터와 데이터 센터의 양은 극적으로 증가할 것입니다.

이것이 우리 행성에 무엇을 의미하는지 설명할 필요가 없습니다.

그래서 우리는 그것에 대해 무엇을 할 수 있습니까?

에너지 효율적인 웹사이트 만들기

오늘날 웹 페이지의 평균 크기는 1711.4kb입니다. 더 많은 데이터가 전송됨에 따라 탄소 발자국도 자연스럽게 증가했습니다.

“디자이너와 개발자로서 우리 모두는 에너지 효율적인 웹사이트를 디자인함으로써 웹의 에너지 소비와 환경적 영향을 줄일 수 있는 힘을 가지고 있습니다. "

디자이너, 개발자 및 웹 사이트 작성자로서 우리는 이러한 영향을 줄일 수 있는 기회가 있습니다. 작지만 중요한 변경을 할 수 있는 몇 가지 핵심 영역이 있으며 실제로 필요한 것은 워크플로를 약간만 조정하는 것입니다.

지속 가능하고 에너지 효율적인 웹사이트를 만들려면 다음 모범 사례를 따르세요.

이미지를 최적화하여 파일 크기를 줄이십시오.
비디오로 전략을 세우십시오.
이미지 및 미디어에 지연 로드를 사용합니다.
웹 캐싱을 설정합니다.
필요하지 않은 것은 삭제하십시오.
정보를 쉽게 찾을 수 있도록 사이트 탐색을 개선합니다.
녹색 웹 호스트를 사용하십시오.

1. 이미지를 최적화하여 파일 크기 줄이기

고해상도 이미지는 웹사이트에서 환상적으로 보이지만 로드 시간과 에너지 소비에 가장 큰 부담을 주는 요소이기도 합니다.

다행히 이미지를 줄이는 것은 부하를 줄이는 가장 쉬운 방법 중 하나입니다. 포함된 이미지에 대해 까다롭게 여기세요. 그들은 목적이 있습니까 아니면 단순히 멋지게 보입니까? 정말 필요한 이미지만 사용하고 해상도와 이미지 품질을 최대한 낮추십시오. 그런 다음 사이트에 업로드하기 전에 TinyPNG 또는 WP Smush Pro와 같은 도구를 사용하십시오.

2. 비디오로 전략을 세워라

웹사이트의 성능과 효율성과 관련하여 이미지보다 더 나쁜 것은 단 한 가지입니다. 그리고 그것은 비디오입니다.

그러나 비디오 사용은 참여도와 감소하는 주의 지속 시간을 포착하는 데 매우 효과적이기 때문에 최근 몇 년 동안 호황을 누리고 있습니다.

부정적인 영향을 최소화하기 위해 할 수 있는 몇 가지 방법이 있습니다. 다시 말하지만, 사이트의 비디오를 절대적으로 필요한 것으로 제한하고 가능한 한 낮은 해상도를 사용하십시오. 사이트에 직접 삽입하고 자동 재생으로 설정하지 마십시오. 비디오 배경이 필요한지 아닌지에 대해 진지하게 생각하십시오.

3. 이미지 및 미디어에 지연 로드 사용

Lazy loading은 필요한 만큼만 이미지와 기타 미디어를 로드하는 것을 의미합니다. 스크롤 없이 볼 수 있는 부분의 모든 항목은 사용자가 페이지를 방문할 때 즉시 로드되지만 나머지는 아래로 스크롤할 때만 나타납니다. 따라서 사용자가 맨 아래로 스크롤하지 않으면 모든 이미지를 로드할 필요가 없습니다.

이것은 에너지 소비를 절약하고 웹사이트를 더 빨리 로드하는 데 도움이 되며 이는 SEO에 대한 추가 보너스입니다.

4. 웹 캐싱 설정

캐싱에는 JavaScript, CSS 및 이미지와 같은 공유 페이지 요소를 다운로드하고 사용자에게 더 가깝게 저장하는 작업이 포함됩니다. 사용자가 페이지를 다시 방문하면 웹 서버를 다시 쿼리하지 않고 캐시 위치에서 이 데이터를 검색할 수 있습니다.

이것은 웹사이트의 성능을 향상시키고 데이터 전송을 최소화합니다. 캐싱 및 설정 방법에 대한 자세한 내용은 이 가이드를 확인하세요.

5. 필요하지 않은 것은 삭제

주기적으로 웹사이트를 봄철 청소하고 사용하지 않는 모든 것을 삭제하십시오. 여기에는 원치 않는 테마 및 플러그인, 오래된 게시물 수정, 사용하지 않는 미디어, 카테고리 및 태그, 스팸 댓글, 깨진 링크 등이 포함됩니다. 사이트가 간소화될수록 소모되는 에너지가 줄어듭니다.

6. 정보를 쉽게 찾을 수 있도록 사이트 탐색 개선

탐색 구조가 불분명한 다루기 힘든 대규모 사이트는 사용자를 혼란스럽게 하고 짜증나게 합니다. 그러나 그것이 유일한 단점은 아닙니다. 또한 사람들이 필요한 정보를 찾기 위해 사이트를 클릭하는 데 소비하는 시간도 늘어납니다.

시간을 할애하여 청중 페르소나와 그들의 요구 사항에 대해 생각하고 방문자가 원하는 부분으로 바로 이동할 수 있도록 명확하고 논리적인 탐색 구조를 설정하십시오.

7. 친환경 웹 호스트 선택

서버, 데이터 센터 및 냉각 시스템이 모두 전력을 소모하므로 재생 에너지를 사용하는 회사를 찾는 것은 웹사이트의 환경적 영향을 최소화하는 데 큰 도움이 됩니다.

친환경 웹 호스팅은 여전히 발판을 마련하고 있으며, 견고한 성능, 우수한 고객 지원, 재생 에너지 사용을 결합한 호스트를 찾는 것이 어려울 수 있습니다. 많은 호스팅 회사는 자체 데이터 센터를 운영하지 않습니다. 즉, 해당 서버가 실행되는 방식에 대한 통제력이 떨어집니다.

그러나 찾을 수 있는 한 가지는 Google Cloud Platform(GCP)과 제휴한 호스팅 제공업체입니다. Google은 소비되는 에너지의 100%를 재생 에너지로 연결하고 탄소 중립에 대한 약속을 유지합니다. GCP와 페어링된 관리형 WordPress 호스트를 사용하면 친환경적이고 지속 가능한 웹사이트를 만드는 데 훨씬 더 가까워질 수 있습니다!

이 요구 사항을 가진 호스트를 찾고 계십니까? 여기를 클릭하여 GCP로 구동되는 Flywheel의 관리형 WordPress 호스팅 플랫폼에 대해 자세히 알아보세요.

웹이 환경에 미치는 영향을 줄이려면 전체 산업에서 근본적인 초점 전환이 필요합니다. 그러나 이러한 쉬운 변경을 구현함으로써 우리 모두는 웹사이트를 보다 친환경적으로 만드는 데 최선을 다할 수 있습니다. 추가 보너스로 이러한 변경 사항은 사이트의 사용자 경험과 SEO를 개선하여 윈-윈-윈(win-win-win)이 되도록 합니다.

지속 가능한 웹사이트를 디자인하고 웹이 환경에 미치는 영향을 줄이기 위한 유용한 팁이 있습니까? 아래 대화에 참여하세요.

이 기사는 원래 2018년 4월 9일에 게시되었습니다. 2019년 4월 17일에 마지막으로 업데이트되었습니다.