Tutorials • Entwickler
Konfigurieren des Google PageSpeed-Moduls
In diesem Artikel wird die Methode zur selektiven Aktivierung oder Deaktivierung von PageSpeed-Filtern im Zusammenhang mit der zusätzlichen SEO-Option vorgestellt.
10
Ansichten 1649Aktualisiert 2 aniVeröffentlicht am 04/06/2020von Alexandru Jurca
Einführung
- Falls die Aktivierung der zusätzlichen SEO-Option und damit des Google PageSpeed-Moduls unerwünschte Unterschiede auf der Website, sei es visuell oder funktional, verursacht, können verschiedene Komponenten des Moduls selektiv deaktiviert werden, indem die .htaccess-Datei bearbeitet wird.
Anforderungen
- Die Zugangsdaten für das Kontrollpanel (Plesk oder cPanel, je nach Fall), um die .htaccess-Datei über den Datei-Manager zu bearbeiten.
Schritte
- Um zu überprüfen, ob das PageSpeed-Modul für das aufgetretene Problem verantwortlich ist, kann das gesamte Modul deaktiviert werden, indem folgende Zeile in die .htaccess-Datei im Stammverzeichnis der Website eingefügt wird:
ModPagespeed off
- Nach diesem Schritt, wenn die Seite korrekt geladen wird, werden die oben hinzugefügten Zeilen gelöscht und der Prozess wird fortgesetzt, um das spezifische Element zu identifizieren, das für die fehlerhafte Anzeige verantwortlich ist.
- Ein erster Schritt wäre, die beim Laden der Seite erhaltenen Fehler zu überprüfen, indem man sie im Entwicklermodus des Browsers aufruft, wobei die allgemeine Tastenkombination zur Aktivierung F12 für übliche Browser ist. Ein Ladefehler für JS oder CSS weist beispielsweise auf einen möglichen Konflikt mit PageSpeed-Filtern hin, die mit diesen Elementen interagieren.
Um einen bestimmten Filter zu deaktivieren, sollte die folgende Regel zur .htaccess-Datei hinzugefügt werden:
ModPagespeedDisableFilters filter_name
Dabei wird name_filter durch den gewünschten Bezeichner ersetzt.
- Alternativ kann der Betriebsmodus von PageSpeed geändert werden, sodass Sie jedes gewünschte Element selektiv aktivieren können, indem Sie Folgendes einstellen:
ModPagespeedRewriteLevel PassThrough
Dann werden die gewünschten Elemente zur Aktivierung wie folgt angegeben:
ModPagespeedEnableFilters filter_name
Außerdem wird name_filter durch die gewünschte Kennung ersetzt.
- Eine .htaccess-Datei kann auch mit diesen Regeln in einem Unterverzeichnis erstellt werden, das Stile (CSS, Javascript, HTML) enthält. Auf diese Weise gelten die bevorzugten Regeln strikt für dieses Unterverzeichnis.
- Die Elemente, die standardmäßig aktiviert sind, wenn die zusätzliche SEO-Option aktiviert wird, sind:
*Dies sind auch die Identifikatoren, die Sie in den .htaccess-Regeln verwenden können.
-
- add_head
Fügt ein Element vom Typ <head> zum Dokument hinzu, wenn es noch nicht vorhanden ist. - combine_css
Kombiniert mehrere CSS-Elemente zu einem. - combine_javascript
Kombiniert mehrere JavaScript-Elemente zu einem einzigen. - remove_comments
Entfernt Kommentare aus verarbeiteten HTML-Dateien. Inline-CSS- oder JavaScript-Kommentare werden jedoch nicht entfernt. - sprite_images
Kombinieren Sie die Hintergrundbilder aus CSS zu einem einzelnen Sprite. - collapse_whitespace
Entfernt leere Räume aus HTML-Dateien, mit Ausnahme der Tags: "pre, script, style, textarea" - lazyload_images
Lädt Bilder nur, wenn sie im sichtbaren Bereich der Seite erscheinen. - convert_meta_tags
Fügt für jeden "meta"-Tag mit einem "http-equiv"-Attribut einen "Antwortheader" hinzu. - extend_cache
Erweitert die Speicherdauer für den Cache von Bildern, CSS-Elementen und Skripten, die nicht optimiert wurden, indem die URLs mit einem Inhalts-Hash signiert werden.
Die folgenden Filter sind implizit aktiv, wenn extend_cache aktiviert ist:
extend_cache_css
extend_cache_images
extend_cache_scripts
Für ein höheres Maß an Kontrolle können die oben genannten Filter einzeln aktiviert werden. - fallback_rewrite_css_urls
URLs für Ressourcen umschreiben, die aus CSS-Dateien nicht minimiert oder verarbeitet werden konnten. - flatten_css_imports
Ersetzt rekursiv jede @import-Regel durch den Inhalt der importierten CSS-Datei, um die Anzahl der externen Anfragen zu reduzieren. - inline_css
Fügt kleine externe CSS-Ressourcen in Form von Inline-Code in das HTML-Dokument ein. - inline_import_to_link
Transformiert "style"-Tags, die nur CSS @import enthalten, in gleichwertige "link"-Tags - inline_javascript
Kleinformatige JS-Ressourcen als Inline innerhalb des HTML-Dokuments umschreiben. - rewrite_css
Schreibt CSS-Dateien um, um Kommentare und übermäßige Leerzeichen zu entfernen. - rewrite_images
Optimiert Bilder, indem sie geändert und zusätzliche Pixel entfernt werden.
Zusätzlich werden kleine Bilder als Inline-Elemente im Dokument hinzugefügt. - rewrite_javascript
Schreibt JavaScript-Dateien um, entfernt überflüssige Leerzeichen und Kommentare. - rewrite_style_attributes_with_url
Schreibt CSS aus Style-Attributen um, wenn es den Text "url(" enthält, unter Verwendung des filturl rewrite_css, das konfiguriert ist.
- add_head