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

게시 됨: 2023-02-16

인터넷. 구름. 가상 개념으로 생각하기 쉽습니다. 결국, 그들과 우리의 연결은 거의 보이지 않습니다.

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

전체적으로 웹은 모든 온실 가스 배출량의 2%를 차지합니다. 이는 세계에서 여섯 번째로 오염이 심한 국가인 독일 전체에 해당합니다.

밝은 파란색 배경 앞에 서 있는 한 여성이 점박이 물뿌리개를 사용하여 작은 집 식물에 물을 줍니다

누군가 웹 페이지를 열 때마다 초당 20밀리그램의 CO2가 방출됩니다. 보다 복잡한 사이트의 경우 300밀리그램이 될 수 있습니다.

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

이것이 우리 지구에 어떤 의미인지 자세히 설명할 필요가 없습니다.

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

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

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

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

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

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

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

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

두 남자가 펑키한 황동색 의자가 있는 아늑한 작업 공간에서 프로젝트의 세부 사항을 논의합니다.

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

2. 동영상을 전략적으로 사용하세요.

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

그러나 최근 몇 년 동안 비디오 사용이 붐을 일으켰습니다. 비디오는 참여를 유도하고 감소하는 주의 집중 시간을 포착하는 데 매우 효과적이기 때문입니다.

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

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

지연 로딩은 필요할 때만 이미지 및 기타 미디어를 로딩하는 것을 의미합니다. 접힌 부분 위의 모든 항목은 사용자가 페이지에 방문하면 즉시 로드되지만 나머지 항목은 아래로 스크롤할 때만 나타납니다. 따라서 사용자가 맨 아래까지 스크롤하지 않으면 모든 이미지를 로드할 필요가 없습니다.

한 남자가 컴퓨터를 들고 있는 주황색 배경 앞에 서 있습니다. 그는 생각에 잠겨 턱을 괴고 있다

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

4. 웹 캐싱 설정

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

이것은 웹 사이트의 성능을 향상시키고 데이터 전송을 최소화합니다.

5. 필요 없는 항목 삭제

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

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

탐색 구조가 명확하지 않은 크고 다루기 힘든 사이트는 사용자를 혼란스럽게 하고 성가시게 합니다. 그러나 그것이 유일한 단점은 아닙니다. 또한 사람들이 필요한 정보를 찾기 위해 사이트를 클릭하는 데 걸리는 시간도 늘어납니다.

파란색 키가 있는 노트북에서 작업하는 두 손의 오버헤드 샷

청중의 성격과 요구 사항에 대해 생각하는 데 시간을 할애하고 방문자가 원하는 부분으로 바로 이동할 수 있도록 명확하고 논리적인 탐색 구조를 설정합니다.

7. 친환경 웹 호스트 선택

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

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

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

검은색 셔츠를 입은 수염난 남자가 짙은 파란색 배경 앞에 집 식물을 들고 있다

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

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