Návody • Dev

Konfigurácia modulu Google PageSpeed

V tomto článku bude predstavená metóda na selektívne aktivovanie alebo deaktívovanie filtrov PageSpeed súvisiacich s doplnkovou možnosťou SEO.

10
Zobrazenia 2037Aktualizované 3 aniZverejnené dňa 04/06/2020od Alexandru Jurca

Úvod

  • V prípade, že aktivácia dodatočnej SEO možnosti a implicitne modulu Google PageSpeed vytvára nechcené rozdiely na stránke, či už vizuálne alebo funkčne, rôzne komponenty modulu môžu byť selektívne deaktivované úpravou súboru .htaccess.

Požiadavky

  • Prístupové údaje do ovládacieho panela (Plesk alebo cPanel, v závislosti od prípadu), na úpravu súboru .htaccess prostredníctvom správcu súborov.

Kroky

  • Aby sa overilo, či je modul PageSpeed zodpovedný za problém, môže sa celý modul deaktivovať pridaním do súboru .htaccess v hlavnom adresári webovej stránky nasledujúcu líniu:


ModPagespeed off

  • Po tomto kroku, ak sa stránka načíta správne, pridane riadky vyššie budú odstránené a proces bude pokračovať v identifikácii konkrétneho prvku zodpovedného za chybné zobrazenie.
  • Prvým krokom by bolo skontrolovať chyby, ktoré sa objavili pri načítaní stránky, prístupom k nej v režime vývojára v prehliadači, pričom všeobecná klávesová skratka na aktiváciu je F12 pre obvyklé prehliadače. Napríklad, chyba načítania pre JS alebo CSS naznačuje možný konflikt s filtrami PageSpeed, ktoré interagujú s týmito prvkami.

Na deaktivovanie konkrétneho filtrom by sa mala do súboru .htaccess pridať nasledujúca pravidlo:


ModPagespeedDisableFilters názov_filtera

Kde name_filter bude nahradený požadovaným identifikátorom.

  • Alternatívne, prevádzkový režim PageSpeed môže byť zmenený, aby ste mohli selektívne aktivovať každý požadovaný prvok nastavením:


ModPagespeedRewriteLevel PassThrough

Potom budú požadované prvky aktivácie špecifikované nasledovne:

ModPagespeedEnableFilters filter_name

Tiež, nume_filtru bude nahradené požadovaným identifikátorom.

  • Soubor .htaccess môže byť tiež vytvorený s týmito pravidlami v podadresári, ktorý obsahuje štýly (CSS, Javascript, HTML). Týmto spôsobom sa preferenčné pravidlá budú striktne vzťahovať na tento podadresár.
  • Predmety, ktoré sú predvolene aktivované pri povolení ďalšej možnosti SEO, sú:
    *Toto sú tiež identifikátor, ktoré môžete použiť v pravidlách .htaccess.
    • add_head
      Pridá element typu <head> do dokumentu, ak ešte neexistuje.
    • combine_css
      Kombinuje viacero CSS prvkov do jedného.
    • combine_javascript
      Kombinuje viacero JavaScriptových elementov do jedného.
    • remove_comments
      Odstráni komentáre z spracovaných HTML súborov. Avšak, neodstráni inline CSS alebo JavaScript komentáre.
    • sprite_images
      Kombinujte pozadia obrázkov z CSS do jedného sprite.
    • collapse_whitespace
      Odstráni prázdne miesta z HTML súborov, okrem značiek: "pre, script, style, textarea"
    • lazyload_images
      Nahráva obrázky iba vtedy, keď sa stanú viditeľnými v rámci stránky.
    • convert_meta_tags
      Pridáva "odpoveďový hlavičku" pre každý "meta" tag s atribútom "http-equiv".
    • extend_cache
      Predlžuje dobu uchovávania cache týkajúcej sa obrázkov, CSS prvkov a skriptov, ktoré neboli optimalizované, podpísaním URL s hashom obsahu.
      Nasledujúce filtre sú implicitne aktívne, ak je aktivovaný extend_cache:
      extend_cache_css
      extend_cache_images
      extend_cache_scripts
      Pre vyššiu úroveň kontroly môžu byť vyššie uvedené filtre aktivované individuálne
    • fallback_rewrite_css_urls
      Prepisovanie URL adries pre zdroje, ktoré nebolo možné minimalizovať alebo spracovať z CSS súborov.
    • flatten_css_imports
      Rekurzívne nahrádza každé @import pravidlo obsahom importovaného CSS súboru, aby sa znížil počet externých požiadaviek.
    • inline_css
      Pridáva malé externé CSS zdroje do HTML dokumentu v inline forme.
    • inline_import_to_link
      Transformuje "style" značky obsahujúce iba CSS @import na ekvivalentné "link" značky
    • inline_javascript
      Prepísať malé JS prostriedky ako inline v rámci HTML dokumentu.
    • rewrite_css
      Prepíše CSS súbory, aby odstránil komentáre a nadbytočné prázdne miesta.
    • rewrite_images
      Optimalizuje obrázky ich úpravou a odstránením nadbytočných pixelov.
      Okrem toho pridáva malé obrázky ako inliny do dokumentu.
    • rewrite_javascript
      Prepisuje JavaScript súbory, odstraňuje nadbytočné biele miesto a komentáre.
    • rewrite_style_attributes_with_url
      Prepíše CSS z atribútov štýlu, ak obsahuje text "url(" pomocou filturl rewrite_css nakonfigurovaného.

Podobné články

Nastavenia DNS v paneli WebuzoNávody /Webuzo

Naučte sa, ako upraviť a nastaviť DNS záznamy v ovládacom paneli Webuzo. Nasledujte kroky na efektívne spravovanie domén a subdomén.

48
od Alexandru Rogojan
Zobrazenia 2102
Aktualizované pred 8 mesiacmi
Zverejnené dňa 14/09/2017
Zmena verzie PHP v cPanel na VPS hostingových balíčkoch cez MultiPHP ManagerNávody /cPanel

V tomto článku predstavíme potrebné kroky na zmenu verzie PHP v účte cPanel pomocou nástroja MultiPHP Manager.

46
od Sebastian Szlivka
Zobrazenia 2337
Aktualizované pred 1 rokom
Zverejnené dňa 18/10/2017
Vymažte cache a históriu v prehliadači ChromeNávody /Aplikácie

Naučte sa, ako vymazať históriu a cache v prehliadači Google Chrome pomocou klávesovej skratky Ctrl+Shift+Delete. Návod obsahuje jednoduché kroky a aplikovateľnosť aj v iných prehliadačoch.

34
od Florin Petran
Zobrazenia 5986
Aktualizované pred 4 rokmi
Zverejnené dňa 08/01/2018
Vytvorenie emailového účtu v cPanelNávody /cPanel

cPanel umožňuje vytváranie neobmedzeného počtu emailových účtov spojených s hostenými doménami. Tento návod vysvetlí potrebné kroky na vytvorenie a prístup k emailovému účtu.

26
od Cătălin Adrian
Zobrazenia 4719
Aktualizované pred 1 rokom
Zverejnené dňa 28/06/2017
Nastavenia SSH v WebuzoNávody /Webuzo

V tomto tutoriále sa naučíte, ako zablokovať prístup SSH na serveri Webuzo, aktivovaním pripojenia a konfiguráciou potrebného portu.

20
od Alexandru Rogojan
Zobrazenia 888
Aktualizované pred 8 mesiacmi
Zverejnené dňa 12/06/2018