Mozilla, Google, Microsoft ΠΈ Apple Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ тСст ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Speedometer 3.0

Бпустя ΡˆΠ΅ΡΡ‚ΡŒ Π»Π΅Ρ‚ c ΠΌΠΎΠΌΠ΅Π½Ρ‚Π° ΠΏΡ€ΠΎΡˆΠ»ΠΎΠ³ΠΎ выпуска прСдставлСн ΠΎΠ±Π½ΠΎΠ²Π»Ρ‘Π½Π½Ρ‹ΠΉ инструмСнтарий для тСстирования ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΈ отзывчивости web-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² — Speedometer 3.0, ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ совмСстно компаниями Mozilla, Google, Microsoft ΠΈ Apple. ΠšΠ»ΡŽΡ‡Π΅Π²ΠΎΠΉ Π·Π°Π΄Π°Ρ‡Π΅ΠΉ тСстового Π½Π°Π±ΠΎΡ€Π° называСтся ΠΎΡ†Π΅Π½ΠΊΠ° Π·Π°Π΄Π΅Ρ€ΠΆΠ΅ΠΊ ΠΏΡ€ΠΈ симуляции Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с Ρ‚ΠΈΠΏΠΎΠ²Ρ‹ΠΌΠΈ web-прилоТСниями.

Speedometer 3.0 стал ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ Π½Π°Π±ΠΎΡ€ΠΎΠΌ для ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ², созданным совмСстно прСдставитСлями ΠΊΠΎΠ½ΠΊΡƒΡ€ΠΈΡ€ΡƒΡŽΡ‰ΠΈΡ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½Ρ‹Ρ… Π΄Π²ΠΈΠΆΠΊΠΎΠ² Blink/V8, Gecko/SpiderMonkey ΠΈ WebKit/JavaScriptCore, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ сумСли Π²Ρ‹Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰ΡƒΡŽ ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ Π² ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ тСстирования. Код Speedometer распространяСтся ΠΏΠΎΠ΄ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠ΅ΠΉ BSD ΠΈ начиная с 2022 Π³ΠΎΠ΄Π° разрабатываСтся Π² соотвСтствии с Π½ΠΎΠ²ΠΎΠΉ модСлью управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ, ΠΏΠΎΠ΄Ρ€Π°Π·ΡƒΠΌΠ΅Π²Π°ΡŽΡ‰Π΅ΠΉ совмСстноС принятиС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ с достиТСниСм консСнсуса. Π Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ для участия Π»ΡŽΠ±Ρ‹Ρ… заинтСрСсованных Π»ΠΈΡ† ΠΈ продвиТСния своих ΠΈΠ΄Π΅ΠΉ ΠΈ исправлСний.

Π’ Speedometer 3.0 осущСствлён ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²Ρ‹Ρ… выпусков Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte ΠΈ Vue. ЗадСйствованы соврСмСнныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ проСктирования сайтов ΠΈ web-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, использованиС Webpack, Web Components ΠΈ Π½ΠΎΠ²Ρ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² Ρ€Π°Π±ΠΎΡ‚Ρ‹ с DOM. Π”ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ тСсты для ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ отрисовки ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ элСмСнта Canvas, Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ SVG, ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ слоТных CSS, Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΎΡ‡Π΅Π½ΡŒ большими Π΄Π΅Ρ€Π΅Π²ΡŒΡΠΌΠΈ DOM ΠΈ использования ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ², примСняСмых ΠΏΡ€ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ WYSIWYG ΠΈ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с новостными сайтами.

Π’ инструмСнтарии для запуска тСстов Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ спСктр ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Π΅ΠΌΡ‹Ρ… ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Ρ€Π΅Π½ΠΈΠΈ Ρ€Π΅Π°ΠΊΡ†ΠΈΠΈ Π½Π° дСйствиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, измСряСтся Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ врСмя выполнСния ΠΊΠΎΠ΄Π°, Π½ΠΎ ΠΈ врСмя отрисовки ΠΈ асинхронного выполнСния Π·Π°Π΄Π°Ρ‡. Для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Ρ‹ инструмСнты для Π°Π½Π°Π»ΠΈΠ·Π° Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² выполнСния тСстов, профилирования ΠΈ измСнСния ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² тСстов. ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»Π΅Π½Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания собствСнных слоТных сцСнариСв запуска тСстов.

Π­Ρ‚Π°Π»ΠΎΠ½Π½Ρ‹Π΅ тСсты, задСйствованныС Π² Speedometer 3.0 для ΠΎΡ†Π΅Π½ΠΊΠΈ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ:

  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅, Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈ ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ 100 Π·Π°ΠΌΠ΅Ρ‚ΠΎΠΊ с использованиСм ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€Π° Π·Π°Π΄Π°Ρ‡ TodoMVC, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π² Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°Ρ… Π½Π° Π±Π°Π·Π΅ Ρ€Π°Π·Π½Ρ‹Ρ… web-Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ², ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² Ρ€Π°Π±ΠΎΡ‚Ρ‹ с DOM ΠΈ вСрсий стандарта ECMAScript. НапримСр, Π·Π°ΠΏΡƒΡΠΊΠ°ΡŽΡ‚ΡΡ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ TodoMVC Π½Π° Π±Π°Π·Π΅ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte ΠΈ Lit, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ возмоТности, появившиСся Π² спСцификациях ECMAScript 5 ΠΈ ECMAScript 6.
  • Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ тСкста с Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΎΠΉ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ WYSIWYG, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹ ΠΊΠΎΠ΄Π° CodeMirror ΠΈ TipTap.
  • Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈ взаимодСйствиС с Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ, ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½Ρ‹ΠΌΠΈ Ρ‡Π΅Ρ€Π΅Π· элСмСнт canvas ΠΈΠ»ΠΈ сгСнСрированными Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ SVG ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ Observable Plot, chart.js ΠΈ react-stockcharts.
  • Навигация ΠΏΠΎ страницам ΠΈ взаимодСйствиС с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ Π½Π° Ρ‚ΠΈΠΏΠΎΠ²Ρ‹Ρ… новостных сайтах, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ web-Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΈ 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 — 12.1 ΠΈ 186 Π±Π°Π»Π»ΠΎΠ² Π² вСрсиях Speedometer 3.0 ΠΈ 2.1.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: opennet.ru