Samouczki • Dev
Konfigurowanie modułu Google PageSpeed
W tym artykule zostanie przedstawiona metoda selektywnego aktywowania lub dezaktywowania filtrów PageSpeed związanych z dodatkowymi opcjami SEO.
10
Widoki 2308Zaktualizowane 3 aniOpublikowano w 04/06/2020przez Alexandru Jurca
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.
- add_head