Chrome은 iframe 블록의 지연 로딩 지원을 추가합니다.

Chrome 브라우저 개발자 сообщили 웹 페이지 요소의 지연 로딩 수단을 확장하여 사용자가 페이지를 요소 바로 앞의 위치로 스크롤할 때까지 표시 영역 외부에 있는 콘텐츠가 로드되지 않도록 허용하는 방법에 대해 설명합니다. 이전에는 Chrome 76 및 Firefox 75에서 이 모드가 이미지에 대해 이미 구현되었습니다. 이제 Chrome 개발자는 한 단계 더 나아가 iframe 블록을 지연 로드하는 기능을 추가했습니다.

페이지의 지연 로딩을 제어하기 위해 "iframe" 태그에 "loading" 속성이 추가되었습니다. 이 속성은 "lazy"(로드 지연), "eager"(즉시 로드) 및 "auto"(로딩 지연) 값을 사용할 수 있습니다. 모드가 활성화되면 브라우저의 재량에 따라 라이트). 지연 로딩은 메모리 소모를 줄이고 트래픽을 줄이며 초기 페이지 열기 속도를 높일 것으로 예상됩니다. 예를 들어, 새 모드가 활성화되면 Twitter, Facebook 및 YouTube용 광고 및 위젯이 포함된 블록은 사용자가 해당 블록 이전 위치로 페이지를 스크롤할 때까지 사용자에게 표시되지 않으면 더 이상 즉시 로드되지 않습니다.

개발자에 따르면 지연 로딩은 평균적으로 트래픽의 2~3%를 절약하고 트래픽 수를 줄입니다. 초기 렌더링 1~2% 정도 줄어들 것입니다. 입력이 가능해지기 전의 지연 2%에. 특정 사이트의 경우 변경 사항이 더 눈에 띕니다. 예를 들어 YouTube 블록의 지연 로딩을 활성화하면 다운로드되는 데이터가 약 500KB, Instagram이 100KB, Spotify가 500KB, Facebook이 400KB 감소합니다. 특히, Chrome.com 웹사이트에서 YouTube 블록의 레이지 로딩을 사용하면 모바일 기기에서 페이지가 상호작용을 시작할 수 있을 때까지 기다리는 시간을 최대 10초까지 단축할 수 있었고, 처음에 JavaScript 코드를 511KB만큼 로드했습니다.

출처 : opennet.ru