Mobile Performance-Probleme
Die Performance-Probleme dieses Blogs in Android-Smartphones und dem iPhone sind offensichtlich komplizierter einzugrenzen als erwartet, speziell da ich selbst kein entsprechendes Gerät zur Verfügung habe. Ich danke nochmals allen Testern.
Ich habe mittlerweile einige Tests über den Mobile Speed Test von Blaze laufen lassen, bin mir aber immer noch nicht ganz sicher, wo es konkret hakt. Fest steht: Irgendetwas™ bremst den Lade- und/oder Renderingvorgang der Seite massiv aus, und zwar:
- im Mobile Safari deutlich mehr als auf Androiden
- auf Artikelseiten deutlich mehr als auf der Startseite
In Desktop-Browsern ist davon – meiner Wahrnehmung und der von YSlow nach – nichts zu bemerken. Ich nutze darüber hinaus hier nahezu denselben „Unterbau“ wie auf meiner gewerblichen Seite, welche auf mobilen Geräten problemlos läuft.
Das grenzt meiner Einschätzung nach die Quelle des Performance-Problems auf die folgenden Kandidaten ein:
- CSS-Anweisungen, speziell CSS3-Tricks wie Transforms, Schatten und
:before
/:after
- die jQuery-Bibliothek (hier: Version 1.5, „drüben“ noch 1.4.3)
- jQuery-Plugins und Ergänzungen von mir; allerdings wurde das Blog-Template bereits komplett ohne jQuery getestet – ohne signifikante Verbesserung
Falls noch jemandem etwas ein- oder auffällt: Immer raus damit. Ich teste weiter, bis eine Lösung gefunden ist.