Bitte um Rat bzgl. sehr schlechter Ladezeit

Beitrag von **Mr. T** » 21.02.2011, 20:51

Hallo Gemeinde,

ich bin auf der Suche nach einem Rat zur Optimierung der extrem schlechten Ladezeit einer auf Joomla! basierenden Seite. Sämtliche Scripten und Stylesheets, die von mir erstellt wurden und per Kommando geladen werden, wurden komprimiert. Doch es werden auch Scripten und Stylsheets von anderen Erweiterungen, die ich nicht programmiert habe, eingebunden.

Ich habe die Ladezeit der Seite mit dem Firefox Plugin YSlow sowie auf einer Mess-Seite bei 1und1 getestet und musste feststellen, dass schon auf der Startseite Inhalte geladen werden, die dort garnicht zu sehen sind. Alles in allem werden 28 MB Daten übertragen, ehe die Seite fertig geladen hat.

Ich wurde beauftragt, nach Optimierungsmöglichkeiten zu suchen, kenne mich damit bis auf das Einstampfen von Scripten und Stylesheets sowie Grafiken damit nicht aus. Da die Seite von einer studentischen Redaktion betreut wird, habe ich auch keinen Einfluss auf den redaktionell erzeugten Inhalt (Bilder).

Ist es möglich, mir mit klaren Handlungsempfehlungen weiterzuhelfen? Ich weiß nicht wirklich, wo sonst ich danach fragen könnte. Es gibt zwar für alles mögliche Foren, jedoch erschien mir dieses das am besten geeignete.

von **Anzeige von ABAKUS** »

Beitrag von **Alex L.** » 22.02.2011, 09:31

Brrr.... Joomla! ....

Schau dir mal alleine die Playlist an. Da werden Bilder in der Größe 800x532 (vermutlich Originalgröße) geladen um als 110x70 angezeigt zu werden.

In Drupal ist das ein klassischer Fall für Imagecache. Aber sicher gibt es da auch in Joomla! eine Standard-Lösung.

Beitrag von **pimpi** » 22.02.2011, 10:01

Du lädst da gut 5,5 MB auf der Index. Etwas üppig:

https://tools.pingdom.com/fpt/?url=www. ... &save=true

von **Anzeige von ABAKUS** »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:

einzigartige Texte
suchmaschinenoptimierte Inhalte
eine sinnvolle Content-Strategie
Beratung und Umsetzung

Jetzt anfragen: 0511 / 300325-0

Beitrag von **Synonym** » 22.02.2011, 10:28

was nicht verwunderlich ist, bei solchen Bildern:
https://www.berlinmusic.tv/media/bmtv/r ... ostars.png

Beitrag von **Rizzo** » 22.02.2011, 10:33

Ich kenn YSlow nicht, daher beziehe ich mich jetzt mal auf PageSpeed (unter Firefox).

Damit kannst du recht gut erkennen wo Ladenzeiten verschwendet werden... mit Beispielen wie diese behoben werden können.

Zum Thema:
Auch wenn du keinen Einfluss auf die Bilder an sich hast... so sag den Betreibern - dass HD Bilder (oder welche die es werden wollten) sich nicht sonderlich gut machen. Vorallem wenn diese ca. 80% kleiner (Dateigröße) fast genauso aussehen.

Zum Server (falls dieser unter der Linuxflagge läuft) schau mal ob 'mod_expires' installiert ist. Da kann man vieles Cachen lassen.
Das zum Beispiel in die htaccess schreiben und schauen ob es funktioniert

Code: Alles auswählen

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access plus 1 weeks"
ExpiresByType image/jpg "access plus 1 weeks"
ExpiresByType image/png "access plus 1 weeks"
ExpiresByType video/quicktime "access plus 1 day"
ExpiresByType audio/mpeg "access plus 1 day"
</IfModule>

Beitrag von **SloMo** » 22.02.2011, 10:46

Die Bilder sollten schon in der Originalauflösung hinterlegt werden. Während der Anzeige müssen sie auf ein Thumbnail herunterskaliert und gecacht werden.

Eine Extension, die sowas wohl recht gut macht: Image Resize ( https://extensions.joomla.org/extension ... mages/5694 )

Ob sich das mit der Vorgehensweise der Studenten und mit den anderen Extensions verträgt, musst Du herausfinden.

Beitrag von **Mr. T** » 22.02.2011, 11:09

Danke für eure zahlreichen Beiträge!

Das Problem mit den Bildern ist, dass die Studis diese so "groß" speichern, weil sie sie sowohl in Artikel-Vorschaubildern, als auch in den Artikeln selbst (hier werden die großen in der Lightbox angezeigt) und stellenweise auch in der Playlist verwenden. Man müsste also hergehen und sie davon überzeugen, dass zusätzlich Thumbnails für die Vorschauen benötigt werden. Ich bin überzeugt davon, dass das auf Dauer nicht funktioniert, weil da einfach zu viele Köche im Brei rühren. Daher suche ich nach einem automatisierten Ansatz.

Die Bilder zur Renderzeit runterrechnen und im Temp-Folder speichern zu lassen, wird die Ladezeit sicher auch verschlechtern, oder?

Was mich bei beiden, YSlow und den 1und1 Webtools, gewundert hat, ist dass beim Laden der Startseite schon Bilder von den Genre-Unterseiten geladen werden, die erst mit einem Klick auf einen Top-Menülink geöffnet werden. Es wurden insgesamt erstmal 28 MB runtergeladen. Warum ist das so? Werden beim Laden der Startseite alles Links verfolgt und die Inhalte dabei schon gecacht? Kann man das unterbinden?

Lässt sich also mit Sicherheit der Flaschenhals auf die Bilder beschränken? Das ist, was ich sicher wissen müsste, um den um Hilfe bittenden Verantwortlichen eine entsprechende Erklärung präsentieren zu können und in der Folge den Hebel an der richtigen Stelle anzusetzen.

Lässt sich irgendwie messen, ob vielleicht auch der Server die Inhalte zu langsam ausliefert - sprich, ob man an der Serverperformanceschraube auch noch was tunen kann?

Beitrag von **Alex L.** » 22.02.2011, 11:15

Was willst du denn bei 5.5 oder 28 MB serverseiitg tunen!? Und willst du alle Besucher nötigen erstmal zum Server zu fahren und sich per GBit-Kabel dranzuhängen um eine akzeptable Geschwindigkeit zu erhalten?

Beitrag von **SloMo** » 22.02.2011, 11:18

Mr. T hat geschrieben:Die Bilder zur Renderzeit runterrechnen und im Temp-Folder speichern zu lassen, wird die Ladezeit sicher auch verschlechtern, oder?

Der Server braucht zum Herunterrendern den Bruchteil einer Sekunde. Danach lädt der erste User die superkleinen Images in nochmal dem Bruchteil einer Sekunde herunter. Der Seitenaufbau wird deshalb schon beim ersten Abruf schneller sein, als momentan. Bei den Folgeabrufen der gecachten Grafiken wird der Server dafür gelangweilt in den Standbymodus wechseln.

Du kennst das Potenzial von Caching-Mechanismen nicht und sollst die Performance optimieren?

Beitrag von **Rizzo** » 22.02.2011, 11:30

Nanu... auf einmal wird alles gecacht. War das vorher schon so?

Auch egal! Was zu deiner Cachelist noch hinzugefügt werden sollte sind vielleicht die CSS- und Javadateien.
Und da die bestimmt nicht so oft geändert werden, kannst hierbei die Cachezeit noch auf 1 Monat schrauben.

Zusätzlich kannst du den JS & CSS Code mit der Apache Mod 'gzip' etwas kleiner machen.

Soweit war das jetzt alles... ansonsten liegt das Hauptsächlich nur noch an den Bildern.

Beitrag von **Alex L.** » 22.02.2011, 11:33

Rizzo hat geschrieben:Auch egal! Was zu deiner Cachelist noch hinzugefügt werden sollte sind vielleicht die CSS- und Javadateien.

Javascript ist nicht gleich Java. Bis auf vier Buchstaben im Namen haben beide nicht mehr gemein als viele andere Programmierspeachen auch.

Beitrag von **Rizzo** » 22.02.2011, 11:42

Sry... für meine ungehobelte Abk., natürlich meine ich JAVAscript!!
Ich hab doch tatsächlich gedacht das man sich das herleiten könnte, vorallem da er keine [ACHTUNG] JAVA - Dateien auf dem Server zu laufen hat.

Beitrag von **Alex L.** » 22.02.2011, 11:53

Rizzo hat geschrieben:Ich hab doch tatsächlich gedacht das man sich das herleiten könnte, vorallem da er keine [ACHTUNG] JAVA - Dateien auf dem Server zu laufen hat.

Weißt du es?

Beitrag von **Mr. T** » 22.02.2011, 12:03

Nanu... auf einmal wird alles gecacht.

Wie jetzt?

War das vorher schon so?

Ich hab an der Konfiguration bislang noch nichts verändert.

Zusätzlich kannst du den JS & CSS Code mit der Apache Mod 'gzip' etwas kleiner machen.

Soll heißen, in der httpd.conf dieses Modul aktivieren und in den Joomla! Server Settings diese Option aktivieren?

GZIP-Komprimierung

Der Server braucht zum Herunterrendern den Bruchteil einer Sekunde

Das klingt sehr gut!

Du kennst das Potenzial von Caching-Mechanismen nicht und sollst die Performance optimieren?

Ja, denn ich hab die Seite programmiert. Dennoch weiß ich nicht alles. Ich programmiere noch nicht so lange. Jeder hat mal angefangen, oder?

Was willst du denn bei 5.5 oder 28 MB serverseiitg tunen!?

Ich wollte lediglich wissen, ob es auch an der Server-Hardware liegen könnte und ob man durch Maßnahmen, z.B. mehr RAM oder was immer ihr mir auf diese Frage vorgeschlagen hättet, die Geschwindigkeit des Servers noch steigern könnte.

Entschuldigt diese naive Vorstellung.
Noch eine Frage zum Joomla! internen Cache. Dieser ist derzeit nicht aktiviert. Soll ich den auch aktivieren? Wenn ja, auf welche Zeit könnte man den für diese Seite einstellen?

Beitrag von **SloMo** » 22.02.2011, 12:12

Mr. T hat geschrieben:Ja, denn ich hab die Seite programmiert. Dennoch weiß ich nicht alles. Ich programmiere noch nicht so lange. Jeder hat mal angefangen, oder?

Klein ist was anderes. Die Site sieht schon sehr rund aus. Respekt. Das Design wurde outgesourced, oder?