속도계는 브라우저 성능을 측정합니다.
웹 개발에서 달성한 큰 발전과 웹 개발의 통합을 달성하기 위한 모든 노력에도 불구하고 2024년 중반은 브라우저가 공통 표준에 도달하지 못한(또는 원하지 않은) 날짜입니다. 좋든 나쁘든, 이러한 상황으로 인해 각 브라우저는 당시 다른 브라우저에 구현된 일부 기능이나 이점을 갖게 되었습니다.
웹 브라우저의 성능 측정에 대해 이야기하는 것은 다른 경우만큼 간단하지 않습니다. 왜냐하면 이 경우에는 다양한 측면이 검사되고 이것이 일반적으로 다양한 도구가 사용되는 이유이기 때문입니다. 그러나 이제는 웹의 거물급 기업들이 힘을 합쳤기 때문에 상황이 달라질 수 있습니다.
그리고 마지막 출시 이후 6년 만에 선보입니다. 웹 브라우저의 성능과 반응성을 평가하기 위한 업데이트된 도구: Mozilla, Google, Microsoft, Apple이 공동으로 개발한 속도계 3.0은 일반적인 웹 애플리케이션을 사용한 사용자 작업을 시뮬레이션하여 지연을 추정하는 데 중점을 둡니다.
선도적인 웹 브라우저 엔진인 Blink/V8, Gecko/SpiderMonkey 및 WebKit/JavaScriptCore와 협력하여 Speedometer 3.0을 출시하게 되어 기쁘게 생각합니다. 속도계와 같은 벤치마크는 브라우저 공급업체가 성능을 향상할 수 있는 기회를 찾는 데 도움이 되는 도구입니다. 이상적으로는 사용자가 일반적인 웹사이트에서 찾는 기능을 시뮬레이션하여 브라우저가 사용자에게 유익한 영역을 최적화할 수 있도록 합니다.
속도계 3.0 정보
속도계 3.0은 함께 만들어진 최초의 브라우저 성능 테스트 제품군으로 주목할 만함 이는 주요 브라우저 엔진 개발자에 의해 이루어졌으며 이는 공통 테스트 정책의 개발을 통해 가능해졌습니다.
테스트 실행을 위한 도구 세트 다양한 작업을 고려하도록 확장되었습니다. 사용자 행동에 대한 반응을 측정하여 브라우저의 반응을 측정합니다. 여기에는 코드 실행 시간뿐만 아니라 렌더링 시간 및 비동기 작업 실행도 포함됩니다.
브라우저 개발자가 테스트 결과를 분석하고, 성능 프로필을 생성하고, 필요에 따라 테스트 매개변수를 조정할 수 있는 도구가 개발되었습니다. 또한 복잡한 사용자 정의 테스트 시작 스크립트를 생성하는 기능도 제공됩니다.
속도계 3.0 업데이트와 관련하여, 새로운 버전의 프레임워크를 사용하도록 전환되었습니다. Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte 및 Vue. Webpack, 웹 구성요소 사용, DOM 작업을 위한 업데이트된 방법 등 사이트 및 웹 애플리케이션을 위한 현대적인 디자인 패턴도 구현되었습니다.
포함되었습니다 렌더링 성능을 평가하기 위한 추가 테스트 캔버스 요소, SVG 생성, 복잡한 CSS 처리, DOM 트리 처리 WYSIWYG 콘텐츠 편집 및 뉴스 사이트에 사용되는 광범위한 기술.
속도계 3.0, 평가하도록 설계되었습니다. 사용된 다양한 벤치마크의 성능:
- TodoMVC에서 메모를 추가, 완성 및 삭제합니다. 100개의 노트 추가, 완료, 삭제와 같은 작업은 TodoMVC 작업 관리자를 사용하여 수행됩니다. 이는 다양한 웹 프레임워크, DOM을 사용한 작업 방법 및 ECMAScript 표준 버전을 기반으로 한 변형으로 구현됩니다. TodoMVC 옵션의 예로는 React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte 및 Lit와 같은 프레임워크는 물론 ECMAScript 5 및 ECMAScript 6 사양에 도입된 고급 기능을 사용하는 옵션이 포함됩니다.
- WYSIWYG 모드에서 텍스트 편집: WYSIWYG 마크업을 사용한 텍스트 편집은 CodeMirror 및 TipTap과 같은 코드 편집기를 사용하여 평가됩니다.
- 그래픽 로딩 및 상호작용: 캔버스 요소를 사용하여 디자인되거나 Observable Plot, Chart.js 및 React-stockcharts와 같은 라이브러리를 사용하여 SVG 형식으로 생성된 그래픽의 로딩 및 상호 작용이 평가됩니다.
- 뉴스 사이트 탐색 및 상호 작용: Next.js 및 Nuxt 웹 프레임워크를 사용하여 일반적인 뉴스 사이트에서 페이지 탐색 및 콘텐츠 상호 작용을 시뮬레이션합니다.
Speedometer 3.0 테스트를 통과한 결과, macOS에서는 Chrome이 22.6점으로 선두를 달리고 있으며 Firefox가 20.7점, Safari가 19.0점으로 그 뒤를 바짝 쫓고 있습니다. 이에 비해 Speedometer 2.1에서는 Safari가 481점으로 선두를 달리고 있었고, Firefox는 478점으로 뒤를 이었습니다. Chrome은 동일한 브라우저를 사용한 동일한 테스트에서 404점으로 눈에 띄게 뒤처졌습니다. Ubuntu 22.04에서 Chrome은 13.5점과 234점을 얻었고, Firefox는 Speedometer 버전 12.1과 186에서 각각 3.0점과 2.1점을 얻었습니다.
마침내 당신이 있다면 그것에 대해 더 알고 싶은 관심, 세부 사항을 확인할 수 있습니다 다음 링크에서.