지속 가능한 웹 브라우징 Chrome OffiDocs와 함께

기술

인터넷은 현대 생활의 큰 부분을 차지했으며 그 사용 횟수는 여전히 꾸준히 증가하고 있습니다.

이러한 사용 증가로 인해 웹 페이지 및 기타 필수 구성 요소가 실행되는 서버와 최종 사용자의 컴퓨터에 에너지 비용이 발생합니다.

웹 페이지가 필요 이상으로 더 많은 에너지를 소비하는 방법에는 여러 가지가 있습니다.

첫째, 개발자는 일반적으로 효율적인 에너지 소비를 우선시하지 않기 때문에 웹 페이지가 비효율적으로 구축됩니다.

둘째, 웹 페이지에는 이미지와 같이 방문자가 관심을 갖지 않는 불필요한 요소가 많이 표시되는 경우가 많습니다.

웹 페이지를 보다 에너지 효율적으로 만드는 이점은 개발자에게는 그다지 명확하지 않습니다.

웹 효율성에 초점을 맞추는 경우 일반적으로 에너지 소비가 아닌 페이지 로딩 속도 및 비트 전송률이 낮은 사람들의 접근성과 같은 다른 이유로 인해 발생합니다.

이러한 집중력 부족으로 인해 웹을 보다 효율적으로 만들면 많은 에너지를 절약할 수 있습니다.

구체적으로 우리는 서버 측의 효율성을 높이는 방법을 모색할 것입니다.

이를 수행하는 가장 효율적인 방법은 웹 페이지를 직접 조정하는 것이지만 외부에서 수행할 수도 있습니다.

우리는 웹 페이지가 로드되기 전에 필터링하는 브라우저 확장을 구축하여 이를 수행하는 것을 목표로 합니다.

이 확장 프로그램은 브라우저에 추가할 수 있으며 방문 중인 모든 웹 페이지에 자동으로 필터를 추가합니다.

확장 기능을 사용하면 페이지에서 테두리, 그림자, 애니메이션 및 전환, 배경 및 기타 장식과 같은 불필요한 기능이 제거됩니다.

글꼴은 기본적으로 모든 브라우저에 내장된 Arial로 설정됩니다.

그레이 스케일이 사이트에 오버레이되고 이미지가 빈 프레임으로 교체됩니다.

이러한 브라우저 확장을 구현하기 위해 우리는 주로 CSS 삽입을 활용했습니다.

이는 페이지가 로드되기 전에 수행될 수 있으므로 페이지의 기능을 변경하지 않고 페이지 로드 방출을 줄이는 목표에 완벽하게 적합합니다.

이 방법은 페이지별로 지정되지 않으므로 확장 프로그램은 모든 웹 페이지에서 활성화될 수 있습니다.

CSS를 삽입하면 페이지의 많은 스타일 스크립팅을 덮어쓸 수 있고 많은 경우에 이미지를 제거할 수도 있습니다.

또한 이를 사용하여 전환을 제거하고 페이지의 모든 요소를 ​​단순화합니다. 페이지는 회색조이고 글꼴은 Arial로 기본 설정되어 있으며 텍스트 장식과 그림자는 제거되고 색상도 기본값으로 설정됩니다.

이러한 모든 요소가 페이지를 더욱 단순화된 버전으로 만듭니다.

CSS 삽입이 완료되면 페이지가 로드됩니다.

그래야만 페이지의 콘텐츠를 설명하는 모델인 DOM(Document Object Model)에서 자바스크립트를 실행할 수 있습니다.

여기에서는 모든 이미지와 비디오, 오디오 등의 기타 미디어 요소가 페이지에서 제거됩니다.

추가 정보 :

- 코엔하겐 제공
- 평균 평점 : 별 0개 (싫음)
-개발자 이 이메일 주소는 스팸봇으로부터 보호됩니다. 당신은 자바 스크립트를 활성화해야합니다.

지속 가능한 웹 브라우징 웹 extension OffiDocs와 통합 Chromium 온라인