Website herauf dem Seilschaft – Gestalten fA?r mobile GerAi??te

Denn A?ber 75% der Online-Kunden Zugang A?ber Smartphones und Tablets besitzen, ist es wichtig, dass Ihre Website mit all diesen verschiedenen GerAi??ten kompatibel ist, mit der absicht, sicherzustellen, falls Sie einen treuen mobilen Kundenstamm genieAYen.

Dieses weiterer entscheidender Faktor fA?r Erweiterung Ihrer mobilen Zielgruppe ist die Ladezeit Ihrer Website. Im Folgenden habe mein einige pralle Punkte aufgefA?hrt, mit jenen Sie Ihre mobile Internetseite optimieren kAi??nnen, um das zu verbessern.
Desktop-Websites genieAYen den groAYen Vorrang gegenA?ber diesen mobilen Pendants in Bezug auf die Seitenladezeiten. Die folgenden AufzAi??hlungspunkte beschreiben einige dieser Schmerzen:
A?ber die Befriedigung einiger der folgenden Best-Practice-Tipps stellen Sie sicher, dass Ihre Website in mobilen Browsern schneller geladen vermag.

BildgrAi??AYe ist bedeutsam

Die allgemeine Faustformel besteht darin, die Inanspruchnahme von Bildern auf mobilen Websites so weit denn mAi??glich einzuschrAi??nken. Wenn eine einfache, bildfreie Website verwendet werden kann, sein die Benutzerfreundlichkeit und die Seitenladezeit exorbitant verbessert. Sofern Bilder enthalten sein mA?ssen, verwenden Jene eines der vielen kostenlosen Tools online, um die DateigrAi??AYe zu bekAi??mpfen.

BerA?hren Sie Ereignisse nicht klicken

Falls jemand mit einem MobilgerAi??t auf die SchaltflAi??che klickt, kommt das zu einer erheblichen Verlangsamung. Indem stattdessen ein Touchend-Ereignis verwendet sieht man; Sie sachverstand die Benutzerfreundlichkeit erheblich verbessern. Touchend-Ereignisse werden ausgelAi??st, sofern ein Anwender den Finger von der OberflAi??che dieses Bildschirms hebt und die VerzAi??gerung reduziert.

Abridge-Skripte und Stylesheets

Durch das Reduzieren von Skripts und Stylesheets, die herauf der mobilen Website verwendet werden, und Eliminieren aller unerwA?nschten Zeichen ferner Leerzeichen bringen Sie die Website fA?r schnellere Downloadgeschwindigkeiten optimieren. DarA?ber hinaus hier sind eine Reichhaltigkeit von Online-Tools, die bei dieser Kapitulation helfen kAi??nnen. UnterstA?tzung im rahmen (von) der Verbesserung der mobilen Caching- ferner Seitenladezeiten.

Einige Websitebesitzer reduzieren die Zeit fA?r das Laden der Seite, indem sie Dateien komprimieren. Jedoch sind nicht jeder Browser
kAi??nnen diese Dateien korrekt zwischenspeichern.

HTML5 ferner CSS3

CSS3 und HTML5 bieten heisse, leichtgewichtige Funktionen und Strukturelemente, die schnellere Downloadzeiten jetzt fA?r mobile Websites ermAi??glichen. Sie ermAi??glichen Designern das einfache Anwenden vonseiten Text / Box-Schlagschatten, Animationen und abgerundeten Ecken.

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

Optimiertes Caching

Im Gegensatz zum Desktop-Browser-Caching kAi??nnen mobile GerAi??te niemals groAYen Datenmengen speichern. Dies wirkt gegenseitig auf die Geschwindigkeit aus, mit der die Seite heruntergeladen werden mag, und mag Benutzer davon abhalten, Ihre Website zu laden. Jenes Problem ist durch die Verwendung jener HTML5-Webspeicheranwendung behoben, die mit den am hAi??ufigsten verwendeten mobilen Browsern installiert wird. Viele jener GerAi??te beinhalten Cache-Ressourcen fA?r den lokalen Silo (getreide), die unnAi??tige Anforderungen vom Webserver vermeiden.

Eingebettete HTML-Ressourcen

Wenn die Elemente Ihrer Website nicht auf Einem mobilen GerAi??t zwischengespeichert sein, mA?ssen Jene nicht dauernd extern darauf zugreifen. Stattdessen kAi??nnen jene in den HTML-Code eingebettet werden. Der einzige Nachteil dieser LAi??sung ist, falls sie abgeschlossen einer erhAi??hten SeitengrAi??AYe fA?hren kann. Es gibt jedoch Unterstuetzung mit Online-Tools, mit jenen Sie die Elemente alleinig dann darA?ber hinaus den HTML-Code einbetten bringen, wenn kein Caching stattgefunden hat.

Reduzieren Sie JavaScript-Parsing

Ladezeiten kAi??nnen erheblich erhAi??ht werden, falls das mobile GerAi??t JavaScript-Code analysiert. A?ber die Abbau der abgeschlossen analysierenden Tags werden die Ladezeiten jener Website erheblich verbessert.

Optimieren oder aber entfernen Jene Redirects

Wenn eine Desktopwebsite an eine mobile Website umgeleitet wird, erhAi??ht die clientseitige Serververarbeitung die Ladezeit der Websites. Mit FAi??llen, in denen gegenseitig die zwei Standorte an unterschiedlichen Erkennen befinden, ist dies meistens unvermeidlich des weiteren die mobile Site kann cachefAi??hig gemacht werden. Falls sich die beiden Webseiten jedoch herauf demselben Server befinden, sollten Sie die Verwendung von Weiterleitungen vermeiden und die Website geradeaus fA?r den Benutzer bereitstellen. Sofern Sie 1 Link auf der mobilen Website auf Ihrer Hauptseite anzeigen, sachverstand Sie hintansetzen, dass Ihre Besucher frustrierend warten.

Implementieren Sie AJAX

Durch die Implementierung von seiten AJAX herauf Ihrer mobilen Website vermag die Ladezeit der Page erheblich fragmentarisch, da Zahlen vom Http-server abgerufen werden kAi??nnen, ohne dass diese eine, Seitenaktualisierung erforderlich ist. Via AJAX kAi??nnen Elemente jener Seite geAi??ndert werden, ohne dass die gesamte Seite rekonstruiert sein muss. Das Beispiel nun ist die Anzeige von Dankesnachricht, wenn ein websiteerstellenonline.de Kontaktformular gesendet wurde. AJAX ermAi??glicht auch mobilen Webanwendungen dies schnelle Laden und Erfassen von aktualisierten Inhalten, wAi??hrend der Nutzer den Rest der S. anzeigt.

Leave a Reply