Sinusukat ng speedometer ang pagganap ng browser
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.
Pagkatapos ng anim na taon mula noong huling paglabas nito, isang na-update na tool para sa pagsusuri ng performance at responsiveness ng mga web browser ang ipinakilala: Ang Speedometer 3.0, na binuo sa pakikipagtulungan ng Mozilla, Google, Microsoft, at Apple, ay nakatuon sa pagtantya ng mga pagkaantala sa pamamagitan ng paggaya sa trabaho ng user gamit ang 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 kilala bilang ang unang browser performance testing suite na nilikha nang magkasama ng mga nangungunang developer ng browser engine, at naging posible ito sa pamamagitan ng pagbuo ng isang karaniwang patakaran sa pagsubok.
Pinalawak ang mga kagamitan sa pagsubok upang isaalang-alang ang iba't ibang operasyon ng browser kapag sinusukat ang pagtugon sa mga aksyon ng user. Kabilang dito hindi lamang ang 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, natapos na ang paglipat sa mga mas bagong bersyon ng Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte, at Vue frameworks. Naipatupad na rin ang mga modernong disenyo para sa mga website at web application, tulad ng paggamit ng Webpack, mga web component, at mga na-update na pamamaraan para sa pagtatrabaho gamit ang DOM.
Isinama ang mga karagdagang pagsubok upang suriin ang pagganap sa pag-render gamit ang elementong Canvas, pagbuo ng SVG, kumplikadong pagproseso ng CSS, paghawak ng malawak na mga DOM tree, at mga pamamaraan na ginagamit sa pag-edit ng nilalaman ng WYSIWYG at sa mga site ng balita.
Ang Speedometer 3.0 ay dinisenyo upang suriin ang pagganap ng iba't ibang mga reference point na ginamit:
- 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.
- 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.
- 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.
- 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.
Panghuli, kung interesado kang matuto nang higit pa, makikita mo ang mga detalye sa sumusunod na link.