Websitetuning
hugoTuning vom Blog
Wie letztens erwähnt wollte ich noch einen Link hinter die Bilder legen um diese auch ohne Umwege groß anzeigen zu lassen. Warum in diesem Zug nicht auch zwei Versionen der Bilder erzeugen. Eine kleine preview und ein größeres um das Bild genauer anzuschauen.
Dazu habe ich mir ein kleines Tool gebaut.
Für die alten Posts habe ich nur mal eine kleine preview eingefügt und ansonsten die vorhandene Bildqualität gelassen.
Neue Posts bekommen in Zukunft dann eine große Version mit die so <=2MiB sein sollte. Ich denke dies ist eine akzeptable Größe. Die preview Version sollte dann nach meinen Tests unter 100KiB liegen.
Zusätzlich werden nun Bilder per lazy-loading geladen. Dies holt auch noch etwas Geschwindigkeit raus…
Vor der Anpassung:
Nach der Anpassung:
PS.: Nicht von der Ladezeit verwirren lassen. Dies ist über Mobilfunk.