Speedometer 3.0, dumating salamat sa collaborative work ng Mozilla, Google, Microsoft at Apple

Sa kabila ng mahusay na mga pag-unlad na nakamit sa web development at lahat ng mga pagsisikap na makamit ang pag-iisa ng web development, sa kalagitnaan ng 2024, ito ang petsa kung saan ang mga browser ay hindi namamahala (o gustong) maabot ang isang karaniwang pamantayan at Para sa mas mabuti o mas masahol pa, ang sitwasyong ito ay humantong din sa bawat isa na nag-ambag ng ilang tampok o benepisyo na ipinatupad sa ibang mga browser sa panahong iyon.

Ang pakikipag-usap tungkol sa pagsukat sa pagganap ng mga web browser ay hindi kasing simple ng sa ibang mga kaso, dahil sa kasong ito iba't ibang mga aspeto ang sinusuri at iyon ang dahilan kung bakit ang iba't ibang mga tool ay karaniwang ginagamit. Ngunit ngayon ay maaaring magbago ito dahil nagsanib-puwersa ang mga heavyweights ng web.

At Pagkatapos ng anim na taon mula noong huling paglabas nito, ipinakita ito Isang na-update na tool upang suriin ang pagganap at pagtugon ng mga web browser: Speedometer 3.0, na pinagsama-samang binuo ng Mozilla, Google, Microsoft at Apple, nakatutok sa pagtatantya ng mga pagkaantala sa pamamagitan ng pagtulad sa trabaho ng user sa mga karaniwang web application.

Sa pakikipagtulungan sa mga nangungunang web browser engine na Blink/V8, Gecko/SpiderMonkey at WebKit/JavaScriptCore, nasasabik kaming ilabas ang Speedometer 3.0. Ang mga benchmark, tulad ng Speedometer, ay mga tool na makakatulong sa mga vendor ng browser na makahanap ng mga pagkakataon upang mapabuti ang pagganap. Sa isip, ginagaya nila ang functionality na makikita ng mga user sa mga tipikal na website, upang matiyak na ma-optimize ng mga browser ang mga lugar na kapaki-pakinabang sa mga user.

Tungkol sa Speedometer 3.0

Ang speedometer 3.0 ay kapansin-pansin sa pagiging unang browser performance testing suite na ginawang magkasama ng mga pangunahing developer ng browser engine at ito ay naging posible sa pamamagitan ng pagbuo ng isang karaniwang patakaran sa pagsubok.

Ang toolset para sa pagpapatakbo ng mga pagsubok ay pinalawak upang isaalang-alang ang iba't ibang mga operasyon ng browser sa pamamagitan ng pagsukat sa tugon sa mga aksyon ng user. Kabilang dito ang hindi lamang oras ng pagpapatupad ng code, kundi pati na rin ang oras ng pag-render at asynchronous na pagpapatupad ng gawain.

Ang mga tool ay binuo para sa mga developer ng browser upang suriin ang mga resulta ng pagsubok, lumikha ng mga profile ng pagganap, at ayusin ang mga parameter ng pagsubok kung kinakailangan. Bukod pa rito, ibinibigay ang kakayahang lumikha ng mga kumplikadong custom na script ng paglulunsad ng pagsubok.

Tungkol sa mga update sa Speedometer 3.0, Ang paglipat ay ginawa sa paggamit ng mga bagong bersyon ng mga balangkas Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte at Vue. Ang mga modernong disenyo ng pattern para sa mga site at web application ay ipinatupad din, tulad ng paggamit ng Webpack, mga bahagi ng web, at mga na-update na pamamaraan para sa pagtatrabaho sa DOM.

naisama na Mga karagdagang pagsubok upang suriin ang pagganap ng pag-render na may elemento ng Canvas, henerasyon ng SVG, Kumplikadong pagpoproseso ng CSS, DOM tree handling malawak at mga diskarteng ginagamit sa pag-edit ng nilalamang WYSIWYG at sa mga site ng balita.

Speedometer 3.0, ay dinisenyo upang suriin ang pagganap ng iba't ibang mga benchmark na ginamit:

1. Magdagdag, kumpletuhin at tanggalin ang mga tala sa TodoMVC: Ang mga pagkilos tulad ng pagdaragdag, pagkumpleto at pagtanggal ng 100 tala ay ginagawa gamit ang task manager ng TodoMVC. Ito ay ipinapatupad sa mga variant batay sa iba't ibang mga web framework, mga paraan ng pagtatrabaho sa DOM at mga bersyon ng pamantayan ng ECMAScript. Kasama sa mga halimbawa ng mga opsyon ng TodoMVC ang mga framework gaya ng React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte, at Lit, pati na rin ang mga opsyon na gumagamit ng mga advanced na feature na ipinakilala sa ECMAScript 5 at ECMAScript 6 na mga detalye.
2. Pag-edit ng teksto sa WYSIWYG mode: Ang pag-edit ng teksto gamit ang WYSIWYG markup ay sinusuri gamit ang mga editor ng code gaya ng CodeMirror at TipTap.
3. Naglo-load at nakikipag-ugnayan sa mga graphics: Ang paglo-load at pakikipag-ugnayan sa mga graphics na idinisenyo gamit ang canvas element o nabuo sa SVG na format gamit ang mga library gaya ng Observable Plot, chart.js at react-stockcharts ay sinusuri.
4. Pag-navigate at pakikipag-ugnayan sa mga site ng balita: Ang pag-navigate sa pahina at pakikipag-ugnayan sa nilalaman ay ginagaya sa mga karaniwang site ng balita gamit ang Next.js at Nuxt web frameworks.

Tulad ng para sa mga resultang nakuha sa pamamagitan ng pagpasa sa Speedometer 3.0 test suite, sa macOS, ang Chrome ay nangunguna na may 22.6 puntos, na sinundan malapit ng Firefox na may 20.7 puntos at Safari na may 19.0 puntos. Sa paghahambing, sa Speedometer 2.1, nangunguna ang Safari na may 481 puntos, sinundan ng Firefox na may 478 puntos at kapansin-pansing nasa likod ang Chrome na may 404 puntos sa parehong pagsubok sa parehong mga browser. Sa Ubuntu 22.04, nakakuha ang Chrome ng 13.5 at 234 na puntos, habang ang Firefox ay nakakuha ng 12.1 at 186 na puntos sa Speedometer na bersyon 3.0 at 2.1 ayon sa pagkakabanggit.

sa wakas kung ikaw nga interesadong malaman ang higit pa tungkol dito, maaari mong suriin ang mga detalye Sa sumusunod na link.