Die Seite basiert auf einem modifizierten WordPress Theme und vielen Plugins. Animationen und Bildergalerien wurden über etliche JavaScript Bibliotheken gelöst, dadurch extreme Dateigrößen, sehr viele HTTP-Anfragen und hohe Belastung des Nutzergeräts.
Als Lösung wurde ein WordPress Kind-Theme erstellt, welches CSS- und JavaScript-Dateien des Eltern-Themes überschreibt. Es wurde ein mittels Gulp ein Build-Script erstellt (Gulpfile), mit welchem sich basierend auf dem Eltern-Theme das Child-Theme erzeugen lässt. Auf diese Weise lässt sich das Eltern-Theme weiterhin aktualisieren, das Kind-Theme kann dann auf Basis dessen generiert werden.
Zusätzlich wurden folgende Schritte empfohlen über die die Kundin die Seitengeschwindigkeit selbst oder in einem Folgeauftrag noch weiter steigern könnte (mit Einsparpotential):
Die Einsparung von 79% der HTTP-Anfragen führt zu deutlich schnelleren Ladezeiten (Beispiel Startseite)
Die 66%ige Reduktion der Seitengröße entlastet das Smartphone der Besucher und verringert die Ladezeiten weiter
Durch 77% Reduktion der Ladezeit ist die Seite nun ein repräsentatives Aushängeschild für das Architekturbüro auf dem es seine Projekte ansprechend präsentieren kann, mit dem es womöglich demnächst schon das nächste Prestigeprojekt akquirieren kann.
Durch eine kompetente Beratung kann die Kundin mittels einer E-Mail an den Hoster bzw. eigene Maßnahmen die Performance der Seite kostengünstig und leicht sogar noch weiter steigern.
Die optisch durch professionelles Design, schöne Fotos und ansprechende Animationen schon sehr beeindruckende Referenz der Kundin ist nun auch technisch einwandfrei.