Website-Geschwindigkeitsoptimierung: So halten Sie Ihre Website in 14 einfachen Schritten schnell

Hier sind ein paar Techniken zur Steigerung der Website-Geschwindigkeit, die Sie nicht verpassen sollten.

Wenn dein Website wird nicht geladen . 3 Sekunden, könnten Sie Potenzial verlieren revenue und verpassen Sie eine höhere Suchmaschinen-Ranking. Wenn Sie nicht sicher genug sind, geben Sie Hackern die Möglichkeit, Ihre Website wegen Reputations- und Geschäftsverlusten zu jagen.

Folglich kann man Sicherheits- und Leistungsoptimierungen für eine bessere und sichere Benutzererfahrung nicht umgehen.

Wenn wir also über Leistungsoptimierung sprechen, hören wir Dinge wie das Aktivieren der Komprimierung, das Minimieren der Dateien, das Caching, die Verwendung von Lightweight-Designs, die Beibehaltung eines Minimums an Plugins usw.

Sie sind in Ordnung, aber wir haben in diesem Artikel noch so viel mehr aufgeführt, das Sie auf jeden anwenden können platFormulare wie WordPress, Joomla, Magento, Drupal, Node.js usw.

Mal sehen, was du schon hast und was nicht.

Gutes Hosting-Paket

Manchmal ist der einzige Fehler, den Sie machen, die Wahl eines schlechten Webhosts und eines Shared-Hosting-Plans.

Aber MenschallyIch denke, es liegt nicht an schlechten Gastgebern. Dabei geht es vor allem um ultragünstige Hosting-Abonnements.

Etwas stimmt nicht, wenn Ihre monatlichen Hosting-Rechnungen weniger als eine Tasse Kaffee kosten.

Stellen Sie sich Shared Hosting als einen überfüllten Bus vor, in den niemand einsteigen möchte, in den sich aber trotzdem einschleicht, weil „attractive“-Tarif.

Die lukrativsten Dinge beim Shared Hosting sind die Einführungsrabatte und die beispiellose Undurchsichtigkeit darüber, wie viele Websites sich einen einzigen Server teilen.

Lassen Sie mich Ihnen das erklären; Diese Zahlen sind die Normally in den Hunderten.

Dies führt zu häufigen Leistungsengpässen bei lauten Nachbarn, und ein Großteil solcher Websites lebt nie genug, um die erste Seite einer Google-Suche zu sehen.

Wechseln Sie abschließend zu VPS oder dedicated-Server für die Projekte, die wichtig sind.

Content Delivery Network

CDN, kurz für Content Delivery Network, steht an zweiter Stelle, nachdem Sie sich für ein gutes Webhosting-Paket entschieden haben.

Dies ist für jeden erforderlich, der ein globales Publikum hat. Der Grund dafür ist, dass Sie eine Website nicht überall hosten können. es bleibt an einem einzigen Ort stationiert. Die Entfernung spielt also eine Rolle, wenn ein japanischer Benutzer versucht, auf Ihre in NYC, USA, gehostete Website zuzugreifen.

Durch das Abonnieren eines CDN wie Cloudflare wird dieses Lokalisierungsproblem jedoch gelöst. Ein CDN hostet Kopien Ihrer Websites in seinem Servernetzwerk und bearbeitet Anfragen vom nächstgelegenen Server. Dies reduziert die Belastung eines einzelnen zentralen Servers, der sich möglicherweise an einem Standort befindetated Ozeane auseinander.

Darüber hinaus genießen Sie basierend auf dem CDN möglicherweise eine höhere Sicherheit als das, was ein normaler Webhost bieten kann.

Aktivieren Sie IPv6

IPv6 ist schneller als IPv4.  LinkedIn fand eine 40%ige Verbesserung in Europa und Facebook ca. 10-15% durch Zugriff über IPv6.

Bitte werfen Sie einen Blick auf die globale Grafik zur IPv6-Einführungally by Google.

ca. 42% der Nutzer stellen über IPv6 eine Verbindung zu Google her, aber es gibt nur 21.2 % der IPv6-fähigen Websites.

Interessanterweise hat Cloudflare festgestellt, dass IPv6-fähige Webseiten geladen werden 27% schneller als ihre IPv4-Pendants.

Hat Ihre Website also IPv6? Nicht sicher! Du kannst Testen Sie es online.

Falls dies nicht der Fall ist, erfahren Sie hier, wie Sie dies tun können.

Die meisten CDN-Anbieter wie Cloudflare, Incapsula, CacheFly, AKAMAI bieten IPv6 an. Sie können die Systemsteuerung überprüfen, um sie zu aktivieren.

Wenn nicht mit CDN und Hosting auf VPS wie Linode, DigitalOceanusw., dann beziehen Sie sich auf diese IPv6 in Nginx und Apache zulassen Webserver.

IPv6 zu haben schadet nichts und würde einem Spaß machen schneller Gewinn um etwa 10 % kürzere Seitenladezeit.

Entscheiden Sie sich für HTTP/3 oder HTTP/2

HTTP ist die sich weiterentwickelnde Technologie, die zum Laden von Webseiten verwendet wird, wenn wir eine beliebige URL in Web b besuchenrowsERS.

Alles begann 0.9 mit HTTP/1991 und wurde von upd gefolgtates wie HTTP/2 und das aktuelle greatest HTTP/3.

HTTP/2 brachte viele Vorteile gegenüber HTTP/1.1, darunter:

• Server Push
• Multiplexing
• Ressourcenpriorisierung
• Header-Komprimierung
• Niedriges latency

Derzeit wird es von 39.3 % der Websites verwendet und wird es auch siebenmal schneller als HTTP/1.1. Wenn Sie auf HTTP/2 umstellen, können Sie damit rechnen Seitenlast verringern Zeit um bis zu 30 bis 40%.

Überprüfen Sie, ob Ihre Website HTTP/2-fähig ist.

Allerdings hat HTTP/2 seine eigenen Probleme.

Zum Beispiel leidet es unter Head-of-the-Line-Blocking. Hier kann jedes TCP-Verbindungsproblem dazu führen, dass alle Streams blockiert werden. Aber mit dem UDP-basierten HTTP/3 wirkt sich ein einzelner Paketverlust nicht auf jeden anderen Stream aus.

Darüber hinaus ermöglicht HTTP/3 niedrigere latency durch Vermeidung des TLS-Handshakes bei erneuten Verbindungen. Insgesamt bietet HTTP/3 alle Vorteile von HTTP/2, jedoch ohne die damit verbundenen Vorteileated ziehen.

Überprüfen Sie, ob Ihre Website HTTP/3-fähig ist.

Sie können sich bei Ihrem Webhost nach HTTP/3- oder HTTP/2-Unterstützung erkundigen. Alternativ verfügt Ihr CDN-Anbieter möglicherweise über eine einfache toggle zu Ihrer bevorzugten HTTP-Version.

Bildoptimierung

Niemand möchte durch eine Textwand gehen, die Bilder zu einem unvermeidlichen Bestandteil jeder Webseite macht. Auf der anderen Seite macht es das Vorhandensein von Bildern auf einer Webseite schwer und beschleunigt die Ladezeit der Seite.

Die Lösung erfordert also die Bereitstellung von Bildern in einem vergleichsweise leichteren Format wie WebP oder AVIF. Dadurch wird nicht nur die Größe drastisch reduziertally (in einigen Fällen mehr als 80 %) bleibt die Ausgabequalität wesentlichally das Gleiche.

Jetzt können Sie entweder direkt in diese Formate der nächsten Generation konvertieren und hochladen. Oder abonnieren Sie einen Konvertierungsdienst eines Drittanbieters, z Optimole, um dies im Handumdrehen zu tun.

Reduzieren Sie überschüssige HTTP-Anfragen

Eine Website wird nie als einzelnes Stück geladen. Stattdessen kommt jedes Element, Text, Bilder, CSS, JavaScript usw., als HTTP-Anforderungen.

Und alle anderen Dinge bleiben gleich, eine Webseite mit weniger No. von HTTP-Anfragen wird schneller geladen als eine mit mehreren.

Abschließend ist es in unserem besten Interesse, die Anzahl der HTTP-Anfragen so gering wie möglich zu halten.

Aus meiner persönlichen WordPress-Erfahrung kann ich sagen, dass ich mich für ein leichtgewichtiges Theme wie Gener entschieden habeate Presse hilft. Darüber hinaus trägt die Reduzierung der Anzahl der Plugins auch zu einer schnellen und sicheren Website bei.

Es ist jedoch ein eigenes Thema, das besonderer Aufmerksamkeit bedarf.

spezifischeally, Überprüfen Sie dies weniger HTTP-Anfragen stellen wenn Sie eine WordPress-Website haben.

Wechseln Sie zu websicheren Schriftarten

Wir alle möchten, dass unsere Websites einzigartig und benutzerfreundlich aussehen. Und der erste Schritt, den viele unternehmen, ist der Wechsel zu einer anderen Schriftart.

Und zum Glück gibt es ein paar kostenlose Optionen, darunter Google Fonts. Allerdings werden dadurch mehrere HTTP-Anfragen hinzugefügt. Und um es noch schlimmer zu machen, greift Ihre Website auf die Systemschriftarten zurück, wenn dies der Fall ist thirdDer Schriftartenserver einer anderen Partei geht jemals offline.

Um dem entgegenzuwirken, versuchen einige Webmaster self-Schriftarten auf ihren Websites hosten, ein Schritt in die Richtung self-Vertrauen. Es wird jedoch immer noch eine Datei hinzugefügt, die von Ihrem Server auf das Gerät des Benutzers geladen werden muss. Dies bedeutet zusätzliche HTTP-Anfragen, die einen Leistungseinbruch mit sich bringen, und sei er noch so gering.

Daher gibt es bestimmte websichere Schriftarten, die Sie für ein möglichst schnelles Erlebnis verwenden können, ohne das Risiko eines Schriftartenaustauschs während eines Serverausfalls einzugehen. Diese Schriftarten werden als Systemschriftarten bezeichnet und sind weit verbreitet Windows PCs, Macs, Linux-Systeme, iOS, Androids usw.

Hier sind einige websichere Schriftarten:

• Arial
• Verdana
• Trebuchet-MS
• Tahoma
• Times New Roman
• Impact, usw.

LeverAlters-Caching

Caching bedeutet, den Datenort zu speichernally. Dies gewährleistet das schnellstmögliche Laden der Website revisits. Und Experten empfehlen häufig den Einsatz von Caching, um die Ladezeiten zu verkürzen.

WordPress verfügt beispielsweise über viele Cache-Plugins, wie zum Beispiel WP Fastest Cache. Alternativ kann man browsEr-Caching durch Bearbeiten der .htaccess-Datei.

Es basiert jedoch auf der platForm, und es kann verschiedene Möglichkeiten geben, dies umzusetzen.

Asyncchronisches Laden

Dies ist eine weitere Seite direkt aus meiner persönlichen WordPress-Erfahrung. AktuallyWas passiert ist, ist, dass die Google Search Console eine Warnung zu meinen über 40 Blog-Beiträgen ausgegeben hat, die den Core Web Vitals-Test nicht bestanden haben.

Kern-Web-Vitale ist die Seitenbewertung von Google und ist wichtig für alle, die versuchen, in ihrer Suchmaschine einen hohen Rang einzunehmen.

Um dies besser zu verstehen, sehen Sie sich diese Pagespeed-Analyse an Geekflare's Artikel:

Dank unserer WordPress-Entwickler hat es diese Tests mit Bravour bestanden.

Bei meinem persönlichen Projekt scheiterte ich jedoch insbesondere bei Largest Contentful Paint (LCP) und First Contentful Paint (FCP). SpezifischallyDer LCP betrug 3.3 Sekunden und der FCP etwa 2.4 Sekunden.

Als Blogger ohne IT-Hintergrund konnte ich es nicht über einen gewissen Punkt hinaus optimieren. Auf meiner Skala habe ich alles richtig gemacht boxes: Premium-Theme, nein extra Plugins, Systemschriftarten, WebP-Bilder, Cloud-Hosting usw.

Was geholfen hat, ist eine Single toggle im Jetpack Boost WordPress-Plugin:

In einer nutshell, lädt es Javascript von Drittanbietern asyncfälschlicherweise durch Anhängen async or defer Attribute an <script> Stichworte. Auf diese Weise werden die Skripte separat geladenatelaufend im Hintergrund, ohne den Seitenaufbau zu blockieren.

Für mich hat diese einzelne Maßnahme LCP und FCP auf 1.7 s bzw. 1.2 s gesenkt.

Nur damit ihr es wisst, habe ich zusätzlich dazu auch das Beitragsbild aus dem Einzelpost-Layout entfernt Unwesentliches JavaScript zurückstellen toggle, bevor Sie diese LCP- und FCP-Werte erhalten.

Umleitung minimieren

IdeallyFür eine bestmögliche Website-Performance sollte keine Weiterleitung erfolgen. Allerdings nutzen wir alle irgendwann die Linkumleitung.

Die Regel ist jedoch einfach: Jede Weiterleitung verlängert das Laden der Seite. Fügen Sie zu viele Weiterleitungen hinzu, und der Benutzer wird schneller an einen anderen Ort weitergeleitet, es sei denn, Ihr Unternehmen ist der Apple Store im Internet, wo sich die Leute jedes Mal anstellen, um die neue Version zu erhalten 😀.

Vorsicht bei Videos

Videos verbessern die Onpage-Zeit und helfen, Textmonotonie zu vermeiden. Sie sind ein hervorragendes Upgrade gegenüber Bildern und oft unvermeidlich.

Und der naheliegendste Weg, dies zu tun, ist das Einbetten von YouTube-Videos. Allerdings kann man zwei Webseiten mit und ohne YouTube-Videos mit vergleichen Google PageSpeed zu bewertenate Wie stark diese Einbettungen die Leistung einer Webseite beeinträchtigen.

Zur Veranschaulichungate, ich habe zwei Beiträge auf unserer Testwebsite veröffentlicht. Der eine hat ein YouTube-Video ohne alles andere (ohne Text, Bilder usw.), der andere hat nichts. Als nächstes habe ich diese beiden in Google Pagespeed verglichen.

Können Sie die Auswirkung auf Gesamtblockierzeit, Geschwindigkeitsindex, FCP und LCP sehen? Insbesondere wurde die Gesamtsperrzeit um eine ganze Sekunde verlängert, was ausreicht, um die Benutzer zum Wechsel zur Konkurrenz zu bewegen.

Um diese Ergebnisse zu bestätigen und weitere Informationen zu erhalten, habe ich diese beiden URLs in der ausgeführt Pingdom Website-Geschwindigkeitstest-Tool.

Sie können sich ein einzelnes hinzugefügtes YouTube-Video ansehen 23 extra HTTP-Anfragen führten zu einer Erhöhung der Seitengröße und Ladezeit sowie einer Verschlechterung der Gesamtleistungsnote.

Allerdings gibt es ein paar Performance-Tricks, um diesen Rückgang abzudecken. Erstens kann man sich für a entscheidensyncAutomatisches Laden von Videos, was dazu beiträgt, die Gesamtblockierungszeit zu verkürzen.

Darüber hinaus ist auch Lazy Loading möglich. Besondersally du hast viele YouTube bettet WordPress-Plugins ein um die harte Arbeit für Sie zu erledigen.

Schließlich ist das Einbetten der Video-Thumbnails besser, wodurch das Video nur geladen wird, wenn darauf geklickt wird.

Minimieren Sie HTML, JavaScript und CSS

Das mag sich wie ein Tropfen auf den heißen Stein anfühlen, aber die Minimierung macht die Dinge tatsächlich glatt.

Durch die Minimierung werden unnötige Elemente aus dem Quellcode entfernt, einschließlich extra Leerzeichen, Semikolons, Kommentare, Zeilenumbrüche usw. und macht alles kompakt.

Basierend auf platWenn Sie ein Formular erstellen, müssen Sie dies möglicherweise tun oder ein Tool verwenden, das alles für Sie minimiert. Es ist jedoch immer am besten, Backups der Standardversionen aufzubewahren, da es einem Albtraum gleichkommt, minimierten Code zu ändern.

Dennoch kann eine Maschine all diesen kompakten Code gut lesen, und Sie werden eine geringfügige Leistungssteigerung bemerken.

Verwenden Sie die Webkomprimierung

Die Webkomprimierung ähnelt der ZIP-Komprimierung, funktioniert jedoch bei Webdateien, um die Seitenladezeiten zu verkürzen, und wird von modernen B-Dateien unterstütztrowsERS.

Einfach ausgedrückt, eine komprimierungsfähige Website stellt Komponenten schneller bereit als eine Website ohne diese Komprimierung, vorausgesetzt, alle anderen Dinge sind gleich. Diese webbasierte Komprimierung funktioniert mit HTML, JavaScript, CSS, Bildern usw. und kann die Seitengröße in einigen Fällen um über 70 % reduzieren.

Es gibt zwei Möglichkeiten zu gehen: Gzip und Brotli. Höchstwahrscheinlich wird Ihr Webhost eines der beiden anwenden.

Sie können jedoch immer noch teste mal die kompression um zu überprüfen, welche auf Ihrer Website aktiviert ist. Und fragen Sie den Webhoster oder wenden Sie sich an einen Webentwickler, um eine Komprimierung bereitzustellen, falls keine vorhanden ist.

Externe Elemente

Sie können es als Erweiterung des Abschnitts „HTTP-Anfragen“ bezeichnen, dies erfordert jedoch einen separaten Abschnittate erwähnen.

Externe Elemente auf einer Website-Comprise alles, was nicht nativ ist, einschließlich, aber nicht beschränkt auf, Anzeigen, Analysen, Plugins, Foren usw.

Solche Elemente hinzufügen extra Fügen Sie Ihrer Website Code hinzu, der HTTP-Anfragen und mehr hinzufügt und Ihre Website blo machtated und weniger benutzerfreundlich.

Einverstanden, ein paar gibt es einfach auf jeder Website, und Sie können sie auch nicht vermeiden. Seien Sie in diesem Sinne dennoch minimalistisch und experimentieren Sie mit verschiedenen Diensten, um einen mit der geringsten Leistung auszuwählen impact.

Eine schnellere Website!

Die Leistung einer Website ist nie eine Sache, die festgelegt und vergessen werden muss. Das World Wide Web entwickelt sich jede Minute weiter, und es ist am besten, auf dem Laufenden zu bleiben und sich schnell anzupassen, um erstklassige Geschwindigkeit und Sicherheit zu erhalten.

Die Sicherheit ist jedoch gleichally wichtig wie Geschwindigkeit.

Und als WordPress-Experten können wir nicht anders, als Ihnen einige davon zu erzählen beste WordPress-Sicherheitspraktiken.