Google Chrome은 Windows 11을 포함하여 10,000시간 이상 사용자를 절약했다고 ​​주장합니다.

Chromium 개발팀은 지난 몇 년 동안 달성할 수 있었던 성능 개선 사항을 간략하게 설명하는 블로그 게시물을 오늘 일찍 게시했습니다. 평가는 웹 페이지 성능을 측정하여 웹 개발자가 사용자의 탐색 경험을 최적화하고 개선하는 데 도움이 되는 Core Web Vitals를 기반으로 합니다.

개선 사항에는 Windows 11도 포함됩니다. Chromium에서는 탭 제한 에 도움이 되는 Windows 11의 효율성 모드라고도 하는 EcoQOS(서비스 품질)의 사용을 언급합니다 . Firefox가 Chromium이 아닌 Gecko 엔진을 기반으로 함에도 불구하고 Firefox도 이를 지원한다는 점은 주목할 만합니다 .

기타 중요한 개선 사항은 사전 렌더링 , BFcache 등을 통해 얻을 수 있는 이점에 대해 설명합니다 .

Chrome의 핵심 웹 바이탈 성과

우리는 성능을 최적화한 다양한 방법을 강조하게 된 것을 자랑스럽게 생각합니다.

• 뒤로 /앞으로 캐시(bfcache)는 즉각적인 뒤로 및 앞으로 탐색을 활성화하여 검색 경험을 향상시키도록 설계되었습니다. BFCache의 적중률은 Android(3.6%)와 데스크톱(1.8%) 모두에서 전월 대비 향상되었습니다.
• 특히 영향력 있는 최적화의 또 다른 예는 포인터를 위로 올리는 것이 아니라 포인터를 아래로 내려 원본에 연결하는 PreconnectOnAnchorInteraction 기능입니다. 완전히 출시된 이 기능은 Android/데스크톱에서 중앙값 LCP가 6/10ms(0.4/1%) 향상되었고, Android와 데스크톱 모두에서 교차 출처 LCP가 최대 60ms 향상되었습니다.
  또한 이번 출시로 인해 콘텐츠 광고 수익이 0.08% 증가하여 성능 최적화가 사용자 참여 및 생태계 건전성에 미치는 상당한 영향이 강조되었습니다.
• 또한 사용자가 실제로 방문하기 전에 페이지를 렌더링하여 페이지를 즉시 로드하는 사전 렌더링 기능 도 도입했습니다 . 검색주소창에 직접 URL을 입력하여 페이지를 로드하면 플랫폼에 따라 사전 렌더링 시 LCP 중앙값이 500~700ms(14~25%) 향상되어 모든 탐색에서 전역 LCP 중앙값이 6.4ms 이동합니다. 현재 검색주소창에서 시작하는 검색어의 사전 렌더링을 출시하고 있습니다.
• Chrome은 백그라운드 탭이 방해가 되지 않도록 열심히 노력해 왔습니다. Windows 11의 EcoQOS에서 실행되는 배경 탭에 대한 탭 조절을 구현하고 macOS의 작업 역할 및 QoS 조정을 구현하면 LCP( Largest Contentful Paint ) 및 INP( Interaction to Next Paint ) 가 개선되었습니다 .
• 모든 유형의 애플리케이션을 실행할 수 있는 웹의 최신 기능에는 이로 인해 발생하는 작업 부하를 관리해야 하는 의무도 따릅니다. 우리는 여러 활성 탭에서 Chrome을 최적화해 왔으며 지난 6개월 동안 INP가 5%, LCP가 2% 향상된 일정 및 경합 개선 사항을 보고하게 되어 기쁘게 생각합니다.
• 우리는 2022년에 Chrome의 페이지 로딩 코드를 목표로 개선했습니다. 그 결과 Android에서 LCP가 10% 향상되었고 CWV 통과율이 1.5% 향상되었습니다.
• Chrome의 렌더러도 일부 개선되었습니다. 렌더러의 기본 스레드에는 JavaScript, 렌더링 및 이미지 로딩을 위한 작업 대기열이 포함되어 있습니다. 최적의 CWV를 위해 이러한 작업의 우선순위를 변경하는 일부 변경 사항은 다음과 같습니다.
  • 높은 우선순위 이미지 로딩: 역사적으로 이미지 로딩은 렌더링보다 우선순위가 같거나 낮았습니다. 그러나 실험에 따르면 이미지 로드 작업과 렌더링 작업 사이에서 이미지 로드 작업을 먼저 선택하면 이미지가 없는 중간 프레임의 레이아웃 이동을 방지하고 LCP도 향상시킬 수 있는 것으로 나타났습니다.
  • 75번째 백분위수에서 Android의 개선은 CLS의 경우 -6.66%, LCP의 경우 -0.82%로 Android의 CWV 합격률이 +0.24% 향상되었습니다. HTML에서 파싱된 처음 5개 이미지(아이콘 크기가 아닌 이미지의 경우)의 로딩 우선순위를 ‘중간’으로 높인 유사한 실험에서는 Android에서 CLS의 경우 -6.08%, -0.53%의 75번째 백분위수로 개선된 것으로 나타났습니다. LCP. 결합된 실험에서는 두 가지 변화의 효과가 대체로 독립적인 것으로 나타났습니다.
  • 지연 후 합성 우선 순위 지정 : 마지막 합성 작업 실행 후 100ms가 넘은 경우 대기 중인 합성 작업의 우선 순위를 높여 일반 우선 순위 작업을 선점합니다. 이로 인해 95번째 백분위수에서 Android 및 Windows의 CLS가 -0.27% 향상되었습니다.
  • SVG 래스터 최적화: 또 다른 SVG 도면 최적화는 75번째 백분위수에서 MacOS의 데스크톱 INP 통과율을 -2.28% 향상시켰습니다.

Chromium 웹사이트에서 공식 블로그 게시물을 읽을 수 있습니다 .