1. Einführung - Wie man die mobile Seitengeschwindigkeit verbessert
Möchten Sie die Geschwindigkeit von mobilen Seiten verbessern? Ende 2019 entfielen rund 52,6 % des gesamten weltweiten Website-Traffics auf mobile Geräte . Es ist daher nicht überraschend, dass die mobile Seitengeschwindigkeit einer der Ranking-Faktoren von Google für SEO ist.
Im Juli 2019 kündigte Google seine Mobile-First-Indexing-Initiative an. Angesichts der Tatsache, dass mehr als die Hälfte der Weltbevölkerung mit dem Handy ins Internet geht, musste sich etwas ändern.
Laut Google dauert es im Durchschnitt 15 Sekunden, bis eine mobile Website geladen ist. Sind Sie von dieser Zahl überrascht? Das war ich definitiv. Ich hatte erwartet, dass mobile Websites viel schneller laden, und so ist es nicht verwunderlich, dass sich die Menschen fragen, wie sie die Geschwindigkeit ihrer mobilen Websites verbessern können.
Wenn die Ladezeit einer Seite von einer Sekunde auf 10 Sekunden ansteigt, erhöht sich die Wahrscheinlichkeit, dass ein Besucher einer mobilen Website die Seite abbricht, um 123 %.
Wenn Sie es mit Ihrer Website oder Ihrem Unternehmen ernst meinen, müssen Sie sicherstellen, dass Sie die mobile Seitengeschwindigkeit verbessern. Hier sind 10 Möglichkeiten zur Verbesserung der mobilen Seitengeschwindigkeit im Jahr 2022.
2. Finden Sie einen schnellen Webhoster, um die Geschwindigkeit der mobilen Seite zu verbessern
Das Webhosting ist der Dreh- und Angelpunkt einer jeden Website. Ohne sie hätten Sie keine Möglichkeit, Ihre Website online zu präsentieren. Wenn Ihr Webhoster außerdem langsam und unzuverlässig ist, sind all Ihre Bemühungen, die Geschwindigkeit Ihrer mobilen Seite zu verbessern, umsonst.
Die Suche nach dem besten Webhoster sollte Ihre erste Priorität sein, um die Geschwindigkeit der mobilen Seiten zu verbessern. Es gibt viele Faktoren, die zu berücksichtigen sind. Hier sind einige, die Ihnen den Einstieg erleichtern:
Standort des Webservers: Ein guter Webhoster sollte mehrere Rechenzentrumsstandorte haben, aus denen Sie wählen können. Wenn sich die meisten Besucher Ihrer Website in den USA aufhalten, wählen Sie einen US-Server, und wenn sie sich in Großbritannien aufhalten, wählen Sie einen britischen oder europäischen Server.
Spezifisches Hosting: Wenn Sie eine spezielle Plattform wie WordPress für Ihre Website verwenden, sollten Sie sich einen Hoster suchen, der eher ein Nischenhosting anbietet. WordPress-Hosting bietet nicht nur große Vorteile für WordPress, sondern Sie werden wahrscheinlich feststellen, dass die Server für WordPress optimiert sind.
Verwaltetes Hosting: Wie schon beim WordPress-Hosting entscheiden sich viele Menschen für ein verwaltetes Hosting, da ihre Website dadurch oft sicherer ist. Zum Beispiel verwaltet WordPress alle Updates für Ihre WordPress-Website, so dass Sie dies nicht manuell tun müssen. Die Wartung einer Website ist unerlässlich, um zu gewährleisten, dass Ihre Website sicher und geschützt ist und in den Suchmaschinen gut platziert wird.
Verfügbarkeit von Ressourcen: Wenn Sie sich zum ersten Mal bei einem Webhoster anmelden, haben Sie vielleicht das Gefühl, dass eines der Hosting-Angebote für Ihre aktuelle Situation geeignet ist. Was aber, wenn sich Ihre Situation ändert? Was passiert, wenn Ihre Website mehr Besucher erhält als erwartet? Bei vielen Webhostern gibt es eine Obergrenze für die Anzahl der monatlichen Besucher Ihrer Website oder für den Speicherplatz und die Bandbreite, die Sie nutzen können. Deshalb ist es wichtig, einen Hosting-Plan zu finden, der skalierbar ist und mit den wachsenden Anforderungen Ihrer Website mitwachsen kann.
3. Caching
Caching ist ein Prozess, bei dem der Inhalt einer Website gespeichert wird, damit der Nutzer ihn zu einem späteren Zeitpunkt ansehen kann. Vielleicht haben Sie schon bemerkt, dass die Ladezeit einer Website beim zweiten Besuch deutlich kürzer ist.
Wenn Sie eine Website zum ersten Mal besuchen, muss Ihr Gerät alle verfügbaren Inhalte laden, damit Sie die Website korrekt anzeigen können. Nach dem ersten Besuch kann Ihr Gerät die Inhalte jedoch zwischenspeichern, so dass die Ladezeiten in Zukunft deutlich kürzer sind.
Durch die Erstellung statischer Kopien von Inhalten sind die Server in der Lage, wesentlich schneller zu arbeiten und die Inhalte in kürzerer Zeit bereitzustellen. Es gibt verschiedene Möglichkeiten, die Zwischenspeicherung zu aktivieren.
Server-Caching: Server-Caching ist etwas, das von Ihrem Webhost durchgeführt werden kann. Wenn Sie einen guten Webhoster gewählt haben, sollte dieser bereits ein Caching-Tool in Ihren Hosting-Plan integriert haben. Gehen Sie zu Ihrem Hosting-Control-Panel, um mehr über Ihr Server-Caching zu erfahren. Wenn Sie nicht wissen, wo Sie diese finden können, wenden Sie sich an Ihren Webhost.
Objekt-Caching: Objekt-Caching, Website-Caching und Datenbank-Caching können alle separat von Ihrem Server-Caching durchgeführt werden. Wenn Sie WordPress verwenden, können Sie ein Caching-Plugin wie WP Fastest Cache herunterladen, mit dem Sie bestimmte Caching-Optionen aktivieren oder deaktivieren können.
4. Bilder optimieren
Bilder sind einer der Hauptverursacher für die Verlangsamung der Geschwindigkeit Ihrer Website. Wenn Sie Ihre Bilder nicht optimieren, werden Sie feststellen, dass der meiste Platz auf Ihrem Webserver für Bilder reserviert ist.
Aus den verfügbaren Daten wissen wir bereits, dass die Ladezeit von mobilen Websites länger ist als die von Desktop-Websites. Daher ist es äußerst wichtig, dass Ihre Bilder verkleinert werden, um ein besseres mobiles Erlebnis zu bieten.
Zum Glück gibt es viele kostenlose Tools, mit denen Sie Ihre Bilder verkleinern können, ohne dass die Bildqualität darunter leidet. TinyJPG ist kostenlos; Sie können bis zu 20 Bilder auf einmal hochladen und sie dann in wenigen Minuten komprimieren.
Wenn Sie WordPress verwenden, können Sie alternativ ein Plugin installieren, das die Drecksarbeit für Sie erledigt. Optimole verbessert die Ladegeschwindigkeit Ihrer Website, indem es die Bildgrößen automatisch für Sie reduziert.
5. Plugins und Apps reduzieren
Unabhängig davon, ob Sie WordPress oder einen Website-Builder wie Wix verwenden oder Ihre Website von Grund auf neu erstellen, ist es wichtig, dass Sie Ihre Website nicht mit Plugins und Anwendungen überladen.
Je mehr Ihre Website zu laden hat, desto länger dauert es. Es geht jedoch nicht nur darum, wie viele Plugins oder Anwendungen Sie haben, sondern auch um deren Kompatibilität untereinander und um solche, die offen gesagt nicht besonders gut sind.
Wenn Sie ein schlecht kodiertes Plugin oder eine schlecht kodierte App haben, kann allein der Code Probleme mit der Geschwindigkeit Ihrer Website verursachen. Es kann zwar verlockend und aufregend sein, eine Vielzahl von Funktionen auf Ihrer Website zu installieren, aber überlegen Sie vorher, ob Sie diese wirklich brauchen.
6. Schriftart-Dateien
Schriftartendateien sind wahrscheinlich nicht etwas, das viele Leute in Bezug auf die Geschwindigkeit ihrer mobilen Seiten in Betracht ziehen oder sogar darüber nachdenken würden. Untersuchungen zeigen jedoch, dass die durchschnittliche Schriftgröße auf Mobiltelefonen von Jahr zu Jahr zugenommen hat.
So betrug im September 2016 der Medianwert der mobilen Schriftbytes 67,4 KB, während er im April 2020 auf 107,5 KB anstieg. Auch wenn es sich um Kilobytes handelt, summiert sich das alles.
Ich weiß, dass es verlockend sein kann, eine Website mit vielen ausgefallenen Schriftarten zu entwerfen oder zu wählen, weil sie cool aussehen, aber das ist nicht gut für die Geschwindigkeit Ihrer mobilen Seite. Versuchen Sie, weniger Schriftarten auszuwählen, und bleiben Sie bei einer kleineren Auswahl.
Sie könnten auch recherchieren, welche Schriftarten schneller laden. Auch wenn das vielleicht ein bisschen seltsam erscheint, KeyCDN führte 2018 eine Fallstudie durch die die Schriftleistung von Websites analysierte. Sie fanden heraus, dass die am schnellsten ladende Google-Schriftart Open Sans eine Ladezeit von 0,476 Sekunden erreichte.
7. Verwenden Sie die neueste Version von PHP
PHP ist eine weit verbreitete Open-Source-Skriptsprache. Es wird häufig in der Webentwicklung verwendet und ist in Serverdateien zu finden (auch wenn Sie nicht mit PHP programmiert haben).
WordPress läuft mit PHP, aber je nach Version kann eine WordPress-Website besser oder schlechter funktionieren. CloudWays hat einen Benchmark-Test durchgeführt um zu analysieren, wie sich die PHP-Version auf die Leistung einer Website auswirken kann. Auf einem Linode-Server mit 2 Kernen, 4 GB RAM und einer 48 GB großen SSD wurde ein Test für die PHP-Versionen 5.6, 7.0, 7.1, 7.2 und 7.3 durchgeführt.
Die Ergebnisse sprechen eindeutig für die PHP-Version 7.3, die 10,31 Anfragen pro Sekunde bewältigen konnte, während die Version 7.2 knapp dahinter liegt. Je mehr Anfragen Ihre Website bewältigen kann, desto besser wird sie auf dem Desktop und auf dem Handy funktionieren.
8. HTML, CSS und JavaScript verkleinern
Wenn Sie ein Website-Geschwindigkeits- oder Website-Performance-Tool wie GTmetrix verwendet haben, werden Sie wahrscheinlich den Begriff “Ressourcen minifizieren” oder “JavaScript minifizieren” gesehen haben. Dies bezieht sich auf den Code, den Ihre Website verwendet.
Code Minification kann helfen, unnötigen Code zu reduzieren, so dass die Dateigröße verringert wird. Wenn ein Entwickler Code schreibt, vor allem für Leute, die ein Thema oder eine Vorlage verwenden, neigen sie dazu, ihn so zu schreiben, dass er für das menschliche Auge einfacher ist.
Sie verwenden z. B. Leerzeichen, Kommentare und andere Formatierungsmaßnahmen, um das Lesen für andere Personen zu erleichtern. Diese zusätzlichen Leerzeichen und Kommentare beanspruchen jedoch Platz auf dem Server Ihrer Website und erfordern die Bereitstellung von mehr Inhalten für Ihre Website-Besucher, wodurch Ihre Website verlangsamt wird.
Sie können den Code mit einem Tool wie Minifier. Wenn Sie WordPress für Ihre Website verwenden, können Sie alternativ WP Fastest Cache verwenden, wie in der Abbildung oben zu sehen.
9. Bereinigung der Datenbankdatei
Die Dateien einer Website sind in einer großen Dateiordnerstruktur aufgebaut. Genau wie bei Ihrem Desktop-Computer gibt es mehrere Ordner mit Dateien darin. Ich bin sicher, dass Sie viele Dateien auf Ihrem Computer haben, die Sie eigentlich nicht benutzen, aber für schlechte Zeiten aufbewahren (oder Sie haben einfach keine Ahnung, was sie sind).
Dies ist der Funktionsweise einer Website sehr ähnlich. Indem Sie also Ihre Datenbankdateien bereinigen, können Sie Platz auf dem Server Ihrer Website schaffen. Ein Beispiel für Dateien, die nicht aufbewahrt werden müssen, wären alte Blogpost-Überarbeitungen in WordPress (ja, auch WordPress verwendet eine Dateiordnerstruktur).
Ein Plugin wie WP-Optimize kann beim Bereinigen Ihrer Datenbank sehr nützlich sein. Sie können Ihre Datenbank durchforsten und die Dateien und Ordner selbst bereinigen, aber das wäre sehr mühsam und zeitaufwändig.
10. Verwenden Sie ein gutes Design
Es ist schön und gut, ein Design, ein Thema oder eine Vorlage zu wählen, die schick aussehen, aber haben Sie auch bedacht, wie sie sich auf die mobile Geschwindigkeit Ihrer Website auswirken?
Es gibt bestimmte Merkmale und Funktionen, die speziell für Desktop-Benutzer entwickelt wurden, die aber für mobile Benutzer aufdringlich sind und sich katastrophal auf die Geschwindigkeit auswirken können.
In der Tat, damals, im Jahr 2017, Google hat eine Strafe für die Verwendung von mobilen Pop-ups verhängt. Dies ist zwar nur eines von vielen Signalen, die Google für die Suchmaschinenoptimierung verwendet, aber es kann dennoch große Auswirkungen haben, wenn andere Signale auf Ihrer Website versagen.
Ich schlage daher vor, dass Sie die folgenden Empfehlungen berücksichtigen:
- Verwenden Sie ein leichtgewichtiges und reaktionsfähiges Thema oder eine Vorlage, die keine unnötigen vorinstallierten Plugins oder Widgets enthält
- Überdenken Sie Pop-ups, Live-Chat-Anwendungen oder automatisch abspielende Videos und Karussells
- Fragen Sie sich, ob Sie einen Videohintergrund brauchen – bringt er etwas für Ihre Website oder Ihr Unternehmen?
- Überlegen Sie, wie Ihre Website für mobile Benutzer aussieht und wirkt, und entscheiden Sie, ob bestimmte Funktionen oder Inhalte erforderlich sind.
11. Schnellere Formate verwenden
Webseiten gibt es in verschiedenen Formaten, ebenso wie Bilder, Inhalte usw. Es gibt jedoch zwei verschiedene Formate, die für mobile Websites entwickelt wurden, um die mobile Leistung zu verbessern.
AMP: Accelerated Mobile Pages (AMP) verwendet “Lazy Loading” und speichert Inhalte in der Google Cloud. Viele Blogbesitzer verwenden AMP, um ihre Website zu beschleunigen.
PWA: Progressive Web App (PWA) kombiniert die Funktionalität des mobilen Webs mit mobilen Anwendungen. Die Idee dahinter ist, dass der Nutzer ein schnelleres, mobilfreundliches Design erhält, das dennoch eine gute Auffindbarkeit bietet. PWA verwandelt Ihre Website im Wesentlichen in eine App, aber Sie müssen Ihre gesamte Website umwandeln, nicht nur einzelne Seiten.
12. Verbesserung der mobilen Seitengeschwindigkeit: Fazit
Wir wissen bereits, dass das mobile Surfen und die mobile Internetnutzung zunehmen, und ich kann mir nur vorstellen, dass sich dieser Trend fortsetzt. Immer mehr Menschen nutzen regelmäßig Smartphones und Tablets. Da ist es nur natürlich (und vernünftig), dass sie auch auf dem Handy ein gutes Erlebnis haben.
Ich empfehle Ihnen, Ihre Website nicht für den Desktop, sondern für mobile Geräte zu gestalten. Mit den oben genannten Schritten können Sie die Geschwindigkeit Ihrer mobilen Seite ohne großen Zeit- und Arbeitsaufwand verbessern.
Es ist wichtig, Ihre Website, ihre Leistung und ihr Design zu überprüfen, um sicherzustellen, dass Sie mit den neuesten Trends im Jahr 2022 und darüber hinaus Schritt halten.
