Erkenntnisse

  Angular React Vue
performanceScore Vercel macht großen Unterschied, auf create nur fast perfekt, dank Services auf user schlecht    
cumulativeLayoutShift index super index rießiger Abstand zum Rest (0.649), user CSR schlechter user CSR schlechter
observedFirstVisualChange   index eher gut create schlecht
observedLastVisualChange      
totalByteWeight      
timeToFirstByte   index auf Vercel CSR schlechter index auf Vercel CSR schlechter
firstContentfulPaint immer drittschlechtestes, lokal und on Vercel fast identisch auf allen Pfaden react-basiert besser lokal sehr schlecht, about deutlich schlechter, create vue-based schlechter
observedFirstContentfulPaint      
observedFirstMeaningfulPaint about und create schlecht, kaum Unterschied zwischen lokal und Vercel, user on Vercel eines der besten, lokal schlechtesten    
firstMeaningfulPaint lokal schlechter, auf Vercel das schlechteste index react-basiert besser index vue-basiert schlechter
largestContentfulPaint lokal schlecht about und create lokal schlechter about und create lokal schlechter
observedLargestContentfulPaint create lokal >50 ms schlechter als der Rest lokal, user on Vercel fast 100 ms langsamer als der Rest (außer Nuxt und Astro) um 30ms besser Vue, Next und Angular, user CSR besser als SSR user CSR besser als SSR
interactive about und create schlecht index on Vercel 2000ms schlechter als der Rest, about und create react-basiert besser about und create vue-basiert schlechter
speedIndex about schlecht about und create react-basiert besser index beser als Nuxt, about und create vue-basiert schlechter
totalBlockingTime about schlecht, weil jede JS-Komponente geladen wird index CSR besser als SSR index CSR besser als SSR, user besser als Nuxt
observedDomContentLoaded   alle Pfade (about 2x) CSR besser als SSR about (lokal), user und create CSR 2x schneller als SSR
observedSpeedIndex     index mit Astro deutlich schneller als der Rest
  Astro Nuxt Next
performanceScore index mit Duplikaten perfekt, about Vercel schlechter, create deutlich schlechter, user durch Duplikate deutlich besser indes auf Vercel build und generate gleich, create fast perfekt create fast perfekt
cumulativeLayoutShift mixed und duplicate identisch, create erstaunslicherweise schlecht    
observedFirstVisualChange create wegen Client Komponenten schlecht index build schlecht & generate gut index gut
observedLastVisualChange about, create und user mixed und duplicate identisch create doppelt so lange wie andere  
totalByteWeight about ein Drittel vom Rest lokal index (10x), create & about (2x) build größer, user generate Hälfte create Hälfte des Rests
timeToFirstByte index mit Next und Nuxt besser als der Rest, user Outlier auf Vercel    
firstContentfulPaint index lokal schlechter, about auf Vercel besser & große Stärke, create Duplikat schlechter, user besser als Rest insb. build sehr schlecht, index lokal schlechter, about schlecht  
observedFirstContentfulPaint about in Vercel-Konkurrenz 2. index und about auf Vercel besser, user generate schlechter als build  
observedFirstMeaningfulPaint about auf Vercel besser als lokal, create auf Vercel schlechter & lokal besser als der Rest index on Vercel 1300ms schlechter, user build on Vercel schlechter als generate  
firstMeaningfulPaint user 450ms zwischen mixed und duplicate index >900ms langsamer als Rest, user 1400ms zwischen build und generate  
largestContentfulPaint index 6400ms zwischen mixed und duplicate, about deutlich am besten, create mixed besesr als duplicate, user mixed sehr schlecht about und create lokal schlechter about und create lokal schlechter
observedLargestContentfulPaint about 30ms besser als Vue, Next und Angular index on Vercel, insb. generate, deutlich schlechter als Rest, user SSR schlechter user SSR schlechter
interactive 700ms schneller als Rest, user 300ms besser als Platz 3, 950ms zwischen duplicate und mixed    
speedIndex user Astro-Sieg index build auf Vercel & lokal generate besser  
totalBlockingTime index 0 wegen fehlender Berechnungen, create trotz Islands 0 index CSR besser, user Vue besser index CSR besser
observedDomContentLoaded index besser als duplicate, about 2x schneller als Vue (Platz 3), create lokal gut & schlech auf Vercel, user auf Vercel deutlich schlechter about halb so schnell wie Vue about (lokal), user und create halb so schnell wie React
observedSpeedIndex duplicate deutlicher Sieger, index und Vue deutlich schneller als Rest index 3-4,5x langsamer als der Rest, user build on Vercel 1,33x schlechter als Rest  

Metrik-Platzierungen

Lighthouse Performance Score

/ (index)

Platzierungen 1. Astro on Vercel 2. Astro(duplicate components) 3. Nuxt (build) on Vercel [...] 13. React 14. Nuxt (build) 15. React on Vercel
  • Angular (75.4) und Angular on Vercel (96.8) 21.4 PerformancePunkte Unterschied
  • Nuxt build und generate nehmen sich nicht viel auf Vercel, aber generate ist lokal 16.45 Punkte besser
  • MPAs und Prerendered Apps min. ~15 Punkte besser
  • Astro mit Duplikaten zeigt hier seine Stärke

/about

Platzierungen 1. Astro on Vercel, Nuxt (build) on Vercel, Nuxt (generate) on Vercel, Vue on Vercel, Astro (mixed), Astro (duplicate) 2. Next on Vercel 3. Next [...] 13. Angular 14. Nuxt (generate) (94.7) 15. Nuxt (build) (88.35)
  • statische Seiten sollten einfach auf >90 zu bringen sein
    • Nuxt Build unter 90 wegen FCP 5/10 (3s, Text Compression, Unused Javascript [70.2/195.8 KKiB], Renderblocking Resources [Entry CSS & NotinstagramLogo CSS]) und LCP 17/25 (3.3s, 14% TTFB, 20% Load Delay, 0% Load Time, 66% Render Delay, Text Compression, Unused Javascript, Renderblocking Resources)

/create

Platzierungen 1. React on Vercel, Vue on Vercel 2. Next on Vercel, Nuxt (generate) on Vercel 3. Nuxt (build) on Vercel [...] 13. Angular 14. Vue (92.15) 15. Nuxt (build) (87)
  • Schwachstelle von Astro, da Content erst nach Rendertime bestimmt wird
  • Next und Nuxt fast perfekt
    • Next: Render-Blocking Resources
    • Nuxt: Unused Javascript, Enormous Network Payloads
  • Bis auf Angular und Astro sind alle Vercel-Deployments nahezu perfekt

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. Astro on Vercel 3. Nuxt (build) on Vercel [...] 13. Nuxt (build) (79.65) 14. Angular on Vercel (77.45) 15. Angular (77.15)
  • JavaScript-Chain sollte hier ausschlaggebend sein (Bundle-JS -> ProfileService.js -> PostServive.js)
  • Services in Angular nicht nach Konvention implementiert
  • Astro mit Duplikaten zeigt hier seine Stärke

cumulativeLayoutShift

/ (index)

Platzierungen 1. Nuxt (build) on Vercel, Nuxt (generate) on Vercel 2. Angular on Vercel, Astro on Vercel, Astro (duplicate) 3. Angular [...] 13. Vue (0.364) 14. React on Vercel (1.013) 15. React (1.114)
  • SPAs haben (natürlich) den größten CLS
  • Prerendered Apps haben den Vorteil
  • Angular ist der interessanteste Fall
  • React hat rießigen Abstand (0.649) zu Vue auf Platz 13

/about

Platzierungen 1. Next on Vercel, Next 2. Astro (duplicate) 3. Astro (mixed) [...] 13. React on Vercel 14. Angular on Vercel 15. Angular
  • Astro mixed und duplicate macht hier keinen Unterschied, weil keine React-Komponente genutzt wird
  • kein Framework hat wirklich schlechte Ergebnisse

/create

Platzierungen 1. Angular 2. Angular on Vercel 3. Vue [...] 13. Astro (mixed) 14. Astro (duplicate) 15. Astro on Vercel
  • Astro erstaunlicherweise schlecht

/user/@PeterPoster

Platzierungen 1. Astro on Vercel, Angular, Astro (duplicate) 2. Next on Vercel, Next 3. Astro (mixed) [...] 13. React 14. Nuxt (generate) on Vercel, Vue 15. Nuxt (generate)
  • Client-Side Apps (React, Nuxt und Vue) wieder schlechter (ca. 0.06 Unterschied zu Nuxt (build))
  • Mikrokosmos der Route /

observedFirstVisualChange

/ (index)

Platzierungen 1. Astro (mixed) 2. Next 3. React [...] 13. Vue on Vercel 14. Angular on Vercel 15. Nuxt (build) on Vercel
  • Lokale Deployments (natürlich) besser
  • Nuxt (build) performt schlecht
  • Astro, Next, Nuxt (generate) und React immer auf der guten Seite

/about

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Nuxt (generate) [...] 13. Vue on Vercel 14. Angular on Vercel 15. Nuxt (build) on Vercel
  • s. index

/create

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Nuxt (generate) [...] 13. Vue on Vercel 14. Astro on Vercel 15. Nuxt (build)
  • Astro auf Vercel erstaunlich schlecht (wegen mixed Komponenten)
  • Vue insgesamt schlecht

/user/@PeterPoster

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Nuxt (build) [...] 13. Nuxt (build) on Vercel 14. Next on Vercel 15. Nuxt (generate) on Vercel
  • s. index

observedLastVisualChange

/ (index)

Platzierungen 1. Astro (duplicate) 2. Vue 3. React [...] 13. Astro on Vercel 14. Nuxt (generate) on Vercel 15. Nuxt (build) on Vercel
  • Client-side Apps sind generell schneller fertig
  • Lokale Deployments sind (natürlich) schneller fertig

/about

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Nuxt (generate) [...] 13. Angular on Vercel 14. Nuxt (build) on Vercel 15. Next on Vercel
  • Astro-Optionen machen keinen Unterschied
  • Pre-rendered ist besser als client-side ist besser als server-side

/create

Platzierungen 1. React 2. Vue 3. Angular [...] 1. Astro on Vercel (777.35) 2. Nuxt (generate) on Vercel (1564.1) 3. Nuxt (build) on Vercel (1587.55)
  • Client-side ist besser als server-side ist besser als prerendered
  • Nuxt braucht doppelt so lange (ca. 1500 ms) wie andere
  • Astro-Optionen machen keinen Unterschied

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. React [...] 1. Nuxt (build) on Vercel 2. Nuxt (generate) on Vercel 3. Angular on Vercel
  • Viel langsamer als anderen Seiten
  • Astro-Optionen machen keinen Unterschied

totalbyteweight

  • Vercel und Lokal sollten keinen Unterschied haben

/ (index)

Platzierungen 1. Astro (duplicate) 2. Next on Vercel 3. Next [...] 13. React on Vercel 14. Angular on Vercel (11854976.45) 15. Nuxt (build) (106533010.5)
  • Nuxt ist lokal 10x so viel wie Angular on Vercel

/about

Platzierungen 1. Astro on Vercel 2. Astro (mixed) 3. Astro (duplicate) [...] 13. Angular on Vercel 14. Next on Vercel 15. Nuxt (build)
  • Astro ein Drittel von anderen
  • Nuxt (build) ist lokal 2x größer als andere

/create

Platzierungen 1. Next 2. Next on Vercel 3. Astro on Vercel [...] 13. Nuxt (generate) 14. Nuxt (generate) on Vercel 15. Nuxt (build)
  • Nuxt fast 2x so groß wie andere
  • Next etwa die Hälfte von anderen

/user/@PeterPoster

Platzierungen 1. Nuxt (generate) 2. Astro (duplicate) 3. Next [...] 13. Angular on Vercel 14. Nuxt (build) on Vercel 15. Nuxt (build)
  • Nuxt (build) so groß wie andere
  • Nuxt (generate) etwa die Hälfte von anderen

timeToFirstByte

/ (index)

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. React [...] 13. Vue on Vercel 14. React on Vercel 15. Angular on Vercel
  • Lokal innerhalb von 34 ms
  • Vercel innerhalb von 354 ms
  • Vercel unterteilt zwischen Angular, React und Vue (867-985 ms) und Astro, Next und Nuxt (632-730 ms)

/about

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. React [...] 13. Nuxt (build) on Vercel 14. Next on Vercel 15. Astro on Vercel

/create

Platzierungen 1. React 2. Astro (duplicate) 3. Angular [...] 13. Nuxt (generate) on Vercel 14. Nuxt (build) on Vercel 15. Astro on Vercel

/user/@PeterPoster

Platzierungen 1. React 2. Astro (mixed) 3. Angular [...] 13. Nuxt (generate) on Vercel 14. Nuxt (build) on Vercel 15. Astro on Vercel
  • Astro ist Outlier auf Vercel (ca. 300 ms mehr)
    • Keine Outlier innerhalb Astro on Vercel, aber 2 Gruppen (628-775 ms und 1025-1142 ms)
    • Echtes SSR dauert länger als Prerendering

firstContentfulPaint

  • Nuxt (insb. build) und Vue lokal sehr schlecht
  • Angular immer drittschlechtestes

/ (index)

Platzierungen 1. React 2. Next on Vercel 3. Next [...] 13. Vue 14. Nuxt (generate) 15. Nuxt (build)
  • Angular fast exakt identisch lokal un auf Vercel
  • React-basiert ist besser
  • Vue, Nuxt und Astro: lokal schlechter
  • Nuxt lokal 400 und 1000 ms schlechter als Vue lokal

/about

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Astro on Vercel [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • Bis auf Astro alle Frameworks lokal schlechter
  • Nuxt, Vue und Angular um ca. 400, bzw. 600 ms schlechter
  • React-basiert ist besser

/create

Platzierungen 1. Astro on Vercel 2. Next on Vercel 3. React on Vercel [...] 13. Nuxt (generate) (1916.2) 14. Vue (1927.55) 15. Nuxt (build) (2673.45)
  • Vue-based Frameworks deutlich (um 200 ms) schlechter
  • Astro duplicate schlechter
  • React-basiert ist besser

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. React 3. Next on Vercel [...] 13. Vue 14. Nuxt (generate) 15. Nuxt (build)
  • Astro duplicate ist lokal großer Vorteil#
  • React-basiert ist besser

firstcontentfulpaint

  • s. firstContentfulPaint

/ (index)

Platzierungen 1. React 2. Next on Vercel 3. Next [...] 13. Vue 14. Nuxt (generate) 15. Nuxt (build)
  • React-basiert ist besser

/about

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Astro on Vercel [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • Astro zeigt hier eine Stärke

/create

Platzierungen 1. Astro on Vercel 2. Next on Vercel 3. React on Vercel [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • Alle Frameworks lokal schlechter, weil Vercel automatisch mit Content-Encoding: br-Header für Brotli Encoding antwortet (spart ca. 2 Sekunden bis FCP)
  • Vue-basierte Framworks um min. 600 ms schlechter

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. React 3. Next on Vercel [...] 13. Vue 14. Nuxt (generate) 15. Nuxt (build)
  • große Stärke von Astro (duplicate)

observedFirstContentFulPaint

  • lokal deutlich besser

/ (index)

Platzierungen 1. Next 2. Astro (mixed) 3. Nuxt (build) [...] 1. Vue on Vercel (231.2) 2. Angular on Vercel (442) 3. Nuxt (build) on Vercel (587.7)
  • Vercel (natürlich) später wegen langer time to first byte
  • Nuxt auf Vercel besser als andere auf Vercel

/about

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Nuxt (generate) [...] 1. Vue on Vercel (204.6) 2. Angular on Vercel (235.65) 3. Nuxt (build) on Vercel (270.6)
  • Nuxt & Astro auf Vercel besser als andere auf Vercel

/create

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Nuxt (generate) [...] 13. Vue on Vercel (225.8) 14. Astro on Vercel (241.05) 15. Nuxt (build) on Vercel (264)

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. React 3. Next on Vercel [...] 13. Vue 14. Nuxt (generate) 15. Nuxt (build)
  • Nuxt generate schlechter als build

observedFirstMeaningfulPaint

  • lokal deutlich besser

/ (index)

Platzierungen 1. Astro (mixed) (68.9) 2. Astro (duplicate) (88.4) 3. React (131.7) [...] 13. Angular on Vercel (442) 14. Nuxt (build) on Vercel (1733.7) 15. Nuxt (generate) on Vercel (2708.5)
  • Nuxt on Vercel um ca. 1300 ms schlechter
  • ansonsten lokal um ca. 200 ms schlechter

/about

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Nuxt (generate) [...] 13. Vue on Vercel 14. Angular on Vercel 15. Nuxt on Vercel
  • Astro on Vercel besser als Angular lokal
  • Angular bei beiden schlecht
  • Insgesamt kein großer Unterschied

/create

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Nuxt (generate) [...] 13. Vue on Vercel 14. Astro on Vercel 15. Nuxt (build) on Vercel
  • Astro on Vercel schlechter als alle anderen, Astro lokal besser als alle anderen
  • Angular lokal fast so schlecht wie auf Vercel
  • Insgesamt kein großer Unterschied

/user/@PeterPoster

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Vue [...] 13. Nuxt (generate) on Vercel (366.95) 14. Next on Vercel (400.65) 15. Nuxt (build on Vercel) (1259.9)
  • Angular on Vercel eines der besten, lokal eines der schlechteren
  • Nuxt (build) on Vercel deutlich schlechter als Nuxt (generate)

firstMeaningfulPaint

/ (index)

Platzierungen 1. Astro on Vercel 2. Astro (duplicate) 3. Next on Vercel [...] 13. Angular on Vercel 14. Nuxt (generate) 15. Nuxt (build)
  • Nuxt >900 ms langsamer als alle anderen
  • bis auf Angular, lokal schlechter

/about

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Astro on Vercel [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • lokal schlechter
  • React-basiert ist besser als Vue-basiert
  • Angular das schlechteste auf Vercel

/create

Platzierungen 1. Astro on Vercel 2. Next on Vercel 3. React on Vercel [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • alles ist lokal schlechter
  • Angular on Vercel schlechter als Astro, Next und React lokal

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. Astro on Vercel 3. Vue on Vercel [...] 13. Vue 14. Nuxt (generate) (1927.55) 15. Nuxt (build) (3359.8)
  • 450 ms Unterschied zwischen Astro (duplicate) und Astro (mixed)
  • 1400 ms Unterschied zwischen Nuxt (generate) und Nuxt (build)

largestContentfulPaint

  • Vercel-Deployments generell besser (mit Ausnahmen)

/ (index)

Platzierungen 1. Astro on Vercel 2. Nuxt (generate) on Vercel 3. Angular on Vercel [...] 13. Nuxt (build) 14. Angular 15. Astro (mixed)
  • größter Unterschied zwischen Astro (duplicate) (2001.15) und Astro (mixed) (8467.5)

/about

Platzierungen 1. Astro on Vercel 2. Astro (duplicate) 3. Astro (mixed) [...] 13. Vue 14. Nuxt (generate) 15. Nuxt (build)
  • Astro hier am besten (deutlich)
  • Angular, Nuxt, Vue, Next und React lokal schlechter

/create

Platzierungen 1. Astro on Vercel 2. Vue on Vercel 3. Nuxt (generate) on Vercel [...] 13. Vue 14. Angular 15. Nuxt (build)
  • Astro mixed besser als duplicate, obwohl mixed öfter mit Render Delay des LCP-Element nach oben schwankt
  • Angular, Nuxt, Vue, Next und React lokal schlechter

/user/@PeterPoster

Platzierungen 1. Nuxt (build) on Vercel 2. Vue on Vercel 3. Astro on Vercel [...] 13. Angular on Vercel 14. Astro (mixed) 15. Angular
  • Angular und Astro (mixed) (nur lokal) sehr schlecht
  • Nuxt lokal ebenfalls schlecht

largestcontentfulpaint

s. largestContentfulPaint

observedLargestContentfulPaint

/ (index)

Platzierungen 1. Astro (duplicate) 2. Vue 3. Angular [...] 13. React on Vercel (583.4) 14. Nuxt (build) on Vercel (1733.7) 15. Nuxt (generate) on Vercel (3065.85)
  • Vercel schlechter als lokal
  • Nuxts on Vercel fast 1200, bzw. 2500 ms langsamer

/about

Platzierungen 1. Nuxt (generate) 2. Astro (duplicate) 3. Astro (mixed) [...] 13. Angular on Vercel 14. Nuxt (build) on Vercel 15. Next on Vercel
  • Sprung von Nuxt, Astro und React lokal um 30 ms zu Vue, Next und Angular lokal
  • eindeutig getrennt lokal über Vercel

/create

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Nuxt (generate) [...] 13. Vue on Vercel 14. Astro on Vercel 15. Nuxt (build) on Vercel
  • eindeutig getrennt lokal über Vercel
  • Angular lokal >50 ms schlechter als Vue lokal

/user/@PeterPoster

Platzierungen 1. Vue 2. React 3. Astro (duplicate) [...] 13. Angular on Vercel 14. Astro on Vercel 15. Nuxt (build)
  • letzten 3 fast 100 ms schlechter als 4.-letzter
  • Nuxt und Next generell schlechter als Vue und React

interactive

/ (index)

Platzierungen 1. Astro on Vercel 2. Astro (duplicate) 3. Vue on Vercel [...] 13. Angular on Vercel (3615.9) 14. Nuxt (build) (3716.5) 15. React on Vercel (5830.85)
  • React on Vercel um >2000 ms schlechter
  • Astro (duplicate) und Astro on Vercel um ca. 700 ms schneller als die Konkurrenz

/about

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Astro on Vercel [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • Vue-basiert schlechter als React-based
  • Angular immer schlecht

/create

Platzierungen 1. Astro on Vercel 2. Next on Vercel 3. Next [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • Vue-basiert schlechter als React-based
  • Angular immer schlecht

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. Astro on Vercel 3. Vue on Vercel [...] 13. React 14. Nuxt (build) 15. React on Vercel
  • Top-2 Astros ca. 300 ms Abstand zu Platz 3
  • großer Abstand zwischen Astro (duplicate) (825.55) und Astro (mixed) (1774.55)

speedIndex

/ (index)

Platzierungen 1. Astro (duplicate) 2. Astro on Vercel 3. Vue on Vercel [...] 13. Nuxt (build) on Vercel 14. Nuxt (generate) on Vercel 15. React on Vercel
  • Vue besser als Nuxt
  • Auf Vercel ist Nuxt build besser, lokal Nuxt generate

/about

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Astro on Vercel [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • Angular generell schlecht
  • Vue-basiert schlechter als React-based

/create

Platzierungen 1. Astro on Vercel 2. Next on Vercel 3. React [...] 13. Nuxt (generate) 14. Vue 15. Nuxt (build)
  • Vue-basiert schlechter als React-based
  • Bottom-3 mit 600 ms Abstand auf 4.-letzten

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Astro on Vercel [...] 13. Nxut (build) on Vercel (2046.25) 14. Nuxt (build) (2677.45) 15. React on Vercel (5249.45)
  • Astro-Sieg
  • React on Vercel fast 2600 ms langsamer als Nuxt (build)

totalBlockingTime

/ (index)

Platzierungen 1. Astro on Vercel, Astro (duplicate) (0) 3. Astro (mixed) (43.95) 4. Vue on Vercel (45.95) [...] 13. Nuxt (build) 14. Next on Vercel 15. Next
  • Vue und React besser als Nuxt und Next
  • Astro (duplicate) sind bei 0, weil keine Berechtigungen stattfinden müssen

/about

Platzierungen 1. Astro on Vercel, Astro (mixed), Astro (duplicate), React, Vue (0.05) 2. Vue on Vercel (0.05) 3. Nuxt (generate) (0.1) [...] 13. Next (3.45) 14. Angular (22.95) 15. Angular on Vercel (63.8)
  • 0 ist ein einfach erreichbares Ziel
  • Angular ist schlecht, weil viel JS in main-<hash>.js zusammengefasst wird

/create

Platzierungen 1. Astro on Vercel, Astro(mixed), Astro (duplicate) (0) 2. Vue (0.1) 3. Next (0.55) [...] 13. Angular (22.35) 14. Nuxt (build) (39.05) 15. Angular on Vercel (106.2)
  • 0 bei Astro ist überraschend, weil hier React-Komponenten als Islands geladen werden

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) (0) 2. Astro on Vercel (0.25) 3. Vue (2.5) [...] 13. Next on Vercel 14. Nuxt (build) 15. React on Vercel
  • Vue besser als Nuxt

observedDomContentLoaded

  • Vercel generell besser

/ (index)

Platzierungen 1. Vue 2. React 3. Astro (mixed) [...] 13. Angular on Vercel (402.75) 14. Nuxt (build) on Vercel (608.85) 15. Astro on Vercel (1059.75)
  • Mixed Astro besser als duplicate Astro
  • Bottom-3 >2-mal länger (220 ms) als der Rest

/about

Platzierungen 1. Astro (mixed) 2. Astro (duplicate) 3. Vue [...] 13. Next on Vercel 14. Angular on Vercel 15. Nuxt (build on Vercel)
  • Astro generell 2-mal schneller (15 ms) als Platz 3 Vue (on Vercel: 1,5-mal / 32 ms)
  • Vue und React sind 2-mal schneller als Nuxt und Next (nur lokal)

/create

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Vue [...] 13. Angular on Vercel 14. Astro on Vercel 15. Nuxt (build) on Vercel
  • Astro gut lokal, relativ schlecht on Vercel
  • Vue und React deutlich besser als Next und Nuxt
  • Nuxt generate ist deutlich besser als build

/user/@PeterPoster

Platzierungen 1. Astro (mixed) 2. Vue 3. React [...] 13. Next on Vercel (295.65) 14. Nuxt (build) on Vercel (332.8) 15. Astro on Vercel (792.4)
  • Astro on Vercel 2-mal schlechter als Nuxt (build) on Vercel
  • Vue und React sind deutlich besser als Next und Nuxt(build)

observedSpeedIndex

  • Astro (duplicate) ist der eindeutige Sieger

/ (index)

Platzierungen 1. Astro (duplicate) (138.4) 2. Vue (184.3) 3. Angular (261.55) [...] 13. Angular on Vercel (688.8) 14. Nuxt (build) on Vercel (2198.75) 15. Nuxt (generate) on Vercel (3214.3)
  • Nuxt on Vercel 3 bis 4,5-mal so langsam wie Angular on Vercel
  • Astro und Vue 80-120 ms schneller als Angular

/about

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Nuxt (generate) [...] 13. Next on Vercel 14. Angular on Vercel 15. Nuxt (build) on Vercel
  • Pre-Render-Apps deutlich besser

/create

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Next [...] 13. Nuxt (generate) on Vercel 14. Astro on Vercel 15. Nuxt (build) on Vercel
  • rießiger Unterschied zwischen Astro lokal und on Vercel

/user/@PeterPoster

Platzierungen 1. Astro (duplicate) 2. Astro (mixed) 3. Nuxt (generate) [...] 13. Next on Vercel (899.05) 14. Angular on Vercel (916.55) 15. Nuxt (build) on Vercel (1233.2)
  • Nuxt (build) on Vercel 1.33-mal schlechter als der Rest

Copyright © 2024 Andreas Nicklaus.