Abo
  • Services:

Wie sich mobile Webseiten beschleunigen lassen

Die Analyse ist der erste Schritt. Danach muss die Frage beantwortet werden, wie sich mobile Seiten beschleunigen lassen. Ein Mittel dafür sind Inline-Images: Bilder werden direkt in den HTML-Code eingebettet, was den HTML-Code zwar vergrößert, aber die Zahl der Requests reduziert. Das verkürzt vor allem auf Smartphones, die per Mobilfunk auf Seiten zugreifen, die Ladezeit, zumal mobile Browser oft viel weniger gleichzeitige Verbindungen öffnen als Desktopbrowser.

Weniger Redirects

Stellenmarkt
  1. FREICON GmbH & Co. KG, Freiburg
  2. Dürr AG, Bietigheim-Bissingen

Vergleichsweise einfach ist Souders Hinweis, auf Redirects zu verzichten. Obwohl diese auf mobilen Geräten für Nutzer viel ärgerlicher, weil langsamer, sind als auf dem Desktop, finden sie häufiger statt. Nicht selten werden Nutzer bereits durch einen Redirect auf die mobile Version einer Website geleitet, was unnötig lange dauert.

Inlining

Einen weiteren Ansatz nutzt Microsoft in der iPhone-Version von Bing: Hier wird der verwendete CSS- und Javascriptcode in Strings aufgeteilt und im lokalen Speicher (Local Storage) abgelegt. Über einen Cookie erkennt Bing einen Nutzer, der diese Daten bereits hat, und sendet sie nicht nochmals, sondern rekonstruiert sie aus dem lokalen Speicher.

Google macht mittlerweile Ähnliches und geht noch einen Schritt weiter: Auch die Inline-Images werden auf diese Art und Weise im lokalen Speicher abgelegt. So lassen sich die engen Beschränkungen der Caches auf mobilen Geräten umgehen.

Mit Storager hat Souders ein Bookmarklet entwickelt, das hilft, den lokalen Speicher auf einem Smartphone zu analysieren.

Eine Alternative dazu ist das Appcache-API. Hier wird in einer Manifestdatei festgelegt, was später aus dem Cache statt aus dem Netz geladen wird. Allerdings, sagt Souders, sei das API nicht sehr entwicklerfreundlich. Abhilfe schaffen könnte Assetgraph, ein Framework von One.com, das Optimierungen vornimmt. Unter anderem werden ein passendes Cache-Manifest erzeugt, Bilder in Sprites umgewandelt und statische Dateien mit MD5-Hashes benannt und langfristig gecacht. Allerdings befindet sich Assetgraph noch in einem frühen Entwicklungsstadium.

Mobile HTTP Archive

Um einen Überblick über den Stand des mobilen Webs in technischer Hinsicht zu geben und den Zeitverlauf verfolgen zu können, hat Souders das HTTP Archive Mobile gestartet. Ähnlich wie im HTTP Archive werden Daten wie die Größe von Webseiten, die Größe der Bilder und Scripte der größten Websites regelmäßig gemessen und die Daten archiviert.

Dabei nutzt Souders den Mobitest von Blaze.io, der die Analyse auf iPhones und Android-Geräten vornimmt und dazu die Plattform von Webpagetest.org nutzt, die Souders auch im HTTP Archive einsetzt.

 Steve Souders: Das mobile Internet ist zu langsam
  1.  
  2. 1
  3. 2


Anzeige
Spiele-Angebote
  1. (-62%) 11,50€
  2. (-55%) 8,99€
  3. 59,99€ mit Vorbesteller-Preisgarantie (Release 26.02.)

Anonymer Nutzer 15. Mai 2011

http://www.alexa.com/siteinfo/bodensee.eu XD

IrgendeinNutzer 15. Mai 2011

Ich nutze das unterwegs immer, und so fällt einem auch die eventuell langsame...

Uschi12 13. Mai 2011

Wenn du an deinen Porsche noch einen vollgepackten Wohnwagen hängst, dann nützt dir der...

LX 13. Mai 2011

Aber grundsätzlich muss man beim mobilen Internet umdenken: 50-200kb JavaScript wie beim...

gisu 13. Mai 2011

Ich ja ebenso :) Vor allem war ich überglücklich als man mittels CSS sein HTML Code noch...


Folgen Sie uns
       


Padrone-Maus-Ring angesehen (CES 2019)

Der Ring von Padrone soll die Maus überflüssig machen - wir haben ihn uns auf der CES 2019 angesehen.

Padrone-Maus-Ring angesehen (CES 2019) Video aufrufen
Raspberry Pi: Spieglein, Spieglein, werde smart!
Raspberry Pi
Spieglein, Spieglein, werde smart!

Ein Spiegel, ein ausrangierter Monitor und ein Raspberry Pi sind die grundlegenden Bauteile, mit denen man sich selbst einen Smart Mirror basteln kann. Je nach Interesse können dort dann das Wetter, Fahrpläne, Nachrichten oder auch stimmungsvolle Bilder angezeigt werden.
Eine Anleitung von Christopher Bichl

  1. IoT mit LoRa und Raspberry Pi Die DNA des Internet der Dinge
  2. Bewegungssensor auswerten Mit Wackeln programmieren lernen
  3. Raspberry Pi Cam Babycam mit wenig Aufwand selbst bauen

Android-Smartphone: 10 Jahre in die Vergangenheit in 5 Tagen
Android-Smartphone
10 Jahre in die Vergangenheit in 5 Tagen

Android ist erst zehn Jahre alt, doch die ersten Geräte damit sind schon Technikgeschichte. Wir haben uns mit einem Nexus One in die Zeit zurückversetzt, als Mobiltelefone noch Handys hießen und Nachrichten noch Bällchen zum Leuchten brachten.
Ein Erfahrungsbericht von Martin Wolf

  1. Sicherheitspatches Android lässt sich per PNG-Datei übernehmen
  2. Google Auf dem Weg zu reinen 64-Bit-Android-Apps
  3. Sicherheitslücke Mit Skype Android-PIN umgehen

Enterprise Resource Planning: Drei Gründe für das Scheitern von SAP-Projekten
Enterprise Resource Planning
Drei Gründe für das Scheitern von SAP-Projekten

Projekte mit der Software von SAP? Da verdrehen viele IT-Experten die Augen. Prominente Beispiele von Lidl und Haribo aus dem vergangenen Jahr scheinen diese These zu bestätigen: Gerade SAP-Projekte laufen selten in time, in budget und in quality. Dafür gibt es Gründe - und Gegenmaßnahmen.
Von Markus Kammermeier


      •  /