Google Chrome의 기본 동영상 및 오디오 지연 로딩 기능으로 웹 성능을 향상시키세요.

Google Chrome의 기본 동영상 및 오디오 지연 로딩 기능으로 웹 성능을 향상시키세요.

구글 크롬 및 크로미움 브라우저에서 지연 로딩에 대한 기본 지원이 곧 제공될 예정입니다.

구글 크롬은 엣지, 비발디 등 다른 크로미움 기반 브라우저와 마찬가지로 동영상 및 오디오 콘텐츠의 지연 로딩을 기본적으로 지원할 예정입니다.이 기능 개선안은 크로미움 프로젝트에 꾸준히 기여해 온 독립 개발자 헬무트 야누슈카가 제안했습니다.

레이지 로딩 이해하기

지연 로딩(Lazy Loading) 개념은 크롬에서 수년 동안 존재해 왔으며, 원래는 이미지와 iframe에만 적용되었습니다.이번 제안은 이 기능을 비디오 및 오디오 파일로 확장하는 것을 목표로 하며, 특히 미디어 콘텐츠가 많은 웹사이트의 페이지 로딩 속도를 크게 향상시킬 것으로 기대됩니다.

크롬 자동 지연 로딩

지연 로딩은 어떻게 작동할까요?

지연 로딩은 미디어 파일이 필요할 때까지 완전히 로드되지 않도록 하여 웹 성능을 최적화합니다.예를 들어, 일반적인 웹 브라우징 환경에서 동영상과 이미지는 스크롤이나 탐색을 통해 화면에 표시될 때만 로드됩니다.이 기능이 없으면 Chrome과 같은 브라우저는 이러한 미디어 요소를 너무 일찍 로드하여 웹사이트 성능을 저하시킬 수 있습니다.

현행 관행 및 한계점

많은 웹사이트에서 오디오 및 비디오의 지연 로딩을 구현하기 위해 JavaScript를 사용하지만, 이 방법은 가장 효율적이지는 않습니다.개발자 헬무트 야누슈카는 “네이티브 지원이 없으면 개발자는 미디어 요소가 뷰포트에 나타나는 시점을 감지하기 위해 Intersection Observer를 사용하는 사용자 지정 JavaScript 솔루션을 구현해야 합니다.”라고 지적했습니다.이처럼 JavaScript에 의존하는 방식은 잠재적인 오류를 발생시킬 뿐만 아니라 리소스 관리를 복잡하게 만들고 브라우저의 사전 로딩 기능을 효과적으로 활용하지 못하게 합니다.

제안된 네이티브 통합

야누슈카는 리소스 관리를 개선하기 위해 HTML에 `<load-load-page>`와 같은 네이티브 지연 로딩 속성을 직접 통합할 것을 권장합니다 loading="lazy".이를 구현하면 브라우저가 미디어 파일 로드 시점을 효율적으로 처리할 수 있어 궁극적으로 성능이 향상되고 불필요한 데이터 사용량이 줄어듭니다.야누슈카는 “네이티브 지연 로딩을 통해 브라우저는 네트워크 상태를 고려한 임계값을 설정하여 리소스 로딩을 최적화할 수 있습니다.”라고 강조했습니다.

진행 상황 및 향후 구현 계획

Windows Latest 의 보도에 따르면, 이 기능의 초기 단계는 1월에 이미지와 iframe에 대한 구현으로 시작되었으며, 이후 개발 파이프라인을 거쳐 점진적으로 발전해 왔습니다.새로운 업데이트는 이 기능이 Chrome 148 안정 버전에 곧 출시될 것임을 암시하며, 성능 향상을 간절히 바라는 사용자들에게 시기적절한 소식이 될 것으로 보입니다.

관련 기사:

일부 PC에서 Windows 11 보안 부팅 2023 업데이트가 실패하여 펌웨어 관련 광범위한 문제가 드러났습니다.
방탄소년단 최고의 노래와 최악의 노래를 종합적으로 순위 매기기

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다