Návody • Dev

Konfigurace modulu Google PageSpeed

V tomto článku bude představen způsob, jak selektivně aktivovat nebo deaktivovat filtry PageSpeed související s dalšími možnostmi SEO.

Názory 2305Aktualizováno 3 aniPublikováno dne 04/06/2020od Alexandru Jurca

Úvod

V případě, že aktivace další možnosti SEO a implicitně modulu Google PageSpeed vytvoří nežádoucí rozdíly na stránce, ať už vizuálně nebo funkčně, různé komponenty modulu mohou být selektivně deaktivovány úpravou souboru .htaccess.

Požadavky

Podrobnosti o přístupu k ovládacímu panelu (Plesk nebo cPanel, v závislosti na případě) pro úpravu souboru .htaccess prostřednictvím správce souborů.

Kroky

Pro ověření, zda je modul PageSpeed zodpovědný za nastalý problém, lze kompletně deaktivovat celý modul přidáním do souboru .htaccess, z kořenového adresáře webu, následující řádek:

ModPagespeed off

Po tomto kroku, pokud se stránka správně načte, budou výše přidané řádky smazány a proces bude pokračovat v identifikaci konkrétního prvku odpovědného za chybné zobrazení.
Prvním krokem by bylo zkontrolovat chyby, které byly přijaty při načítání stránky, přístupem k ní v režimu vývojáře z prohlížeče, přičemž obvyklá zkratka pro aktivaci je F12 pro běžné prohlížeče. Například chyba načítání pro JS nebo CSS naznačuje možný konflikt s filtry PageSpeed, které interagují s těmito prvky.

Pro deaktivaci konkrétního filtru je třeba přidat následující pravidlo do souboru .htaccess:

ModPagespeedDisableFilters název_filtru

Kde name_filter bude nahrazen požadovaným identifikátorem.

Alternativně může být změněn provozní režim PageSpeed, abyste mohli selektivně aktivovat každý požadovaný prvek nastavením:

ModPagespeedRewriteLevel PassThrough

Pak budou požadované prvky pro aktivaci specifikovány následovně:

ModPagespeedEnableFilters filter_name

Také bude nume_filtru nahrazen požadovaným identifikátorem.

Soubor .htaccess může být také vytvořen s těmito pravidly v podsložce, která obsahuje styly (CSS, Javascript, HTML). Tímto způsobem budou preferenční pravidla přísně platit pro tuto podsložku.
Položky, které jsou ve výchozím nastavení aktivovány při povolení další možnosti SEO, jsou:
*Tyto jsou také identifikátory, které můžete použít v pravidlech .htaccess.

- add_head
  Přidá prvek typu <head> do dokumentu, pokud již neexistuje.
- combine_css
  Spojuje více CSS prvků do jednoho.
- combine_javascript
  Spojuje více JavaScriptových prvků do jednoho.
- remove_comments
  Odstraní komentáře z zpracovaných HTML souborů. Nicméně neodstraňuje inline CSS nebo JavaScript komentáře.
- sprite_images
  Spojte pozadí obrázky z CSS do jednoho Spritu.
- collapse_whitespace
  Odstraní prázdné prostory z HTML souborů, s výjimkou tagů: "pre, script, style, textarea"
- lazyload_images
  Nahrává obrázky pouze tehdy, když se stanou viditelnými na stránce.
- convert_meta_tags
  Přidává "hlavičku odpovědi" pro každý "meta" tag s atributem "http-equiv".
- extend_cache
  Prodlužuje čas uchovávání cache týkající se obrázků, prvků CSS a skriptů, které nebyly optimalizovány, podepisováním URL adres s obsahem hashe.
  Následující filtry jsou implicitně aktivní, pokud je extend_cache povolen:
  extend_cache_css
  extend_cache_images
  extend_cache_scripts
  Pro vyšší úroveň kontroly lze výše uvedené filtry aktivovat jednotlivě
- fallback_rewrite_css_urls
  Převeďte URL adresy pro zdroje, které nebyly minimalizovány nebo zpracovány z CSS souborů.
- flatten_css_imports
  Rekurzivně nahrazuje každé @import pravidlo obsahem importovaného CSS souboru, aby se snížil počet externích požadavků.
- inline_css
  Přidává malé externí CSS zdroje do HTML dokumentu v inline formátu.
- inline_import_to_link
  Převádí "style" tagy obsahující pouze CSS @import na ekvivalentní "link" tagy
- inline_javascript
  Převeďte malé JS zdroje na inliny v rámci HTML dokumentu.
- rewrite_css
  Přepisuje soubory CSS, aby odstranil komentáře a nadměrné bílé znaky.
- rewrite_images
  Optimalizuje obrázky jejich úpravou a odstraňováním nadbytečných pixelů.
  Dále přidává malé obrázky jako inliny do dokumentu.
- rewrite_javascript
  Přepisuje JavaScriptové soubory, odstraňuje nadbytečné mezery a komentáře.
- rewrite_style_attributes_with_url
  Přepisuje CSS ze stylových atributů, pokud obsahuje text "url(" pomocí filturl rewrite_css, který je nakonfigurován.

Úvod

Požadavky

Kroky

Podobné články