Google Chrome 및 Chromium 기반 웹 브라우저는 'iframe 지연로드'기능을 개선하는 새로운 성능을 얻습니다.

구글 크롬

Chrome 및 Microsoft의 새로운 Edge, Opera, Vivaldi, Brave 등과 같이 Chromium 기반에 의존하는 모든 웹 브라우저는 이제 전반적인 성능을 개선하는 데 도움이되는 새로운 기능을 지원합니다. 이러한 브라우저는 이제 'iframe 콘텐츠의 지연로드'를 지원할 수 있습니다. 새로운 기능은 웹 콘텐츠로드를 지능적으로 배열하고 예약하여 이러한 웹 브라우저의 성능을 개선하고 균형을 맞추는 데 도움이됩니다.

Google은 가장 인기있는 일부 웹 브라우저를 구동하는 Chromium 기반을 개선했습니다. 코어는 이제 'iframe 지연로드'를 지원합니다. 이 기능은 방대한 양의 콘텐츠가 포함 된 대형 웹 페이지를로드하는 데 중요합니다. 지연로드는 브라우저에 부담을주는 컨텐츠의 동시로드를 방지합니다. 또한 동시로드는 웹 브라우저 및 결국 PC의 성능에 부정적인 영향을 미칠 수 있습니다.

브라우저에서 웹 페이지의 원활한 작동을 보장하는 Chromium의 'iframe 지연로드'기능 :

Google은 확인 자체 Google Chrome 웹 브라우저뿐만 아니라 여러 다른 브라우저를 지원하는 Chromium 기반은 이제 iframe 콘텐츠의 지연로드를 지원합니다. 새로운 기능은 Google이 최근 Chromium 및 Chrome에서 이미지의 지연로드에 대한 지원을 도입 한 직후에 제공됩니다. 간단히 말해, 이제 이미지와 멀티미디어 콘텐츠가 선택적으로로드 될뿐만 아니라 일반적으로 iframe 내에 정렬되는 핵심 콘텐츠도로드됩니다.

기술적 관점에서 지연로드는 사용자가 액세스하거나 스크롤 범위에있을 때까지 브라우저가 특정 콘텐츠를로드하지 못하도록 제한합니다. 페이지가 처음으로로드되면 스크롤없이 볼 수있는 부분에 표시되지 않는 콘텐츠가 '지연로드'될 수 있습니다. 사용자가 아래로 스크롤하면 스크롤 동작이 발생하는 동안 콘텐츠가로드됩니다.

Chromium 브라우저는 성능을 지원하기 위해 iframe 지연로드를 지원합니다. #게으른 #크롬 # 코 비디오 텐 https://t.co/3BepsAwEz9 pic.twitter.com/yRPKble0W5

— ghacksnews (@ghacks) 2020 년 7 월 25 일

Chromium 기반 웹 브라우저의 'iframe 지연로드'기능은 동일한 기술을 따릅니다. 그러나 웹 마스터 나 웹 사이트 디자이너는 사이트 코드에서 iframe에 loading =”lazy”속성을 사용하는 것이 중요합니다. 이 속성은 콘텐츠가 즉시로드되지 않아야하며 스크롤 패턴에 따라로드 될 수 있음을 브라우저에 알립니다.

추가 할 필요없이 최근까지 '지연 로딩'을 지원하지 않는 브라우저는 속성을 완전히 무시하고 가능한 한 많은 콘텐츠를로드하거나 액세스 할 수있었습니다. 이로 인해 스마트 폰, 태블릿 등 웹 브라우저와 결국 PC 또는 인터넷 지원 장치에 약간의 압력이 가해집니다. RAM이 많고 CPU가 강력한 장치는 브라우저를로드하는 데 큰 영향을 미치지 않습니다. 동시에 많은 콘텐츠, 제한되거나 낮은 RAM 및 경량 CPU가있는 장치가 부정적인 영향을받을 수 있습니다.

반면 '지연 로딩'을 지원하는 브라우저는 그에 따라 로딩을 처리합니다. 덧붙여서 모질라 파이어 폭스 버전 75가 출시 된 이후로이 기능을 지원할 수있었습니다. Firefox는 현재 버전 v78 (안정)입니다.

지연로드가 웹 브라우저에 얼마나 긍정적 인 영향을 미칩니 까?

Google은 웹 브라우저에서 iframe 지연로드의 영향을 판단하기 위해 몇 가지 테스트를 실행했습니다. 다음은 관찰 된 내용입니다.

• YouTube 삽입을 지연로드하면 초기 페이지로드시 약 500KB가 절약됩니다.
• Chrome.com에서 Google은 페이지의 YouTube 삽입에 lazy 속성을 추가했을 때 휴대 기기에서로드 시간을 10 초 단축했습니다.
• 지연 로딩 Instagram 임베드는 초기로드시 약 100KB를 절약합니다.
• 지연 로딩 Spotify 임베드는 초기로드시 514KB를 절약합니다.

https://twitter.com/PickJBennett/status/1116776399988121600

결과는 다를 수 있지만 오프 스크린 iframe을 지연로드하면 일반적으로 데이터 중앙값이 2-3 % 절약되고 첫 번째 콘텐츠 전체 페인트가 1-2 %, 첫 번째 입력 지연이 2 %가됩니다. Google은 또한 웹 사이트의 광고 속성로드 . 간단히 말해서 Google은이 기능을 사용하여 선택적으로 광고로드 .