Websites herauf dem Sprung – Entwickeln für mobile Geräte
Denn Р“Сber eigene webseite erstellen kostenlos 75% der Online-Kunden Zugang zu Smartphones und Tablets haben, ist dieses wichtig, dass Ihre Internetseite mit all diesen verschiedenen GerГ¤ten kompatibel ist, um sicherzustellen, dass Sie einen treuen mobilen Kundenstamm genieГџen.
Dieses weiterer entscheidender Faktor fР“Сr die Erweiterung Ihrer mobilen Zielgruppe ist die Ladezeit Ihrer Website. Im Folgenden habe mein einige pralle Punkte dargestellt, mit jenen Sie Die mobile Internetseite optimieren sachverstand, um das zu korrigieren.
Desktop-Websites genieГџen den groГџen Vorrang gegenР“Сber ihren mobilen Pendants in Bezug auf die Seitenladezeiten. Die folgenden AufzГ¤hlungspunkte beschreiben manche dieser Ursachen:
Anhand die Implementierung einiger dieser folgenden Best-Practice-Tipps stellen Sie sicher, falls Ihre Internetseite in mobilen Browsern schneller geladen wird.
Bildgröße ist elementar
Diese eine, allgemeine Faustformel besteht darin, die Verwendung von Filmen auf mobilen Websites derart weit als möglich einzuschränken. Wenn eine einfache, bildfreie Website verwendet werden kann, sein die Benutzerfreundlichkeit und die Seitenladezeit erheblich verbessert. Sofern Bilder verwenden sein zu tun sein, verwenden Jene eines jener vielen kostenfreien Tools im Internet, um die Dateigröße zu reduzieren.
Auftreffen Sie Ereignisse nicht klicken
Sofern jemand via einem Mobilgerät auf die Schaltfläche klickt, kommt dieses zu einer erheblichen Verzögerung. Indem stattdessen ein Touchend-Ereignis verwendet vermag; Sie können die Benutzerfreundlichkeit erheblich korrigieren. Touchend-Ereignisse werden ausgelöst, sofern ein Nutzer den Finger von dieser Oberfläche des Bildschirms hebt und die Verzögerung reduziert.
Abridge-Skripte und Stylesheets
Durch das Reduzieren von Skripts und Stylesheets, die auf der mobilen Website verwendet werden, und Beseitigen aller unerwР“Сnschten Zeichen des weiteren Leerzeichen kГ¶nnen Sie die Website jetzt fР“Сr schnellere Downloadgeschwindigkeiten optimieren. Auch hier sind eine Reichhaltigkeit von Online-Tools, die fР“Сr dieser Niederlage helfen bringen. UnterstР“Сtzung fР“Сr der Verbesserung der mobilen Caching- ferner Seitenladezeiten.
Einige Websitebesitzer reduzieren die Zeit jetzt fР“Сr das Laden der Page, indem jene Dateien komprimieren. Jedoch sind nicht allesamt Browser
können diese Dateien korrekt zwischenspeichern.
HTML5 und CSS3
CSS3 und HTML5 bieten neuzeitliche, leichtgewichtige Funktionen und Strukturelemente, die schnellere Downloadzeiten fР“Сr mobile Webseiten ermГ¶glichen. Jene ermГ¶glichen Designern das einfache Anwenden vonseiten Text / Box-Schlagschatten, Animationen und abgerundeten Ecken.
Die Online-Community hat etliche Seiten qua Dokumentation erstellt, die sowohl HTML5 als auch CSS3 abdecken, des weiteren es gibt mehrere Foren ferner Blogs, die den angehenden Programmierer sprechen.
Optimiertes Caching
Im Gegensatz zum Desktop-Browser-Caching kГ¶nnen mobile GerГ¤te niemals groГџen Datenmengen speichern. Das wirkt sich auf die Geschwindigkeit aus, via der diese eine, Seite heruntergeladen werden mag, und kann Benutzer davon abhalten, Die Website zu laden. Das Problem wurde durch die Verwendung jener HTML5-Webspeicheranwendung behoben, die darР“Сber hinaus den pro hГ¤ufigsten verwendeten mobilen Browsern installiert wird. Viele der GerГ¤te verwenden Cache-Ressourcen am lokalen Silo (getreide), die unnГ¶tige Anforderungen vom Webserver verhР“Сten.
Eingebettete HTML-Ressourcen
Wenn die Elemente Ihrer Website bei weitem nicht auf Einem mobilen GerГ¤t zwischengespeichert werden, mР“Сssen Sie nicht immer extern darauf zugreifen. Stattdessen kГ¶nnen jene in den HTML-Code eingebettet werden. Jener einzige Kehrseite dieser LГ¶sung ist, falls sie abgeschlossen einer erhГ¶hten Seitengröße fР“Сhren kann. Wir kennen jedoch Hilfe mit Online-Tools, mit denen Sie die Elemente nur dann darР“Сber hinaus den HTML-Code einbetten bringen, wenn auf keinen fall Caching stattgefunden hat.
Reduzieren Jene JavaScript-Parsing
Ladezeiten bringen erheblich erhöht werden, sofern das mobile Gerät JavaScript-Code analysiert. Durch die Abbau der abgeschlossen analysierenden Tags werden die Ladezeiten jener Website erheblich verbessert.
Optimieren oder aber entfernen Sie Redirects
Wenn diese eine, Desktopwebsite fuer eine mobile Website umgeleitet wird, erhГ¶ht die clientseitige Serververarbeitung die Ladezeit dieser Websites. DarР“Сber hinaus FГ¤llen, in denen gegenseitig die zwei Standorte fuer unterschiedlichen Orten befinden, ist natР“Сrlich dies oft unvermeidlich ferner die mobile Site kann cachefГ¤hig getroffen werden. Sofern sich die beiden Websites jedoch auf demselben Server befinden, sollten Sie die Verwendung von Weiterleitungen vermeiden und die Website geradlinig fР“Сr den Nutzer bereitstellen. Wenn Sie einen Link herauf der mobilen Website auf Ihrer Hauptseite anzeigen, sachverstand Sie hintansetzen, dass Die Besucher frustrierend warten.
Implementieren Sie AJAX
Durch die Implementierung vonseiten AJAX uff (berlinerisch) Ihrer mobilen Website vermag die Ladezeit der Seite erheblich fragmentarisch, da Zahlen vom Http-server abgerufen werden kГ¶nnen, bar dass diese eine, Seitenaktualisierung erforderlich ist. Mit AJAX bringen Elemente jener Seite geГ¤ndert werden, ohne dass die gesamte Page rekonstruiert werden muss. Das Beispiel nun ist die Anzeige von Dankesnachricht, wenn ein Kontaktformular gesendet wurde. AJAX ermГ¶glicht auch mobilen Webanwendungen das schnelle Laden und HinzufР“Сgen von aktualisierten Inhalten, wГ¤hrend der Nutzer den Ausschuss der S. anzeigt.
Leave a Reply
Want to join the discussion?Feel free to contribute!