웹 사이트의 탄소 발자국을 계산하고 감소하는 방법을 계산하십시오.

이제 모든 사람들이 "지구 온난화"와 "지속 가능성"에 대해 이야기합니다. "우리는 플라스틱의 사용을 줄이거 나 개인 유리를 가지고 다니거나 전기 자동차로 돌리려고 노력하지만 ... 우리가 매일 우리가 얼마나 많은 웹 사이트를 만들거나 신경 쓰는가? 이 세상의 '부담'은 얼마입니까? "

비즈니스 소유자, 마케팅 담당자 및 대부분의 웹 사이트 개발자는 SEO, 사용자 경험 개선 및 전환율을 추가하는 경향이 있지만, 우리는 우리의 작업에 숨겨진 "보이지 않는"비용이 웹 사이트 자체의 에너지로 인한 "탄소 발자국"또는 탄소 발자국이라는 것을 잊을 수 있습니다.

인생의 실제 문제

상상해보십시오 : 당신은 방금 최신 웹 사이트를 시작했습니다. 아름다운 디자인, 눈을 가리기, 영웅 배너 비디오, 4K 해상도, 흐르는 비 이미 식 및 모든 날카로운 제품의 이미지. 당신은 그것을 매우 자랑스럽게 생각합니다. 그리고 방문객의 수는 좋아 보이지만, 당신이 알지 못하는 것은 당신의 웹 사이트가 거대한 서버에서 "에너지를 펌핑"할 수있는 아름다움의 뒤에 있다는 것입니다. 그리고 방출 이산화탄소 (CO₂)는 매월 수십 킬로미터를 운전하는 것과 같습니다. 문제는 ... 우리는 결코 "성전"입니다. 우리는 우리의 웹 사이트 가이 세상의 눈에 "깨끗한"또는 "더러운"방법조차 알지 못합니다. 그리고 중요한 것은 우리가 "편집"을 시작해야 할 곳을 모른다는 것입니다.

-삽화를위한 홍보-

이미지는 웹 사이트의 "보이지 않는 비용"이라는 개념을 보여 주며 한쪽은 아름답고 현대적인 웹 페이지입니다. 다른 쪽은 희미한 이미지입니다. 연결된 발전소 또는 전원 케이블 중에 사용 된 에너지를 전달합니다.

그 문제가 발생한 이유는 무엇입니까?

많은 사람들이 "그림이있는 코드 인 웹 사이트는 어떻게 오염을 만들 수 있습니까?"라는 생각보다 더 간단합니다. 웹 사이트의 모든 요소. 문자, 그림, JavaScript 코드에 이르기까지 모두 전 세계 데이터 센터에 위치한 "Server"에 저장됩니다. 이 서버는 하루 24 시간 휴가없이 "전기"가 필요합니다. 그리고 대부분의 전기는 여전히 화석 연료 연소로 생산됩니다.

누군가가 귀하의 웹 사이트를 방문하면 모든 데이터는 복잡한 인터넷 네트워크를 통해 컴퓨터 또는 휴대폰으로 "전송됩니다". 이 데이터를 전송하는 프로세스도 에너지를 사용합니다. 웹 사이트가 "무거운"(대형 사진, 자동 비디오 또는 복잡한 스크립트)가 많을수록 더 많은 에너지가 전달되고 처리해야합니다. 간단히 말하면 :

• 대형 자산 : 이미지, 비디오 및 비 압축 글꼴은 웹 페이지를 무겁게 만드는 주인공입니다.
• 블로 된 코드 : 너무 많은 플러그인 또는 CSS/JavaScript 코드를 사용하여 브라우저가 더 열심히 작동하게합니다.
• 과도한 요청 : 웹이 외부 소스 (예 : 소셜 미디어 피드, 추적 스크립트)에서 정보를 가져와야 할 때마다 더 많은 에너지를 사용하는 것입니다.
• 화석 에너지를 사용하는 데이터 센터 : 호스팅 서비스 제공 업체는 여전히 비우호적 인 환경 공급원의 에너지를 사용할 수 있습니다.

이러한 요인들은 우리가 전에는 결코 생각하지 못한 탄소 발자국으로 결합되었습니다.

-삽화를위한 홍보-

간단한 인포 그래픽 이미지는 인터넷을 통해 데이터 센터의 데이터 데이터를 인터넷을 통해 사용자 화면으로 보여줍니다. 에너지 소비를 전달하기 위해 각 단계에 "번개"또는 "Co₂"아이콘이 나타나면

남은 경우 어떤 영향을 미칩니 까?

웹 사이트 탄소 발자국의 무지는 단순한 "아름다운 세상"에 관한 것이 아니라, 자신의 사업에 큰 영향을 미칩니다.

• 환경 영향 : "인터넷"이 국가인지 알고 있습니까? 이 나라는 세계에서 6 번째로 큰 온실 가스를 출시 할 것입니다! 우리 가이 문제로 만든 모든 웹 사이트는 어느 정도입니다. 우리의 웹 사이트 "지방"과 "비효율적"을 갖도록하는 것은 불필요하게 세계에 대한 오염을 증가시키는 것과 같습니다.
• 브랜드 이미지에 미치는 영향 : 소비자 (특히 밀레 니얼 세대 및 Gen Z 그룹이 지속 가능성과보다 환경 친화적 인 브랜드에 중점을 둔 시대에, "세계"웹 사이트를 갖는 것은 브랜드에 힘이되고 브랜드에 차이를 만들 수 있습니다. 반면에 웹은 "Pollotist"는 고객의 자신감에 부정적인 영향을 줄 수 있습니다.
• 직접 비즈니스 영향 (많은 사람들이 기대합니다!) : 이것은 가장 중요한 부분입니다! 탄소 발자국이 높은 웹 사이트는 일반적으로 "느린"및 "UI AI"의 웹 사이트이며, 이는 직접적으로 영향을 미칩니다.
  • 사용자 경험 (UX) : 웹 사이트가 오랫동안 다운로드되기를 기다리는 사람은 없습니다.
  • 전환율 : 주문 비율 또는 접촉 비율이 크게 감소했습니다.
  • SEO 순위 : Google은 웹 사이트의 속도 (핵심 웹 생명체)를 순위의 중요한 요소 중 하나로 사용합니다.

따라서 탄소 발자국을 줄이는 것은 "웹 사이트 효율성 향상"자체가 단일 총을 쏘고, 3 마리의 새를 얻는 것입니다. 세상에 좋고, 이미지에 좋고, 자신의 판매에 적합합니다.

-삽화를위한 홍보-

왼쪽의 3면 비교 이미지 (측면)는 세계 모양의 아이콘이며, 중간에는 스마일 아이콘 (사용자 대신)이 있으며 오른쪽 아이콘은 (비즈니스 대신) 상승하여 모든 것이 서로에게 좋다는 것을 전달합니다.

해결책이 있습니까? 그리고 어디에서 시작해야합니까?

좋은 소식은 세상에 친숙한 웹을 만드는 것입니다. 당신이 생각하는 것만 큼 복잡하지는 않지만 "할 수 있습니다". 핵심은 "효율성"입니다. 이는 웹 사이트를 신속하게로드하고 SEO를 수행하려는 것과 동일합니다. 순위가 좋습니다. 우리는 솔루션을 3 가지 주요 부분으로 나눌 수 있으며 항상 첫 번째부터 시작해야합니다.

1. 먼저 측정 : 측정 할 수없는 것을 개선 할 수 없습니다. 가장 좋은 출발은 웹 사이트에 탄소 발자국이있는 방법을 아는 "계산"입니다. 웹 사이트 탄소 계산기 와 같은 간단한 도구를 사용하여 설정을 볼 수 있습니다.
2. 웹 성능 향상 (웹 성능 최적화) : 이것이 가장 큰 영향입니다. "가벼운"및 "빠른"웹 사이트를 만드는 것은 직접 에너지 소비를 줄이는 것입니다. 이미지 압축, 글꼴 관리 및 캐싱과 같은 다양한 기술을 다룹니다.
3. 녹색 인프라를 선택하십시오. 이는 재생 에너지로 작동하는 웹 호스팅 서비스를 선택하는 것입니다 .

"측정"에서 시작하면 어디에서 개선 해야하는지 명확하게 볼 수 있습니다. 지속 가능한 웹 디자인 가이드 에서이 개념에 대한 자세한 내용을 확인하십시오.

-삽화를위한 홍보-

인포 그래픽 이미지는 3 가지 주요 단계를 보여줍니다. 1. 아이콘 측정, 2. 최적화, 3.

성공했던 실제의 예

더 명확 해지려면 "Greencraft"라는 온라인 수제 상점의 경우를 들어 올리고 싶습니다.

개선 전에 (이전) : Greencraft의 웹 사이트에는 압축되지 않은 고해상도 제품의 이미지로 가득 차 있습니다. 자동으로 재생되는 5 개의 비디오가 있으며 외부에서 5 개의 아름다운 글꼴을 사용합니다. 결과는 거의 8 초입니다. 웹 카본 계산기에서 계산할 때, 탄소를 2.5 그램으로 방출하는 것으로 밝혀졌다. 비율 (사람들이 즉시 눌러서 닫는 요율) 최대 70%

미션 "세계를 구하기 위해 웹을 돌리십시오"(행동) : 팀은 웹 성능을 점검하기로 결정했습니다.

• 모든 이미지 압축 : Webp와 같은 새로운 형식 으로 전환
• 자동 비디오를 끄십시오 : 변경하여 사용자를 사용하여 관심이있을 때 스스로 플레이하십시오.
• 글꼴 로딩 전략 조정 : 2 가지 유형의 글꼴 만 선택하고 다운로드 방법을보다 효율적으로 조정하십시오.
• Green Hosting을 확인하고 이동 : Green Web Foundation의 인증.

업데이트 후 (후) : 결과는 매우 놀랍습니다! 새 웹 사이트는 2 초 이내에 다운로드가 완료되었습니다. 탄소 발자국 값은 0.4 그램으로 감소했습니다 (84% 감소) 바운스 비율은 45%로 감소했으며 더 중요한 것은 사용자 경험이 명확하게 향상되기 때문에 다음 달에 매출이 15% 증가했습니다. Greencraft는 또한 Badge 웹 사이트를 추가했습니다.

-삽화를위한 홍보-

전 및 후 화면의 그림. 왼쪽의 웹 사이트 탄소 계산기의 결과는 높은 CO₂을 보여주고 빨간색/오렌지 막대 (이후)는 낮은 COS를 보여주고 녹색 막대입니다. 비율 감소로

따르고 싶다면 어떻게해야합니까? (즉시 사용할 수 있음)

그것은 당신의 줄입니다! 웹 사이트를 "해독"하여 웹 사이트를 깨끗하게하고 즉시 사용할 수있는 점검 목록으로 세상을 저장하십시오.

웹 사이트의 체크리스트 감소 탄소 발자국 :

• [] 1. 시작 요금 :
  • 웹 사이트 카본 계산기 로 이동하십시오
  • 웹 사이트 URL을 입력하십시오. 그리고 "페이지보기 당 co₂의 그램"에 주목하십시오.
• [] 2. 이미지의 압축 및 조정 :
  • 모든 이미지가 웹 페이지의 과일 디스플레이에 맞도록 조정되어 있는지 확인하십시오. (4000px 이미지를 사용하여 800px 만 표시하지 마십시오)
  • Tinypng 또는 Squosh와 같은 도구를 사용하여 업로드하기 전에 파일을 압축하십시오.
  • Webp 또는 Avif와 같은 새로운 형식 이미지를 사용하는 것이 좋습니다. 이는 품질이 좋지만 파일은 훨씬 작습니다. 새로운 형태의 이미지에 관한 기사 에서 자세히 알아보십시오 .
• [] 3. 스마트 한 글꼴 관리 :
  • 가능한 한 적은 글꼴 수를 제한하십시오 (2-3 양식을 초과해서는 안됩니다)
  • 사용자 정의 글꼴을 사용하는 경우 Woff2와 같은 최신 형식을 선택해야합니다.
  • 글꼴이 웹 페이지 표시를 방해하는 것을 방지하기위한 글꼴 로딩 전략을 연구
• [] 4 오픈 현금화 :
  • 캐치는 사용자의 브라우저입니다. 웹 사이트의 일부 정보를 "기억하십시오". 따라서 새 페이지를 열거나 다시 돌아올 때마다 새 페이지를 모두 다운로드 할 필요가 없습니다.
  • WordPress를 사용하는 경우 WP Rocket 또는 Litespeed 캐시와 같은 플러그인을 사용할 수 있습니다. 확실하지 않은 경우 캐싱 전략을 읽으 십시오 .
• [] 5. 녹색 호스팅을 확인하고 선택하십시오.
  • Green Web Foundation 에서 URL을 확인하여 현재 호스팅 "Green"인지 아닌지 확인하십시오.
  • 아직 그렇지 않은 경우 100% 재생 가능 에너지를 사용하는 서비스 제공 업체를 고려하십시오.
• [] 6. 이야기를 들려주십시오.
  • 개선 후 사용자와 의사 소통하는 것을 잊지 마십시오! 바닥 글로 얼굴 지속 가능성 페이지 또는 작은 배지를 만들어 약속을 보여줄 수 있습니다.

-삽화를위한 홍보-

아름다운 체크리스트 이미지, 인포 그래픽 스타일. 이해하기 쉬운 각 아이콘으로 6 단계를 모두 요약합니다.

사람들이 궁금해하는 경향이있는 질문과 정해진 답변

질문 : 우리는 혼자서합니다. 그렇게 많이 도움이 될까요?
답변 : 많은 도움을 받으십시오! 비닐 봉투를 결합 할 때마다 작은 비닐 봉투를 줄이는 것과 같이 큰 변화를 일으킬 것이며, 가장 중요한 것은 웹 개선이 가볍고 빠르며 비즈니스에 직접적인 이점이 있습니다 (SEO 및 변환율). 두 가지 이점이라고합니다.

Q : Green Hosting은 일반 호스팅보다 비싸나요?
답 : 항상 필요한 것은 아닙니다. 현재 일반 호스팅과 경쟁력있는 가격으로 많은 양질의 녹색 호스팅 서비스 제공 업체가 있습니다. 때로는 투자가 브랜드의 이미지와 수익률의 속도에 약간 가치가 있습니다.

질문 : 코드에 대한 지식이 없다면 이런 일을 할 수 있습니까?
답 : 확실히 할 수 있습니다! 간단한 문제로 시작할 수 있습니다. 이미지 압축 이미지 (항목 2) 또는 녹색 호스팅 선택 (제 5 조)과 같은 코드를 전혀 엉망으로 만들 필요가 없습니다. 및 전문적인 개선이 두통없이 최상의 결과를 얻는 데 도움이되는 단축키 인 전문가와 상담해야 할 수도 있습니다

Q : 언제 웹의 탄소 발자국을 다시 확인해야합니까?
답변 : 웹 사이트에서 큰 변경 후 새로운 기능을 재 설계하거나 새로운 기능을 추가 한 후마다 권장됩니다. 그리고 건강을 확인하고 웹 사이트가 여전히 "적합"하고 항상 "세계를 사랑"하는지 확인하기 위해 1 년에 한 번 이상 수행해야합니다.

-삽화를위한 홍보-

물음표 아이콘 (?)과 의심스럽고 이해하는 표현을 보여주는 만화가있는 Q & A 스타일 일러스트레이션.

이해하기 쉬운 요약 + 노력하고 싶어

이 시점에서, 나는 모든 사람들이 웹 사이트의 탄소 발자국을 줄이는 것이 먼 물질이나 "세계 보존 사람들"의 이야기가 아니라는 것과 같은 이미지를 이미 보았다고 생각합니다. 그러나 그것은 품질 웹 사이트의 "새로운 표준"입니다. 그 마음은 "효율성"이며 웹이 빠르며 SEO를 강타하고 사용자에게 최고의 경험을 만듭니다.

웹 사이트를 환경 친화적으로 바꾸는 것은 브랜드가 눈에 띄게 향상되고 비즈니스 결과를 향상시킬 수있는 기회이며, 가장 중요한 것은 차세대를 위해이 세상을 돌보는 일에 참여할 수있는 기회입니다.

귀하의 웹 사이트가 단순한 "Creator"경험이 아니라 환경을 모르고 "구축함"을 알지 못하게하십시오! 이제 점검 목록을 사용하여 웹 사이트를 계산하고 개선해야합니다. "오늘"그리고 당신은 세계를위한 좋은 웹 사이트를 만드는 것을 알게 될 것입니다. 그것은 당신의 사업에 좋은 웹입니다.

전문가 팀을 돌보고 웹 사이트를 개선하는 방법을 모르면 우리는 모든 차원에서 최상의 결과를 만들기 위해 귀하의 웹 사이트를 변경할 준비가되었습니다.

-삽화를위한 홍보-

강력하고 영감은 뒷면의 노트북 화면에있는 웹 사이트, 밝은 녹색 필드보기 및 풍력 터빈은 자연을 완벽하게 결합하는 기술을 전달합니다.

‍