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.
Zes jaar na de laatste release is er een bijgewerkte tool uitgebracht voor het evalueren van de prestaties en responsiviteit van webbrowsers: Speedometer 3.0, ontwikkeld in samenwerking door Mozilla, Google, Microsoft en Apple, richt zich op het inschatten van vertragingen door het gebruik van 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
Speedometer 3.0 is opmerkelijk omdat het de eerste testsuite voor browserprestaties is die gezamenlijk is ontwikkeld door de belangrijkste ontwikkelaars van browserengines. Dit is mogelijk gemaakt door de ontwikkeling van een gemeenschappelijk testbeleid.
De testtoolset is uitgebreid om rekening te houden met diverse browserbewerkingen bij het meten van de responsiviteit op gebruikersacties. Dit omvat niet alleen de uitvoeringstijd van de code, maar ook de weergavetijd en de uitvoering van asynchrone taken.
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 de updates in Speedometer 3.0: de overstap naar nieuwere versies van de frameworks Angular, Backbone, jQuery, Lit, Preact, React, React+Redux, Svelte en Vue is voltooid. Ook zijn moderne ontwerppatronen voor websites en webapplicaties geïmplementeerd, zoals het gebruik van Webpack, webcomponenten en bijgewerkte methoden voor het werken met de DOM.
Er zijn extra tests uitgevoerd om de prestaties te evalueren bij het renderen met het Canvas-element, het genereren van SVG's, complexe CSS-verwerking, het omgaan met uitgebreide DOM-structuren en technieken die worden gebruikt bij WYSIWYG-contentbewerking en op nieuwssites.
Speedometer 3.0 is ontworpen om de prestaties van verschillende gebruikte referentiepunten te evalueren:
- 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.
Als u tot slot meer wilt weten, kunt u de details vinden via de volgende link.