Websites auf dem Seilschaft – Gestalten fA?r mobile GerA�te

Da A?ber 75% der Online-Kunden Zugang abgeschlossen Smartphones ferner Tablets besitzen, ist dieses wichtig, dass Ihre Internetseite mit all diesen unterschiedlichen GerA�ten kompatibel ist, mit der absicht, sicherzustellen, falls Sie den treuen mobilen Kundenstamm genieAYen.

Ein weiterer entscheidender Faktor fA?r Erweiterung Ihrer mobilen Zielgruppe ist die Ladezeit Ihrer Website. Danach habe mein einige pralle Punkte dargestellt, mit denen Sie Ihre mobile Website optimieren kA�nnen, um dies zu korrigieren.
Desktop-Websites genieAYen 1 groAYen Vorrang gegenA?ber ihren mobilen Pendants in Bezug auf die Seitenladezeiten. Die folgenden AufzA�hlungspunkte beschreiben manche dieser Ursachen:
Anhand die Befriedigung einiger dieser folgenden Best-Practice-Tipps stellen Jene sicher, dass Ihre Website in mobilen Browsern schneller geladen wird.

BildgrA�AYe ist bedeutsam

Eine allgemeine Faustformel besteht darin, die Inanspruchnahme von Bildern auf mobilen Websites so sehr weit als mA�glich einzuschrA�nken. Wenn diese eine, einfache, bildfreie Website vorkommen kann, werden die Benutzerfreundlichkeit und die Seitenladezeit stattlich verbessert. Wenn Bilder haben sein mA?ssen, verwenden Jene eines dieser vielen kostenlosen Tools online, um die DateigrA�AYe zu reduzieren.

BerA?hren Sie Ereignisse nicht klicken

Sofern jemand via einem MobilgerA�t auf die SchaltflA�che klickt, kommt dieses zu von erheblichen VerzA�gerung. Indem stattdessen ein Touchend-Ereignis verwendet sieht man; Sie sachverstand die Benutzerfreundlichkeit erheblich verbessern. Touchend-Ereignisse werden ausgelA�st, sofern ein Nutzer den Finger von dieser OberflA�che des Bildschirms hebt und die VerzA�gerung reduziert.

Abridge-Skripte und Stylesheets

A?ber das BekA�mpfen von Skripts und Stylesheets, die auf der mobilen Website vorkommen, und Eliminieren aller unerwA?nschten Zeichen und Leerzeichen bringen Sie die Website zu gunsten von schnellere Downloadgeschwindigkeiten optimieren. Auch hier gibt es eine Reichhaltigkeit von Online-Tools, die im rahmen (von) dieser Kapitulation helfen kA�nnen. UnterstA?tzung bei der Quantensprung (umgangssprachlich) der mobilen Caching- des weiteren Seitenladezeiten.

Einige Websitebesitzer reduzieren die Zeit jetzt fA?r das Laden der Page, indem sie Dateien komprimiert archivieren. Jedoch befinden sich nicht jeder Browser
kA�nnen jene Dateien korrekt zwischenspeichern.

HTML5 des weiteren CSS3

CSS3 und HTML5 bieten heisse, leichtgewichtige Funktionen und Strukturelemente, die schnellere Downloadzeiten zu gunsten von mobile Webseiten ermA�glichen. Jene ermA�glichen Designern das einfache Anwenden vonseiten Text / Box-Schlagschatten, Animationen und abgerundeten Ecken.

Die Online-Community hat mehrere Seiten qua Dokumentation erstellt, die sowohl HTML5 denn auch CSS3 abdecken, ferner es gibt viele Foren und Blogs, die den angehenden Programmierer unterstA?tzen.

Optimiertes Caching

Im Unterschied zum Desktop-Browser-Caching kA�nnen mobile GerA�te keine groAYen Datenmengen speichern. Dies wirkt sich auf die Schnelligkeit aus, qua der die Seite heruntergeladen werden mA�glicherweise, und mA�glicherweise Benutzer davon abhalten, Ihre Website zu laden. Das Problem ist durch die Verwendung der HTML5-Webspeicheranwendung behoben, die darA?ber hinaus den am hA�ufigsten verwendeten mobilen Browsern installiert wird. Viele jener GerA�te beinhalten Cache-Ressourcen am lokalen Silo (getreide), die unnA�tige Anforderungen vom Webserver umgehen.

Eingebettete HTML-Ressourcen

Wenn die Elemente Ihrer Website nicht auf Diesem mobilen GerA�t zwischengespeichert sein, mA?ssen Sie nicht immerzu extern darauf zugreifen. Stattdessen kA�nnen sie in welchen HTML-Code eingebettet werden. Dieser einzige Nachteil dieser LA�sung ist, dass sie abgeschlossen einer erhA�hten SeitengrA�AYe administrieren kann. Es gibt jedoch Unterstuetzung mit Online-Tools, mit jenen Sie die Elemente alleinig dann mit den HTML-Code einbetten bringen, wenn auf keinen fall Caching stattgefunden hat.

Reduzieren Jene JavaScript-Parsing

Ladezeiten bringen erheblich erhA�ht werden, falls das mobile GerA�t JavaScript-Code analysiert. Anhand die Reduzierung der A?ber analysierenden Tags werden die Ladezeiten der Website stattlich verbessert.

Optimieren , alternativ entfernen Jene Redirects

Wenn diese eine, Desktopwebsite an eine mobile Website umgeleitet wird, erhA�ht die clientseitige Serververarbeitung die Ladezeit dieser Websites. Mit FA�llen, darA?ber hinaus denen einander die beiden Standorte an unterschiedlichen Erkennen befinden, ist dies oft unvermeidlich und die mobile Site kann cachefA�hig eingegangen werden. Wenn sich die beiden Websites jedoch uff (berlinerisch) demselben Server befinden, mA?ssten Sie die Verwendung vonseiten Weiterleitungen verhA?ten und die Website geradlinig fA?r den Benutzer bereitstellen. Sofern Sie einen Link herauf der mobilen Website uff (berlinerisch) Ihrer Hauptseite anzeigen, kA�nnen Sie verhindern, dass Die Besucher frustrierend warten.

Implementieren Sie AJAX

Durch die Implementierung von AJAX auf Ihrer mobilen Website wird die Ladezeit der Page erheblich fragmentarisch, da Information vom Webserver abgerufen sein kA�nnen, bar dass eine Seitenaktualisierung erforderlich ist. Mit AJAX sachverstand Elemente der Seite geA�ndert werden, minus dass die gesamte Page rekonstruiert werden muss. Das Beispiel nun ist die Anzeige ihrer Dankesnachricht, sobald ein website erstellen lassen Kontaktformular gesendet wurde. AJAX ermA�glicht auch mobilen Webanwendungen das schnelle Laden und HinzufA?gen von aktualisierten Inhalten, wA�hrend der Nutzer den Ausschuss der S. anzeigt.