Leitfaden für Anfänger zur Optimierung von Website-Dateien (70% schnelleres Laden)

Um Ihre Website zu beschleunigen und Bandbreite zu sparen, ist die Komprimierung eine der effektivsten (und einfachsten) Möglichkeiten, dies zu erreichen.

… Dennoch optimieren viele Websitebesitzer ihre Dateien im Jahr 2020 immer noch nicht, entweder weil sie nicht wissen, wie wichtig es ist, oder weil sie nicht wissen, wie.

Um es kurz zu machen, eine der wichtigsten Möglichkeiten, das Laden von Seiten zu beschleunigen, besteht darin, das Laden Ihrer JavaScript-Dateien (JS) zu beschleunigen. Und Sie können Ihr JavaScript mithilfe der GZIP-Komprimierung beschleunigen.

Dies ist nur für moderne Browser ideal, aber die meisten Benutzer im Internet verwenden ein aktuelles Gerät und einen aktuellen Browser. Sowohl Yahoo als auch Google verwenden die GZIP-Komprimierung.

Aber zuerst wollen wir ein bisschen Kontext herstellen.

Schritt 1: Was ist Inhaltscodierung??

Um Ihre Website-Dateien effektiv optimieren zu können, ist es wichtig, ein Konzept zu verstehen, das als bezeichnet wird Inhaltskodierung.

Einfach ausgedrückt wird dies verwendet, um die Komprimierung eines Dokuments zu ermöglichen, ohne dass das Risiko besteht, dass die zugrunde liegende Identität des Medientyps verloren geht. Ihr Browser kommuniziert mit einem Webserver, wenn Sie eine Datei anfordern.

HTTP-Anfrage

Grundsätzlich teilt der Browser dem Server mit, was er möchte. Der Server sucht danach und findet es. Der Browser lädt es dann. Je größer die Datei ist, desto länger braucht der Browser, um sie zu laden.

Was machen Sie also, wenn eine Datei zu groß ist??

Sie werden es zippen. Wenn Sie eine komprimierte Datei an einen Browser senden, sparen Sie sowohl Downloadzeit als auch Bandbreite.

Dem Server und dem Browser sind zwei Elemente zugeordnet, die wissen, dass das Senden einer komprimierten Datei in Ordnung ist:

  • Der Browser teilt dem Server mit, dass es in Ordnung ist, den komprimierten Inhalt durch Senden eines Headers zu senden
  • Wenn der Inhalt komprimiert ist, sendet der Server eine Antwort

Wenn die Datei nicht komprimiert ist, sendet der Server nicht den inhaltscodierenden Antwortheader. Der Accept-Coding-Header ist keine Anforderung, sondern nur eine Anforderung des Browsers.

Der Browser muss sich mit der regulären Heavy-Version auseinandersetzen, wenn der Server den komprimierten Inhalt nicht sendet.

Server einrichten

Sie haben keine Kontrolle über den Browser. Der Header wird entweder gesendet oder nicht. Sie können den von Ihnen verwendeten Server jedoch so konfigurieren, dass der Inhalt des Reißverschlusses zurückgegeben wird, solange der Browser damit umgehen kann. Dies führt zu erheblichen Bandbreiteneinsparungen.

Webleistung nach Komprimierung

Aktivieren Sie dazu einfach die Komprimierungseinstellungen für IIS. Wenn Sie Apache verwenden, ist es relativ einfach, die Ausgabekomprimierung zu aktivieren. Greifen Sie einfach auf Ihre .htaccess-Datei zu und fügen Sie den richtigen Code hinzu.

Bei Apache stehen zwei Komprimierungsoptionen zur Auswahl:

  • mod_deflate ist Standard und einfacher einzurichten
  • Mit mod_gzip können Sie Inhalte vorkomprimieren und es erscheint leistungsfähiger

leicht Apache entleeren

Unabhängig davon, für welche Option Sie sich entscheiden, prüft Apache, ob der Browser den Header zur Akzeptanzcodierung gesendet hat, und gibt die Datei dann in der regulären oder komprimierten Version zurück.

Wenn ein älterer Browser Probleme verursacht, können Sie diese beheben, indem Sie bestimmte spezielle Anweisungen hinzufügen.

Um komprimierten Inhalt zurückzugeben, können Sie PHP verwenden, wenn Sie keine Änderungen an Ihrer .htaccess-Datei vornehmen können. In PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start (‘ob_gzhandler’); sonst ob_start (); ?>

Eine komprimierte Version der Datei wird zurückgegeben, nachdem der Accept-Coding-Header überprüft wurde. Dies ähnelt dem Erstellen eines eigenen Webservers. So komprimieren Sie Ihre Ausgabe, Apache macht es einfacher.

Wichtige Einschränkung: Die meisten Softwareprogramme zum Erstellen von Websites erlauben keine Bearbeitung auf Codeebene (mit einigen Ausnahmen). Bei Hosting Canada sind wir starke Befürworter des Selbsthostings Ihrer Website, stellen jedoch fest, dass dies nicht jedermanns Sache ist. Wenn Sie Website-Builder wie Squarespace, Wix oder Weebly verwenden, liegt diese Art des Bastelns auf Serverebene wahrscheinlich außerhalb Ihrer Reichweite.

Überprüfen Sie Ihre Komprimierung

Es ist wichtig sicherzustellen, dass Sie komprimierte Inhalte bereitstellen, nachdem Sie die Konfiguration Ihres Servers abgeschlossen haben. Um festzustellen, ob Ihre Seite online komprimiert ist, können Sie einen Online-GZIP-Test verwenden.

In Ihrem Browser können Ihnen die Entwicklertools dabei helfen. Sie möchten zur Registerkarte “Netzwerk” wechseln, die Seite aktualisieren und dann auf die Netzwerkzeile der jeweiligen Seite klicken.

Wenn der Inhalt komprimiert gesendet wurde, wird der Header “Inhaltscodierung: GZIP” angezeigt.

Google Chrome GZIP-Header

Um weitere Details zu erhalten, klicken Sie auf das Symbol für “Große Zeilen verwenden”. Dies liefert auch Informationen über die tatsächliche Inhaltsgröße und die komprimierte Übertragungsgröße.

Vorsichtsmaßnahmen zu beachten

Komprimierung bietet eine Fülle von Vorteilen, aber alles hat Nachteile. Sie möchten Folgendes beachten:

  • Kompressionsverhältnis-DiagrammBereits komprimierter Inhalt: Die meisten Musikstücke, Videos und Bilder sind bereits komprimiert. Wenn Sie versuchen, sie erneut zu komprimieren, Dies ist größtenteils nur Zeitverschwendung. In den meisten Fällen müssen Sie sich nur um die Komprimierung von CSS, HTML und JavaScript kümmern.
  • Ältere Browser: Komprimierter Inhalt ist nicht mit allen Browsern kompatibel. Dies gilt insbesondere für ältere Browser. Beispielsweise möchten Sie möglicherweise die HTTP-Komprimierung vermeiden, wenn Sie unter Windows 95 oder mit Netscape 1.0 arbeiten müssen. Es gibt einige Regeln und Richtlinien, um die Komprimierung für ältere Browser mit Apache Mod-Deflate zu vermeiden.
  • CPU-Last: Sparen Sie Bandbreite und nutzen Sie die CPU-Zeit, wenn Sie Inhalte im laufenden Betrieb komprimieren. In Anbetracht der Komprimierungsgeschwindigkeit wird der Kompromiss normalerweise als fair angesehen. Es gibt Möglichkeiten, sowohl komprimierte Versionen zu senden als auch statische Inhalte vorkomprimieren. Dies erfordert im Allgemeinen mehr Konfiguration. Denken Sie daran, dass die Leute im Internet eine kurze Aufmerksamkeitsspanne haben. Daher ist es normalerweise immer eine gute Idee, die Geschwindigkeit für eine bessere Benutzererfahrung durch die Verwendung von CPU-Zyklen zu erhöhen.

Warum Sie die GZIP-Komprimierung verwenden sollten

http-KomprimierungskonsoleDie GZIP-Komprimierung bietet eine Vielzahl von Vorteilen. Es ist wichtig zu wissen, um welche es sich handelt, damit Sie genau wissen, warum Sie sie verwenden sollten.

Im Durchschnitt, Durch die Komprimierung Ihrer CSS- und HTML-Dateien mit GZIP sparen Sie 50 bis 70 Prozent der gesamten Dateigröße. Diese erheblichen Einsparungen bei der Dateigröße führen zu einer viel besseren und effizienteren Benutzererfahrung auf Ihrer Website.

Diese Technik spielt auch eine wichtige Rolle bei der allgemeinen Suchmaschinenoptimierung Ihrer Website. Suchmaschinen verwenden komplexe Algorithmen, um zu bestimmen, wo Websites und Webseiten in die Suchergebnisse fallen.

Ein Element, das mit jedem Algorithmus-Update wichtiger wird, ist die Ladezeit der Webseite. Suchmaschinen verwenden diese Informationen, um die Gesamtoptimierung einer Website zu bestimmen.

gzip KomprimierungsgeschwindigkeitstestWenn Webseiten schnell geladen werden, müssen die Besucher der Website nicht warten, um auf den gewünschten Inhalt zuzugreifen. Denken Sie daran, dass Internetnutzer eine kurze Aufmerksamkeitsspanne haben.

Wenn das Laden einer Webseite zu lange dauert, klickt der Benutzer wahrscheinlich weg und findet eine schnellere Site mit ähnlichen Informationen. Suchmaschinen möchten das schnellere Laden von Websites belohnen, So geben sie ihnen eine höhere Platzierung der Suchergebnisse.

Eine schnellere Website erhöht auch die Conversions. Wenn Sie also eine E-Commerce-Website haben, ist Ihr Umsatz umso höher, je schneller sie geladen wird. Tatsächlich sagen ungefähr 51 Prozent der Amerikaner, dass der Hauptgrund, warum sie einen Kauf abbrechen, eine langsame Website ist.

Fallstudien zeigen, dass Sie Ihre Conversion-Rate um mehr als 15 Prozent verbessern können, indem Sie die Ladezeit Ihrer Website um nur 2,2 Sekunden verkürzen.

Fehlerbehebung bei Problemen mit der GZIP-Komprimierung

Wie alle Technologieelemente kann die GZIP-Komprimierung aus den kleinsten Gründen fehlschlagen. Die gute Nachricht ist, dass die meisten Fehlergründe behoben werden können.

Als erstes müssen Sie prüfen, ob die GZIP-Komprimierung von Ihrem Webhost unterstützt wird. Während die meisten es aufgrund seiner Bedeutung für das Laden von Seiten unterstützen, gibt es einige wenige, die sich nicht die Mühe gemacht haben, die Kompatibilität sicherzustellen. Sie können sich an Ihren Webhost wenden, um festzustellen, ob die GZIP-Kompatibilität ein Problem darstellt.

Das nächste zu untersuchende Element ist Ihr Code. Schon ein falscher Charakter kann Probleme verursachen. Suchen Sie nach einem fehlenden Zeichen, einem Syntaxfehler oder einem fehlerhaften Code. Ihre gesamte Codierung muss mit Ihrer Architektur zusammenarbeiten, damit die Komprimierung erfolgreich ist.

Sie können einfach Ihren Code überprüfen, den Sie mit PHP oder .htaccess eingegeben haben (dies wurde oben erläutert). Wenn Sie kein Problem finden können, aber der Meinung sind, dass der Code schuld ist, sollten Sie ihn einfach vollständig gegen einen anderen Code austauschen, der mit größerer Wahrscheinlichkeit funktioniert.

In einigen Fällen hat Ihr Webhost Zugriff auf die richtigen Dateien, um die GZIP-Komprimierung zu ermöglichen, Sie jedoch nicht. Rufen Sie in diesem Fall einfach Ihren Host an und bitten Sie ihn, diese zu aktivieren.

Sie haben weiter oben in diesem Artikel erfahren, wie Sie Ihre GZIP-Komprimierung überprüfen. Dies ist eine schnelle und einfache Option zur Fehlerbehebung. Es wird allgemein empfohlen, dies zuerst zu tun. Wenn immer noch etwas nicht stimmt, wenden Sie sich an Ihren Webhost und bewerten Sie den von Ihnen verwendeten Code.

Wenn Ihr Browser veraltet ist, Auch dies kann Probleme mit der GZIP-Komprimierung verursachen. Dies ist besonders häufig bei alten Internet Explorer-Versionen der Fall. Wenn viele Besucher Ihrer Website einen alten Browser verwenden, müssen Sie dieses Problem möglicherweise beheben.

Wenn die Dateien auf Ihrer Site extrem groß sind, kann dies ebenfalls Probleme bei der GZIP-Komprimierung verursachen. Wenn Sie eine ältere GZIP-Version verwenden, können die Dateigrößenbeschränkungen relativ gering sein, z. B. zwei Gigabyte oder weniger. Aus diesem Grund möchten Sie die Grenzen Ihrer GZIP-Version bestimmen.

Eine der besten Möglichkeiten dazu Verbessern Sie die Leistung und Geschwindigkeit Ihrer Website, indem Sie die Komprimierung aktivieren. Jetzt, da Sie wissen, wie es geht, können Sie die Vorteile voll ausnutzen.

Beachten Sie die Vorbehalte und berücksichtigen Sie sie bei der Arbeit. Der nächste Schritt besteht darin, es so einzurichten, dass Ihre Besucher von den Vorteilen profitieren können.

Ein häufig übersehener Geschwindigkeitsfaktor für Websites hängt mit Ihrer Wahl des Webhosting-Unternehmens zusammen. Ja, es macht einen Unterschied, den Sie wählen, da einige einfach besser abschneiden, wenn Sie sich die Zeit nehmen, die Daten zu verarbeiten.

Weitere Informationen finden Sie in meinem Leitfaden zur Verbesserung der Geschwindigkeit Ihrer Website.

Referenzen und Bildnachweise:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author