Neue Seite, alte Aufgaben

Home >> Zettelkasten >> Neue Seite, alte Aufgaben

Auch wenn das hier keine wirklich aktiv gepflegte Seite ist habe ich doch gewisse Ansprüche an mich selbst. Schließlich sollen sich die paar Besucher, die sich vielleicht doch mal hierhin verirren, auch einigermaßen wohlfühlen.

Also kommt, was bei jeder neuen Webseite kommt: Optimierung für möglichst gute Ladezeiten.

Parallax ist dabei durch die großen Hintergrundbilder (auf die ich nicht verzichten möchte, es soll ja auch was für’s Auge sein) nochmal eine zusätzliche Herausforderung – aber ich habe da schon ein paar Ideen, wie ich das angehe. Von Haus aus verwendet WordPress leider fast ausschließlich die Bilder in voller Größe und skaliert dann im Browser; für eine kurze Ladezeit ist das natürlich tödlich, denn es wird immer das riesige Originalbild übertragen.

Nachdem das Theme also jetzt so einigermaßen steht und so arbeitet, wie ich das gerne hätte, wagen wir uns mal an eine erste Messreihe. Wie üblich verwende ich ein paar gängige Online-Messungen:

  1. Google Pagespeed Insights
  2. Pingdom Website Speed Test, getestet wird von Amsterdam
  3. WebpageTest, auch hier wird von Amsterdam getestet
  4. GTmetrix, getestet wird von London

Tests & Ergebnisse:

WordPress „natur“
ohne Cache-Plugin
Start mit
WP Super Cache, Autoptimizer
Stufe 1Stufe 2
erste responsive images
Hintergrundbilder richtig responsive, Feintuning4
Googlemobil 3034 36 75 71
Desktop 3337 39 62 89
User 100100 100 100 99
PingdomBewertung 8485 98100 100
Requests 6938 3938 51
Größe 6,6MB6,3MB 6,2MB 2,5MB 1,2MB
WebpagetestFirst Byte Time FA AA
Keep-alive AA AA A
Compress Transfer FA AA A
Compress Images FF FD N/A
Cache static content FF CC B
GtmetrixPagespeed 7275 7790 96
Yslow 6779 9393 87
YslowClassic 3867 8683
Yslow 6481 9189
Small Site or Blog 7595 9695

Zum Glück geben alle Tools auch etliche Tipps zur Fehlerbehebung.

Und jetzt entschuldigen Sie mich bitte, ich habe zu tun…..

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

dealer-arrows
dealer-arrows
dealer-arrows
dealer-arrows
livid
livid
livid
livid