Snelheidsmeter meet browserprestaties
Ondanks de grote vooruitgang die is geboekt op het gebied van webontwikkeling en al die inspanningen om de eenwording van webontwikkeling te bereiken, is dit midden 2024 de datum waarop browsers er niet in zijn geslaagd (of wilden) een gemeenschappelijke standaard te bereiken. Of het nu beter of slechter is, deze situatie heeft er ook toe geleid dat iedereen een functie of voordeel heeft bijgedragen dat destijds in andere browsers is geïmplementeerd.
Praten over het meten van de prestaties van webbrowsers is niet zo eenvoudig als in andere gevallen, omdat in dit geval verschillende aspecten worden onderzocht en daarom meestal verschillende tools worden gebruikt. Maar nu kan dit een andere wending nemen, omdat de zwaargewichten van het web hun krachten hebben gebundeld.
En Zes jaar na de laatste release wordt het gepresenteerd Een bijgewerkte tool om de prestaties en het reactievermogen van webbrowsers te evalueren: Snelheidsmeter 3.0, die gezamenlijk is ontwikkeld door Mozilla, Google, Microsoft en Apple, richt zich op het inschatten van vertragingen door gebruikerswerk met gangbare webapplicaties te simuleren.
In samenwerking met toonaangevende webbrowser-engines Blink/V8, Gecko/SpiderMonkey en WebKit/JavaScriptCore zijn we verheugd om Speedometer 3.0 uit te brengen. Benchmarks, zoals Speedometer, zijn tools waarmee browserleveranciers mogelijkheden kunnen vinden om de prestaties te verbeteren. Idealiter simuleren ze de functionaliteit die gebruikers op typische websites vinden, om ervoor te zorgen dat browsers gebieden kunnen optimaliseren die gunstig zijn voor gebruikers.
Over snelheidsmeter 3.0
Snelheidsmeter 3.0 wel opmerkelijk omdat het de eerste suite voor het testen van browserprestaties is die samen is gemaakt door grote ontwikkelaars van browsermotoren en dit is mogelijk gemaakt door de ontwikkeling van een gemeenschappelijk testbeleid.
De toolset voor het uitvoeren van tests is uitgebreid om een verscheidenheid aan operaties te overwegen van de browser door de reactie op gebruikersacties te meten. Dit omvat niet alleen de uitvoeringstijd van de code, maar ook de weergavetijd en de asynchrone taakuitvoering.
Er zijn tools ontwikkeld waarmee browserontwikkelaars testresultaten kunnen analyseren, prestatieprofielen kunnen maken en testparameters indien nodig kunnen aanpassen. Bovendien wordt de mogelijkheid geboden om complexe aangepaste teststartscripts te maken.
Wat betreft snelheidsmeter 3.0-updates: Er is een overstap gemaakt naar het gebruik van nieuwe versies van de raamwerken Hoekig, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte en Vue. Er zijn ook moderne ontwerppatronen voor sites en webapplicaties geïmplementeerd, zoals het gebruik van Webpack, webcomponenten en bijgewerkte methoden voor het werken met de DOM.
zijn opgenomen Aanvullende tests om de weergaveprestaties te evalueren met Canvas-element, SVG-generatie, Complexe CSS-verwerking, DOM-boomverwerking uitgebreid en technieken die worden gebruikt bij het bewerken van WYSIWYG-inhoud en op nieuwssites.
Snelheidsmeter 3.0, is ontworpen om te evalueren de prestaties van verschillende gebruikte benchmarks:
- Notities toevoegen, invullen en verwijderen in TodoMVC: Acties zoals het toevoegen, invullen en verwijderen van 100 notities worden uitgevoerd met behulp van TodoMVC taakbeheer. Dit wordt geïmplementeerd in varianten gebaseerd op verschillende webframeworks, werkwijzen met de DOM en versies van de ECMAScript-standaard. Voorbeelden van TodoMVC-opties zijn onder meer frameworks zoals React, Angular, Vue, jQuery, WebComponents, Backbone, Preact, Svelte en Lit, evenals opties die gebruik maken van geavanceerde functies die zijn geïntroduceerd in de ECMAScript 5- en ECMAScript 6-specificaties.
- Tekstbewerking in WYSIWYG-modus: Tekstbewerking met WYSIWYG-opmaak wordt geëvalueerd met behulp van code-editors zoals CodeMirror en TipTap.
- Laden en interactie met afbeeldingen: Het laden en de interactie met afbeeldingen die zijn ontworpen met behulp van het canvas-element of zijn gegenereerd in SVG-formaat met behulp van bibliotheken zoals Observable Plot, chart.js en react-stockcharts, worden geëvalueerd.
- Navigatie en interactie met nieuwssites: Paginanavigatie en interactie met inhoud worden op typische nieuwssites gesimuleerd met behulp van de webframeworks Next.js en Nuxt.
Wat de resultaten betreft die zijn verkregen door de Speedometer 3.0-testsuite te doorstaan: op macOS leidt Chrome met 22.6 punten, op de voet gevolgd door Firefox met 20.7 punten en Safari met 19.0 punten. Ter vergelijking: in Speedometer 2.1 stond Safari aan de leiding met 481 punten, gevolgd door Firefox met 478 punten en Chrome met een opmerkelijke achterstand met 404 punten in dezelfde test met dezelfde browsers. Op Ubuntu 22.04 scoorde Chrome 13.5 en 234 punten, terwijl Firefox respectievelijk 12.1 en 186 punten scoorde op Speedometer-versies 3.0 en 2.1.
eindelijk als je bent geïnteresseerd om er meer over te weten, u kunt de details controleren In de volgende link.