Heute setzen wir unser Tutorial zum W3TC fort. Sie wissen wahrscheinlich bereits, dass es so ist Cache-Plugin, wodurch Sie unter anderem beschleunigen können Ihr Blog (verbessert seine Leistung).

Dieses Tutorial ist in mehrere Teile gegliedert. Wir haben seitdem mit der Einführung in den Cache begonnen und einige vorläufige Anpassungen vorgenommen. Sie können die verschiedenen Kapitel unten sehen:

• Teil 1: Einführung in die Cache
• Teil 2: Wie W3TC konfigurieren
  • Allgemeine Einstellungen - Episode 1
  • Weitere allgemeine Einstellungen - Episode 2
  • Seiten-Cache-Konfiguration - 3-Episode
  • Konfiguration von Minifizierungen - Episode 4 (Derzeitiges Tutorial)
  • Datenbank-Cache-Konfiguration - 5-Episode
  • Objekt- und Browserkonfiguration - Episode 6
• Teil 3: Alle Antworten auf Ihre Fragen
• Teil 4: W3TC "Mainspan" -Parameter

Teil 2: Konfigurieren minification

Wir sind immer noch in der Konfiguration W3TC, aber jetzt lassen Sie uns über die Dateikomprimierung sprechen.

Bevor Sie auf das Menü zugreifen Verkleinern ", Sie müssen zuerst aktivieren" Verkleinern In den allgemeinen Einstellungen. Wenn Sie den Komprimierungsmodus aktiviert haben und dieser auf Ihrer Site ordnungsgemäß funktioniert, werden die Einstellungen für " minification Das, was Sie in diesem Menü sehen, ist eine vereinfachte Version dessen, was in den folgenden Screenshots gezeigt wird.

In diesem Tutorial behandeln wir den Komprimierungsprozess ( Verkleinerungs ) mit W3TC. Die " minification Und die Kombination von JS und CSS ist die Essenz dessen, was wir in diesem Tutorial sehen werden.

Minify: Allgemein

Allgemeine Einstellungen im Menü Verkleinern Hat drei Möglichkeiten.

Das Modul URL Rewrite "Sollte standardmäßig aktiviert sein und Sie sollten diese Option als solche belassen, es sei denn, Sie möchten, dass Ihre CSS- und JS-Dateien nicht mit der normalen URL-Struktur, sondern mit" http GET "-Headern abgerufen werden.

Deaktivieren " minification Für angemeldete Benutzer sollte nicht geändert werden. Es wird empfohlen, angemeldeten und nicht verbundenen Benutzern keine anderen CSS- und JS-Dateien zur Verfügung zu stellen.

Fehlerbenachrichtigung " Verkleinern Muss für Administratorbenachrichtigungen festgelegt werden. Auf diese Weise können sie informiert werden, wenn ein Fehler auftritt.

Die folgenden Abschnitte alle minify ", Kombinieren und verschieben Sie die Option" Seitenkomponenten ". Dies kann die Präsentation Ihrer Website beeinträchtigen. Sie sollten den Vorschaumodus aktivieren und Ihre Site im Auge behalten, wenn Sie Änderungen vornehmen, um sicherzustellen, dass Ihr Site-Layout nicht beschädigt wird.

Minimieren: HTML & XML

Der Abschnitt HTML und XML Aus dem Minify-Menü ist einfach. Die Checkboxen sollen " minification ", des' " Inline- CSS und JavaScript lassen Minimierungsströme weg und ermöglichen das Brechen von Zeilenumbrüchen.

Mit Ausnahme der Option " Minimieren Sie keine Feeds Was deaktiviert bleiben muss, sollte sich die Geschwindigkeit Ihrer Website verbessern.

Das Textfeld von ignoriert Kommentare dampft Wird verwendet, um HTML-Kommentare zu identifizieren, die nicht entfernt werden sollen, wenn HTML "komprimiert" wird. Einige verknüpfte Kommentare befinden sich standardmäßig in dieser Domain, um sicherzustellen, dass mit Google AdWords und Lesern verknüpfte Kommentare nicht gelöscht werden. Wenn Ihr HTML-Code zusätzliche Kommentare enthält und Sie im " minified Fügen Sie in HTML einen Begriff in dieses Textfeld ein, damit Kommentare mit diesem Ausdruck nicht gelöscht werden.

minify JS

Wenn Sie die Komprimierung aktiviert haben JavaScript & CSS Im Menü Allgemeine Einstellungen Sie können nur mit allen arbeiten Ressourcen Sowohl JavaScript als auch das Menü, das Sie sehen, sind eine vereinfachte Version des Bildes unten.

Wenn Sie die manuelle Methode ausgewählt haben, müssen Sie zum oberen Rand des Menüs scrollen Verkleinern Und wählen Sie die Assistentenschaltfläche. Letzteres listet die von W3TC erkannten JavaScript- und CSS-Dateien auf. Aktivieren Sie alle Kontrollkästchen für JavaScript- und CSS-Dateitypen und klicken Sie auf " Jetzt bewerben Und nah dran. Dadurch werden die JavaScript- und CSS-Dateien im Menü " Verkleinern Damit können Sie mit diesen manuell arbeiten.

Schauen Sie sich die Box mit dem Namen " Der Betrieb in den Bereichen ". In diesem Abschnitt können Sie steuern, ob die Ressourcen JavaScript sind " minified Und mit der Option kombiniert Verkleinern Oder wenn sie einfach kombiniert werden. Der Typ Einbetten » bietet einige Möglichkeiten, wie Ressourcen JavaScript wird geladen. Sie können jede der Optionen von „ nonblocking Bis Sie eine finden, die die Präsentation Ihrer Site nicht beeinträchtigt, aber wenn keine der Optionen funktioniert, belassen Sie die Standardeinstellungen.

Wenn Sie die manuelle Komprimierungsmethode in den allgemeinen Einstellungen ausgewählt haben, können Sie mit jeder Datei einzeln arbeiten, indem Sie sie einer einzelnen Vorlage oder allen Vorlagen zuweisen und in die Datei " Kopfzeile »Le« Körper "Oder darunter" Körper Detaillierte Kontrolle darüber, wo die einzelnen Dateien im HTML-Dokument angezeigt werden und wie sie geladen werden. Sie können auch « Drag & Drop »Dateien, um die Reihenfolge zu ändern, in der sie geladen werden, falls einige Dateien von vorherigen Dateien abhängen, um korrekt geladen zu werden.

Die optimale Einstellung ist das Verschieben der Dateien von " Kopfzeile Und laden Sie ihnen eine der Optionen von nonblocking "(Nicht blockierende). Es besteht jedoch eine sehr gute Chance, dass dadurch das Erscheinungsbild Ihrer Website beeinträchtigt wird.

Es führt wirklich kein Weg daran vorbei, jede Datei einmal durchzugehen, sie an verschiedenen Orten zu testen und sicherzustellen, dass die Site korrekt geladen wird.

minify CSS

Es gibt vier Einstellungen, um die verfügbaren CSS-Dateien zu reduzieren:

• Ermöglichen Ermöglicht minfication und die Kombination von CSS-Dateien.
• kombinieren nur : CSS-Dateien kombinieren, aber schmälern sie nicht.
• Konservierte wie Entfernung : Entfernt Kommentare aus kombinierten CSS-Dateien.
• Line Break Entfernung: Entfernt Zeilenumbrüche in kombinierten CSS-Dateien.

Beginnen Sie mit der Auswahl aller Optionen außer " kombiniert Nur “. Wenn die Darstellung der Site anders ist, deaktivieren Sie " Konservierte wie Entfernung "Und" Line Break Entfernung “. Wenn das die Seite nicht korrigiert, benutze " kombiniert Nur ".

Wählen Sie für die Option @import " Prozess ".

Wenn Sie " Auto Als Methode von minification "Allgemeine Einstellungen, dann sehen Sie nur die ersten beiden Bereiche dieses Menüs. Wenn Sie jedoch die haben minification Manuell, dann sehen Sie einen Abschnitt zur CSS-Dateiverwaltung.

Wenn Sie noch keine CSS-Dateien hinzugefügt haben, die verwaltet werden sollen, wählen Sie den Hilfsprogramm "Hilfe" aus und wählen Sie alle CSS-Dateien für Ihre Themen aus. Ordnen Sie dann die Reihenfolge der Dateien neu an, sodass die wichtigsten Dateien zuerst geladen werden.

Reduzieren: Erweiterte Einstellungen

In den meisten Fällen müssen die Standardeinstellungen im erweiterten Bereich nicht viel bearbeitet werden. Sie können sie jedoch verwenden, um die Häufigkeit anzupassen, mit der JavaScript- und CSS-Dateien aktualisiert werden, die Häufigkeit, mit der abgelaufene Dateien aus dem Cache gelöscht werden usw.

Der erweiterte Abschnitt enthält drei Felder, um bestimmte Seiten, JS-Dateien und CSS-Dateien von der " minification ". Wenn Sie feststellen, dass einige JS- oder CSS-Ressourcen niemals komprimiert werden sollten, können Sie sie isolieren, indem Sie sie diesen Domänen hinzufügen. Wenn Sie Hilfe bei der richtigen Syntax benötigen, lesen Sie " Verwendung: Allgemein Aus der FAQ für Anweisungen.

Das wars für die Minimierungsoptionen auf W3 Total Cache, wir werden mit dem Datenbank-Cache fortfahren.