물을 덜 쓰는 사이트
웹사이트가 물을 사용하는 이유
전송되는 모든 페이지는 서버와 네트워크를 통해 이동합니다. 그들은 전기를 사용하고 뜨거워집니다. 많은 데이터 센터는 물로 냉각되고, 전기 생산은 물도 사용합니다. 적은 데이터를 전송하는 것은 에너지와 물의 감소를 의미합니다.
10가지 간단한, 무료 단계
- 가벼운 이미지: 웹P 또는 AVIF, 적절한 크기로,
srcset그래서 휴대폰은 작은 버전으로 만들어집니다. - 게으른 로딩:
loading="lazy"그리고decoding="async"접기 아래의 사진에 대해 - 긴 캐시:
캐시 컨트롤: 최대 연령=31536000, 변수각 버전과 함께 이름이 변경되는 파일 - 정적 사이트 및 CDN: 고정된 페이지, 방문자에게 가까운 곳에서 제공되며, 방문마다 작업이 없습니다.
- 자동 재생 비디오나 오디오가 없습니다. 사용자가 클릭할 때만 재생합니다.
- 자바스크립트 사용량이 줄어들기: 사용하지 않는 것을 제거하고 나머지는 필요한 페이지에만 로드하십시오.
- 명예
prefers-reduced-motion그리고 탭이 숨겨져 있을 때 애니메이션을 일시 중지합니다. - 제3자 스크립트 수가 거의 없습니다. 추적기나 불필요한 위젯이 없습니다.
- 글꼴: 몇 개의 무게, WOFF2, 알파벳으로 나뉘어
- 측정: EcoIndex 같은 도구로 페이지의 전후 테스트를 합니다.
라피스가 하는 일
- CDN에 있는 정적 페이지, 데이터베이스와 실시간 인공지능이 없습니다.
- 웹P 이미지 3 크기의 (srcset), 첫 번째 화면의 아래에서 게으른 로드.
- WOFF2 글꼴은 알파벳에 따라 나뉘어 있습니다. 필요한 알파벳만 다운로드됩니다.
- 추적기, 광고, 자동 재생 비디오가 없습니다.
- 게임 애니메이션은 탭이 숨겨져 있을 때 일시 중지하고, reduce motion가 존중됩니다.
첫 번째 로드 (390 px 전화) 에서 측정 된 무게
| 페이지 | 이전 | 그 후 |
|---|---|---|
| 홈 /프/ | 486 KB | 487 KB |
| 제이프리 | 381 KB | 382 KB |
| 음악 /fr/음악/ | 217 KB | 218 KB |
출처
이 가이드에는 무료입니다. 제품 추천은 없습니다.