kinder im allgaeu logo desk

Optimierung der Seitenladezeit

Verbesserung des Google PageSpeed Wertes und Neu-Komprimierung der Bilder mit Google Guetzli und WebP
2017-06-20 16:00:00 /

Ladezeit verkürzen, vor allem auch bei schlechterem Mobilfunk-Empfang im Allgäuer Land war das Ziel.

Wenn man die Ladezeit verbessern will gibt es mehrere Baustellen. Zum einen muss der Aufbau der Seite schnell von statten gehen, zum anderen müssen sämtliche Bilder verkleinert werden.

Schnellerer Seiten-Aufbau

Da Thomas, der Erschaffer des CMS bee.tools, mit zu unserem Team gehört, verwenden wir natürlich bee.tools als System für die Webseite. Das hat den Vorteil, dass wir das System schnell an neue Anforderungen anpassen können. Mit mehreren Cache-Maßnahmen und einem internen Umzug bei unserem Provider, konnten wir die Aufbauzeit auf die Zeit von ca. 150ms verkürzen. Außerdem wurden alle Browser-Cache-Maßnahmen aktiviert, die wir von der Webserver-Seite aus aktivieren konnten. Wir nutzen seit kurzem zudem das neue, schnelle HTTP 2.0-Protokoll was weitere Ladezeitverbesserung brachte.

Warum dauert manchmal der Aufbau trotzdem länger? 
bee.tools baut den Cache der Seite erst beim erstmaligen Seitenaufruf auf. Sobald wir neue Daten hinzufügen, wird der Seiten-Cache geleert und muss neu erzeugt werden.

Optimierte Bildausgabe

Nachdem sämtliche Cache und Servermaßnahmen getroffen wurden, haben wir uns dem nächsten großen Thema zugewandt. Den Bildern. Eine Seite ohne Bilder mag für manche Seiten funktionieren, nicht für unsere Seite. Denn schließlich sagen Bilder mehr als 1000 Worte.

Wir haben bereits seit Anfang an weboptimierte Bilder verwendet. Dennoch waren die Bilder immer noch zu groß. Ein Tool, das einem hilft, ist Google PageSpeed. Das Tool sagt einem, ob Bilder weiter reduziert werden müssen. 

Bereits seit dem Umzug auf bee.tools haben wir TinyFy (TinyJPG und TinyPNG) zur verlustfreien Bildkomprimierung eingesetzt. Bis Anfang dieses Jahres hatte dies Google PageSpeed auch gereicht und war auch für uns akzeptabel. Nun hat Google Ende letzten Jahres Google Guetzli auf den Markt gebracht. Google Guetzli vermindert zwar die Bildqualität, aber reduziert auch die Bildgröße im Schnitt um 40-60%. Wird für den Google Chrome, Safari und Opera dann noch WebP verwendet, reduziert sich die Größe insgesamt im Schnitt sogar auf 80-90%. Durch die Veröffentlich von Google Guetzli wurden auch die PageSpeed-Werte angehoben und wir haben hier auf einmal durchweg sehr schlechte Werte erhalten.

Nach näherer Betrachtung der Werte war schnell klar, dass wir das Bild-Problem angehen mussten. Wir haben mit TinyFy Kontakt aufgenommen und auch andere Anbieter für Google Guetzli gesucht, jedoch hat keine Maßnahme zum Erfolg geführt. Schließlich hat sich brain at work (unser Sponsor) entschieden einen eigenen Google Guetzli und WebP-Konvertierungsdienst zu entwickeln. Nach 3wöchiger Entwicklungsphase konnte die Testphase beginnen und wir konnten unser Projekt als Testkandidaten verwenden.

Während der Testphase ist es leider immer wieder zu Ausfällen in der Bildanzeige gekommen. Wir entschuldigen uns für diese Unannehmlichkeit.

Als weiteren Schritt wurden sämtliche Bilder für die Ausgabe angepasst und für die ausgegebene Größe automatisch beschnitten. Dies musste ebenfalls erst in bee.tools entwickelt werden. Auch dies eine neue Anforderung von Google PageSpeed, die wir nun erfüllen.

Inzwischen konnten wir die Testphase abschließen und die Bilder komprimieren. Tatsächlich merkt man nur bei wenigen Bildern den Qualitätsverlust. Die komplette Seitenladezeit konnte aber von knapp 5 Sekunden auf 1 bis 1,5 Sekunden reduziert werden. Wir konnten nun auch diese Baustelle abschließen.

Verzicht auf Dritt-Anbieter-Software

Ein weiterer Punkt der uns Kopfzerbrechen bereitet waren Einbindungen von Dritt-Anbieter-Software, wie die Wetter-Darstellung von wetter.com. Diese Integration konnte nicht zwischengespeichert werden, da der Hersteller dies nicht unterstützte.

Um auch dieses Problem zu beheben, haben wir nun das Wetter-Plugin mit unserer neuen Wetterfunktion ersetzt.

Sag uns deine Meinung! (0)

Kommentar hinzufügen
Username:
Vielen Dank. Dein Kommentar wurde erfolgreich abgesendet und wird nach Überprüfung durch einen Moderator bald freigeschaltet.

Deine Bewertung: * * * * *

Kommentar absenden

Was kann man bei diesem Wetter im Allgäu noch unternehmen? (wolkenbedeckt bei 8°C)

Bergbauernmuseum / Diepolz
Dauerhaft geschlossen

Bergbauernmuseum / Diepolz

Auf dem Gelände des Bergbauernmuseums sind verschiedene Vierbeiner und Federvieh zu finden. Sie stammen von alten Haustierrassen wie das Braunvieh vom Allgäuer Schlag, die Sulmtaler Hühner, die Allgäuer Bergschafe und die Schwäbisch-Hällischen Schweine ab.

Dengelstein
Dauerhaft geschlossen

Dengelstein

Der Dengelstein gehört mit einer Höhe von über 8 Metern, einem Volumen von ca. 1400 Kubikmetern und einem Gewicht von 3700 Tonnen zu den größten noch erhaltenen Findlingen des Kemptner Waldes. Er wurde während des Hochglazials vor etwa 18.000 Jahren durch den Illergletscher vermutlich vom Rottachberg bis hierher in das Alpenvorland transportiert.

Er besteht aus tertiärem Konglomerat aus den Kojenschichten. Er ist jedoch nur ein Findling unter Tausenden, die zwischen Rottachberg und Kraftisried im Allgäu die größte bekannte Findlingsverteilung der nördlichen Ostalpen bilden.

Zu Zeiten der Kelten sollen am Dengelstein Pferde im Feuer geopfert worden sein, wodurch der Dengelstein auch als prähistorische Kultstätte bedeutend ist. Der Landstrich um den Dengelstein trug zu alamannischer Zeit den Namen Keltenstein.

Um den Dengelstein ranken sich einige Sagen. So soll der Teufel seine Sense am Dengelstein dengeln, wenn den Menschen Böses bevorstehe. Eine andere Sage erzählt, die boshafte Frau eines Bauern sei in dem Stein gefangen und müsse dort ihre Sense dengeln. Beide Sagen lassen sich vollständig auf Schautafeln in der Nähe des Steins nachlesen.

Bei der eisernen Konstruktion um den Dengelstein handelt es sich um ein Kunstwerk aus dem Jahr 1997.

Die Sage des Dengelsteins kommt im zweiten Band der Romanreihe Kommissar Kluftinger vor.

Cambomare
Dauerhaft geschlossen

Cambomare

Das als Glaskuppelbau erbaute Cambomare erstreckt sich im Osten des Stadtbades mit einer großflächig angelegten Saunalandschaft und einer überdachten Badelandschaft. Als Attraktion des Bades gelten die zwei Rutschen: Die Black-Hole-Röhrenrutsche und die Crazy-River-Reifenrutsche, die an einen Wildfluss erinnert und deswegen nur mit speziellen luftgefüllten Reifen verwendet werden soll. Daneben wurde ein Gastronomiebereich mit Blick auf die Badelandschaft eingerichtet.

Für Kleinkinder gibt es den sogenannten Kids-Garden. Ein Strömungskanal mit einer großen Schwimmlagune, aus der in regelmäßigen Abständen Luft sprudelt, befindet sich hier ebenfalls. Es gibt auch eine versteckte Sprudelgrotte mit Massagedüsen. Das Außenbecken des Hallenbades enthält Sprudelliegen, Massagedüsen, Bodensprudler und Nackenduschen. Dieses Außenbecken wird auch im Winter betrieben.

Skyline Park
Dauerhaft geschlossen

Skyline Park

Glückliche Kinder, zufriedene und entspannte Eltern – das garantiert ein Tag im Allgäu Skyline Park. Der inhabergeführte Familienbetrieb zeichnet sich durch seine einzigartige Parklandschaft, eingebettet in die Allgäuer Voralpenregion aus. „Hier erlebt jeder – Groß und Klein – auf über 28 Hektar ein ganz besonderes Abenteuer. Sei es actionreich im Sky Shot, einem rasanten Katapultschuss und im Sky Wheel, der höchsten Überkopf-Achterbahn Europas oder kinderfreundlich in der preisgekrönten Kids Farm, einer liebevoll gestalteten Bauernhof-Spielinsel.“ Der Familien- und Freizeitpark liegt direkt an der A96 zwischen München und Lindau, Ausfahrt Bad Wörishofen. Schnell und bequem erreichbar. Kostenlose Parkplätze.

Mega-Neuheiten bietet der beliebte Freizeitpark jüngst für Kinder und Familien auf einer Parkfläche von 6 Fußballfeldern an. Familie Löwenthal denkt sich immer wieder Neues für seine kleinen und großen Gäste aus. 2015 lag der Fokus auf Kinder- und Familienattraktionen. Entstanden sind die Kids Farm – einzigartige Bauernhof-Spielinsel. Eine liebevoll gestaltete Bauerhofwelt mit witzigen Spielideen, heimlichen Einblicken in Ställe, mit unterirdischen Geheimgängen. Natürlich sind auch Tiere dabei. Ziegen, Hühner und Gänse sorgen für das richtige Landleben. Sky Walk – sportlicher Kletter-Spaß. Groß und Klein können beim Klettern, Hangeln und Balancieren ihre Kräfte messen. Water Splash, eine Wasserbahn die zum spritzigen Wasser-Spaß einlädt. Perfekt an heißen Sommertagen. Pony Trip – Reit-Spaß. Einem Rundparcours mit friedlichen, elektrisch betriebenen Pferdchen dürfen alle Pferdefreunde ihre ersten Reiterfahrungen sammeln. Zu alldem kam auch noch ein neues Kinder-Karussell dazu, das alle Kinderherzen höher schlagen lässt.

Du bist hier: