Konfigurowanie modułu Google PageSpeed

Wprowadzenie

• W przypadku, gdy aktywacja dodatkowej opcji SEO i pośrednio modułu Google PageSpeed powoduje niepożądane różnice w obrębie strony, różne komponenty modułu można selektywnie dezaktywować poprzez edytowanie pliku .htaccess.

Wymagania

• Szczegóły dostępu do panelu kontrolnego (Plesk lub cPanel, w zależności od przypadku), do edytowania pliku .htaccess za pomocą Menedżera plików.

Kroki

• Aby sprawdzić, czy moduł PageSpeed jest odpowiedzialny za występujący problem, można wyłączyć cały moduł, dodając do pliku .htaccess, w katalogu głównym witryny, następującą linię:

ModPagespeed off

• Po tym kroku, jeśli strona ładuje się poprawnie, powyższe linie zostaną usunięte, a proces będzie kontynuowany w celu zidentyfikowania konkretnego elementu odpowiedzialnego za błędne wyświetlanie.
• Pierwszym krokiem byłoby sprawdzenie błędów otrzymywanych podczas ładowania strony, uzyskując do niej dostęp w trybie dewelopera w przeglądarce, a ogólny skrót do aktywacji to F12 dla zwykłych przeglądarek. Na przykład, błąd ładowania dla JS lub CSS wskaże na możliwy konflikt z filtrami PageSpeed, które współdziałają z tymi elementami.

Aby wyłączyć konkretny filtr, należy dodać następującą regułę do pliku .htaccess:

ModPagespeedDisableFilters nazwa_filtru

Gdzie name_filter zostanie zastąpiony pożądanym identyfikatorem.

• Alternatywnie, tryb działania PageSpeed można zmienić, aby móc selektywnie aktywować każdy pożądany element, ustawiając:

ModPagespeedRewriteLevel PassThrough

Następnie pożądane elementy do aktywacji zostaną określone w następujący sposób:

ModPagespeedEnableFilters filter_name

Również, nume_filtru zostanie zastąpione żądanym identyfikatorem.

• Plik .htaccess może być również utworzony z tymi zasadami w podkatalogu, który zawiera style (CSS, Javascript, HTML). W ten sposób preferencyjne zasady będą ściśle stosowane do tego podkatalogu.
• Elementy, które są domyślnie aktywowane po włączeniu dodatkowej opcji SEO, to:
  *To są również identyfikatory, które możesz użyć w regułach .htaccess.

• • add_head
    Dodaje element typu <head> do dokumentu, jeśli jeszcze nie istnieje.
  • combine_css
    Łączy wiele elementów CSS w jeden.
  • combine_javascript
    Łączy wiele elementów JavaScript w jeden.
  • remove_comments
    Usuwa komentarze z przetworzonych plików HTML. Nie usuwa jednak komentarzy CSS lub JavaScript w linii.
  • sprite_images
    Połącz obrazy tła z CSS w jedną grafikę Sprite.
  • collapse_whitespace
    Usuwa puste przestrzenie z plików HTML, z wyjątkiem tagów: "pre, script, style, textarea"
  • lazyload_images
    Ładowanie obrazów tylko wtedy, gdy stają się widoczne na stronie.
  • convert_meta_tags
    Dodaje "nagłówek odpowiedzi" dla każdego "meta" tagu z atrybutem "http-equiv".
  • extend_cache
    Wydłuża czas przechowywania pamięci podręcznej związanej z obrazami, elementami CSS i skryptami, które nie zostały zoptymalizowane, poprzez podpisywanie adresów URL hashem treści.
    Następujące filtry są automatycznie aktywne, jeśli extend_cache jest włączone:
    extend_cache_css
    extend_cache_images
    extend_cache_scripts
    Dla wyższego poziomu kontroli, wymienione powyżej filtry można aktywować indywidualnie
  • fallback_rewrite_css_urls
    Przepisz adresy URL dla zasobów, które nie mogły być zminimalizowane lub przetworzone z plików CSS.
  • flatten_css_imports
    Rekurencyjnie zastępuje każdą @import regułę zawartością importowanego pliku CSS w celu zmniejszenia liczby zewnętrznych żądań.
  • inline_css
    Dodaje małe zewnętrzne zasoby CSS do dokumentu HTML w formie inline.
  • inline_import_to_link
    Przekształca "style" tagi zawierające tylko CSS @import w ekwiwalentne "link" tagi
  • inline_javascript
    Przepisz małe zasoby JS jako inline w dokumencie HTML.
  • rewrite_css
    Przepisuje pliki CSS, usuwając komentarze i nadmiarowe białe znaki.
  • rewrite_images
    Optymalizuje obrazy poprzez ich modyfikację i usuwanie zbędnych pikseli.
    Dodatkowo dodaje małe obrazy jako inline w dokumencie.
  • rewrite_javascript
    Przepisuje pliki JavaScript, usuwa nadmiarowe białe znaki i komentarze.
  • rewrite_style_attributes_with_url
    Przepisuje CSS z atrybutów Style, jeśli zawiera tekst "url(", używając filturl rewrite_css skonfigurowanego.