Gzip-Komprimierung js/css/html-Site-Beschleunigung – wie man sie in .htaccess aktiviert

drucken · Время на чтение: 9мин · von · Veröffentlicht · Aktualisiert

spielenHören Sie sich diesen Artikel an

Gzip-Komprimierung js css html.Grüße, liebe Leser! Heute werden wir darüber reden gzip js-Komprimierung | CSS | htmlum das Laden der Website zu beschleunigen. So aktivieren Sie es mit der .htaccess-Datei. Außerdem erkläre ich Ihnen, warum Sie die Dateikomprimierung auf der Serverseite überhaupt aktivieren müssen.

Dieses Thema steht in direktem Zusammenhang mit der technischen Optimierung der Website. Durch relativ einfache Manipulationen wird das Laden der Website erheblich beschleunigt. Eine schnelle Website ist ein bedeutender Erfolg in der Suchmaschinenwerbung.

Der Inhalt des Artikels:

Was ist der Zweck der Aktivierung der Gzip-Dateikomprimierung in .htaccess?

So aktivieren Sie die Gzip-Komprimierung von Seiten auf der Website.

Wie ich in vielen meiner Artikel gesagt habe! Die Site hat in der Anfangsphase ein ziemlich großes Gewicht. Und diese. Eine Optimierung ist gerade erforderlich, um das Gewicht unserer Website zu reduzieren. Wir müssen auf jeden Fall die Menge an Code, das Gewicht von Seiten, Bildern und anderen Dingen reduzieren. Die allgemeine Aufgabe besteht darin, dem Benutzer eine leichte und schnell ladende Version der Website bereitzustellen.
So geben wir Informationen schnell weiter. Der Übergang zwischen Seiten und Abschnitten erfolgt im Bruchteil einer Sekunde. Gleichzeitig sehen Besucher schnell alle geladenen Designelemente und andere interaktive Interaktionselemente.

GZIP-Komprimierung – sorgt für eine unterbrechungsfreie Archivierung der übertragenen Dateien. Dadurch erhalten wir eine verlustfreie Komprimierung der Qualität der Quelle. Alle Daten kommen nach dem Entpacken bereits im Browser des Benutzers in ihren ursprünglichen Zustand zurück. Die Implementierung selbst ist auf mehrere Arbeitsalgorithmen zurückzuführen. Dazu gehört grundlegendes DEFLATE mit LZ77 und Huffman.

Natürlich ist diese Art der Komprimierung (Komprimierung) keine ideale Lösung. Aber die Implementierung von Gzip bringt uns zu einem Gleichgewicht zwischen Geschwindigkeit und Komprimierungsverhältnis. Diese Methode ist neben anderen Methoden zur Beschleunigung der Website die beliebteste. Darüber hinaus wird die Implementierung einer globaleren Methode auf dem Server viel Zeit und Tests erfordern. Und es führt möglicherweise nicht zum gewünschten Ergebnis! Die Gzip-Komprimierung ist in dieser Hinsicht die zuverlässigste Methode, um Dateidownloads zu beschleunigen.

Gzip-Komprimierung – für welche Dateien ist sie akzeptabel? Auf welchen Servern funktioniert es?

Tatsächlich deckt die gzip-Komprimierung eine große Liste von Dateien ab. Aber es hat einen kleinen Nachteil! Wenn ein Benutzer eine Website besucht, muss der Server im Handumdrehen eine große Datenmenge komprimieren. Dies führt zu einer gewissen Belastung des Servers. In den meisten Fällen ist dies jedoch nicht kritisch. Alle unterstützten Dateiformate werden nach der Übertragung in gängigen Browsern perfekt angezeigt.

Zu den wichtigsten gehören:

  • Text/Klartext/HTML;
  • text/xml application/xml application/xhtml+xml application/xml-dtd;
  • application/rdf+xml application/rss+xml application/atom+xml image/svg+xml;
  • Text/CSS-Text/Javascript-Anwendung/Javascript-Anwendung/x-Javascript;
  • Schriftart/OpenType-Anwendung/Font-OTF-Anwendung/X-Font-OTF;
  • Schriftart/TrueType-Anwendung/Font-ttf-Anwendung/x-font-ttf.

Die Gzip-Dateikomprimierung wird auf den Hauptservern Apache und Nginx verwendet. Mit gültigen Arbeitsmodulen und Serverfähigkeiten.

Beispiel: Nginx – wird für statische Zwecke verwendet. Es komprimiert und verarbeitet statische Dateien gut. Die Komprimierung erfolgt dank der Module ngx_http_gzip_module und ngx_http_gzip_static_module. Eine unterbrechungsfreie Komprimierung im laufenden Betrieb erfolgt durch Ersetzen der Haupterweiterung durch „.gz“.

Beispiel einer Standardkonfiguration:

gzip on; gzip_min_length 1000; gzip_types text/plain application/xml;

Apache ist der am häufigsten nachgefragte Server. Natürlich wird die Komprimierung anspruchsvoller und anpassbarer sein. Die Gzip-Komprimierung auf diesem Server erfolgt mithilfe des Moduls mod_deflate. Durch Bereitstellung einer Komprimierung im laufenden Betrieb, bevor sie an den Browser des Benutzers gesendet wird.

Beispiel einer Standardkonfiguration:

# GZIP aktivieren – Komprimierung aktivieren AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilter ByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/ Javascript AddOutputFilterByType DEFLATE application/x-javascript

Komprimierung mit einem langsamen Algorithmus zur Reduzierung der Serverlast:

RewriteEngine On AddEncoding gzip .gz RewriteCond %{HTTP:Accept-encoding} gzip RewriteCond %{REQUEST_FILENAME}.gz -f RewriteRule ^(.*)$ $1.gz [QSA,L]

PHP ist eine weniger beliebte Option. Es bietet aber auch die Möglichkeit, die Komprimierung mithilfe des zlib-Moduls zu organisieren. Diese Methode wird nicht empfohlen, da sie extrem langsam ist.

Beispiel einer Standardkonfiguration:

$originalFile = __DIR__ . '/jquery-1.11.0.min.js'; $gzipFile = __DIR__ . '/jquery-1.11.0.min.js.gz'; 1TP30OriginalData = file_get_contents(1TP30OriginalFile); $gzipData = gzencode($originalData, 9); file_put_contents($gzipFile, $gzipData); var_dump(filesize($originalFile)); // int(96380) var_dump(filesize($gzipFile)); // int(33305)

Selbstverständlich ist auch die Nutzung von Apache + Nginx + PHP-Servern gemeinsam möglich. Dadurch wird eine gewisse Lastverteilung zwischen den Servern gewährleistet. Dies ist jedoch eine sehr schwierige Aufgabe, die nicht von normalen Benutzern durchgeführt werden sollte.

Ich habe meinen Server selbst konfiguriert und dabei alle wesentlichen Vorteile von Apache/Nginx/PHP genutzt. Somit übernimmt Nginx die statische Aufladung, Apache erledigt den Rest mit PHP. Das Ergebnis ist sehr positiv. Es wurde jedoch viel Zeit darauf verwendet, diese Methode zu organisieren.

So aktivieren Sie die Gzip-Komprimierung in der .htaccess-Datei

Tatsächlich ist es nicht schwierig, dies zu tun. Darüber hinaus habe ich bereits über diese Datei gesprochen.

Die Grundregeln bleiben gleich:

  1. Stellen Sie sicher, dass Sie die ursprüngliche .htaccess-Datei speichern, bevor Sie sie bearbeiten. Im Falle des Fehlers 500 muss etwas wiederhergestellt werden.
  2. Es sollten keine Lücken zwischen den Zeilen vorhanden sein.
  3. Wir schreiben alle Kommentare nach dem Zeichen #.
  4. Überprüfen Sie den Code nach dem Einfügen unbedingt auf Integrität.

Mehrere Beispiele für die Standardkonfiguration von .htaccess-Regeln wurden oben bereits erwähnt. Da dies meiner Meinung nach jedoch nicht ausreicht, werde ich mein eigenes Beispiel nennen. Dieses Regelwerk funktioniert auf dieser Seite, wie Sie sehen, gibt es keine Probleme.

Gleichzeitig erfolgt die Komprimierung im laufenden Betrieb, die Site wird ohne Bremsen schnell geladen. Sie müssen diesen Code lediglich in Ihre .htaccess-Datei einfügen. Wenn Sie einen eigenen Server haben, wissen Sie meiner Meinung nach alles selbst.

Gebrauchsanweisung für das Hauptpublikum:

  1. Wir gehen mit jedem gängigen FTP-Client auf den Server;
  2. Gehen Sie zum Stammverzeichnis der Site (Verzeichnis).
  3. Die .htaccess-Datei befindet sich im Hauptverzeichnis der Site;
  4. Wir öffnen es mit einem Texteditor, im Allgemeinen ist Sublime Text 3 besser;
  5. Fügen Sie als Nächstes ganz am Ende der Datei den unten angezeigten Code ein.
  6. Wir bitten Sie, den Code zu überprüfen, da die Website über einen Kopierschutz verfügt (möglicherweise befindet sich am Ende des Codes ein Link zur Website).
# GZIP aktivieren AddOutputFilterByType DEFLATE text/plain. AddOutputFilterByType DEFLATE text/text. AddOutputFilterByType DEFLATE text/html. AddOutputFilterByType DEFLATE text/plain. AddOutputFilterByType DEFLATE text/xml. AddOutputFilterByType DEFLATE text/css Geben Sie DEFLATE image/ ein. png AddOutputFilterByType DEFLATE image/gif AddOutputFilterByType DEFLATE image/flv AddOutputFilterByType DEFLATE image/ico AddOutputFilterByType DEFLATE image/swf AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFL ATE-Anwendung / javascript AddOutputFilterByType DEFLATE application/json AddOutputFilterByType DEFLATE video/3gpp AddOutputFilterByType DEFLATE video/3gpp2 AddOutputFilterByType DEFLATE video/x-flv AddOutputFilterByType DEFLATE video/jpm AddOutputFilterByType DEFLATE video/jpeg AddOutputFilterByType DE FLATE video/x-m4v AddOutputFilterByType DEFLATE video/mp4 AddOutputFilterByType DEFLATE-Video /ogg AddOutputFilterByType DEFLATE video/webm AddOutputFilterByType DEFLATE video/quicktime AddOutputFilterByType DEFLATE audio/x-mpegurl AddOutputFilterByType DEFLATE audio/midi AddOutputFilterByType DEFLATE audio/mp3 AddOutputFilterByType DEFLATE audio/mp4 AddOutputFilterByType DEFLATE audio/ mpeg AddOutputFilterByType DEFLATE audio/webm AddOutputFilterByType DEFLATE audio /basic AddOutputFilterByType DEFLATE audio /x-wav AddOutputFilterByType DEFLATE audio/wav BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html mod_gzip_on Ja mod_gzip_item_include Datei \.js$ mod_gzip_item_include Datei \.css$

Wenn Sie erforderliche Elemente nicht in Klammern setzen, erhalten Sie eine Fehlermeldung. Ihre Website funktioniert einfach nicht mehr und Sie erhalten einen internen Serverfehler von 500. Der Text „muss in Klammern „<>“ eingeschlossen werden“ sollte ebenfalls aus dem Code entfernt werden. Danach muss die .htaccess-Datei gespeichert werden.

Es ist auch eine gute Idee, den Server neu zu starten, um die neuen Regeln genau anzuwenden. Nach all diesen Aktionen wird Ihre Website viel schneller funktionieren. Die Seitenladegeschwindigkeit wird deutlich erhöht.

Überprüfen Sie die Ladegeschwindigkeit der Website und die Gzip-Komprimierung

Nachdem wir die serverseitige Komprimierung aktiviert haben. Sie können den Erfolg der geleisteten Arbeit überprüfen! Sie können dies mit mehreren beliebten Online-Tools tun. Werfen wir einen Blick darauf:

PageSpeed-Einblicke - das wichtigste und beliebteste Online-Tool zur Überprüfung der Website. Nach den letzten Änderungen im Jahr 2018 durch Google. Bietet eine umfangreiche Datenliste für eine detaillierte Analyse der Website.

Erfahren Sie mehr über PageSpeed ​​​​Insights.

Was kann:

  1. Gesamtbewertung der Website-Geschwindigkeit;
  2. Gibt die Ladezeit des Inhalts an;
  3. Gesamtgeschwindigkeitsindex und Zeit bis zur Interaktion;
  4. Gibt Empfehlungen zur Optimierung;
  5. Zeigt detaillierte Leistungsinformationen an;
  6. Gibt an, ob die Gzip-Komprimierung aktiviert ist oder nicht.
  7. Gibt an, ob Hashing aktiviert ist oder nicht;
  8. Bietet eine Fülle von Informationen zur Fehlerkorrektur.

PageSpeed hilft Ihnen, viele Probleme mit der Website-Geschwindigkeit zu beheben. Dank dieses Tools konnten viele Fehler meiner Website behoben werden.

Pingdom-Tools ist auch eines der beliebtesten Online-Website-Analysetools. Bietet ausreichend detaillierte Informationen zu einer Vielzahl von Website-Bewertungskriterien. Es ist leicht herauszufinden, was den Download verlangsamt.

Was ist das Pingdom-Tool?

Was gibt Ihnen:

  1. Bewertung der Gesamtleistung der Website;
  2. Die Anzahl der Anfragen an die Site-Datenbank;
  3. Seitenladegeschwindigkeit;
  4. Inhaltsgröße nach Inhaltstyp;
  5. Serverantworten 200/301/302/404/503 und andere;
  6. Allgemeine Abfragen nach Domänen;
  7. Grafische Darstellung der Situation usw.;

Bietet viele Informationen zur Website-Geschwindigkeit. Gibt aber keine detaillierten Anweisungen wie Google.

GZIP-Komprimierungs-Plugins für WordPress

So seltsam es auch klingen mag, aber die Besitzer von Websites auf dem WordPress CMS müssen sich nicht viel darum kümmern. Der Grund dafür ist die Vielzahl an Plugins, um die Komprimierung auf der Seite zu ermöglichen. Sie müssen lediglich das gewünschte Plugin installieren. Anschließend aktivieren und aktivieren Sie die Komprimierung in den Plugin-Einstellungen. Dann wird er die ganze Arbeit für Sie erledigen. Ich werde einige der beliebtesten beschreiben.

PageSpeed Ninja ist das leistungsstärkste Plugin für WordPress. Sie können Ihre Websites auf Desktops und Mobilgeräten schnell machen, indem Sie von Google PageSpeed Insights gefundene Probleme mit einem Klick beheben. Ermöglicht Ihnen, die Komprimierung auf der Site schnell zu aktivieren.

Erhöhen Sie Ihren Google PageSpeed-Score in Wordpress.

WP Schnellster Cache ist auch eines der beliebtesten Hashing-Plugins. Es verfügt über eine große Anzahl gruppierter Einstellungen, darunter auch die Komprimierung.

WP Fastest Cache – Plugin für WordPress.

Kometen-Cache Ich selbst verwende dieses Plugin. Denn in Kombination mit anderen Plugins liefert es ein hervorragendes Ergebnis. Zu seinen Einstellungen gehört auch die GZIP-Komprimierung.

Comet Cache erstellt einen Cache für jede Seite.

Im Allgemeinen ermöglichen Ihnen alle wichtigen Caching-Plugins für Wordpress, die GZIP-Komprimierung auf der Site zu aktivieren. Für die geringste Belastung empfehle ich vollwertige Multifunktions-Plugins.

Abschließend möchte ich Folgendes sagen: Stellen Sie sicher, dass die Komprimierung aktiviert ist. Dies wirkt sich sehr positiv auf die Leistung aus und erhöht die Position der Website in der Suche. Ich hoffe, dieser Artikel wird Ihnen dabei helfen.

Lesen dieses Artikels:

Danke fürs Lesen: SEO HELPER | NICOLA.TOP

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 5 / 5. Anzahl Bewertungen: 276

Bisher keine Bewertungen! Sei der Erste, der diesen Beitrag bewertet.

Das könnte dich auch interessieren …

Eine Antwort

  1. Илья sagt:

    Ich habe den Code sofort kopiert und eingefügt, was zu einem Fehler 500 führte. Jetzt verstehe ich, was ich sorgfältig lesen muss. Wie ich sehe, hast du auch einen Kopierschutz. Und dank des Inhalts ist es geeignet und funktioniert.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

20 + 10 =