Eine unglaublich schnelle Webseite
Von Roland Schütz, 29. Juni 2019
Wer mich kennt weiß, ich liebe es die Ladezeiten von Webseiten zu optimieren. Genau das konnte ich als Teil eines Technologie-Updates für die erstmals 2014 entwickelte Webseite The Guesthouse Vienna tun.
Seit damals hat sich im Web viel getan. Wir haben die Webseite komplett technologisch erneuert und speziell die Ladezeit extrem optimiert.
Neben den klassichen Optimierungen - CSS inlinen, JavaScript minimieren, Schriften optimal laden, Ladereihenfolge bestimmen - haben wir speziell auf die Ladezeiten von Bildern geachtet.
Gerade bei einer Hotel-Webseite sind Bilder sehr wichtig und so brauchen diese weit über 50% der gesamten Ladezeit. Damit sich die Webseite für Nutzer trotzdem extrem schnell anfühlt verwenden wir hoch-komprimierten Vorschaubildern und laden erst später die hochauflösenden Bilder. Wenn Sie die Website am Laptop öffnen werden sie in unter 1 Sekunden die gesamte Webseite sehen, und in unter zwei Sekunden sind dann auch die hochauflösenden Bilder da.
Machen Sie den Test, öffnen Sie http://theguesthouse.at und vergleichen Sie es mit andern Webseiten. Na, überzeugt?
Wer lieber Zahlen mag kann z.B: Google Page Speed testen. Auch wenn Page Speed die gefühlte Geschwindigkeit (z.B. durch die Vorschaubilder) nicht messen kann, ist das Ergebnis trotzdem hervorragend.
Probiere es gleich mit deiner eigenen Webseite aus!
https://developers.google.com/speed/pagespeed/insights/
Natürlich klingt das jetzt einfacher als es dann technisch ist.
Bist du Entwickler oder Entwicklerin?
Super, dann kannst du hier mehr erfahren:
The specific case study theguesthousevienna.at and how we did it.
How to achieve score 100, why page speed matters, what are the important trend.
Brauchst du unterstützung?
Schreib mir doch ein paar Zeilen, wo du/ihr steht und was das Ziel der Webseite ist. Wenn das spannend ist melde ich mich üblicherweise innerhalb der nächsten zwei Arbeitstage.
Dann erarbeiten wir gemeinsam ein Konzept so wie einen Schritt-für-Schritt-Plan zu deiner erfolgreichen Webseite - kostenlos. Und vielleicht willst du ja auch, dass wir diesen Plan dann umsetzen ;)