Configurarea modulului Google PageSpeed

Introducere

• În cazul în care, activarea opțiunii suplimentare SEO și implicit a modulului Google PageSpeed va crea diferențe nedorite în cadrul site-ului, fie din punct de vedere vizual sau al funcționalității, se pot dezactiva selectiv, diversele componente ale modulului, prin editarea fişierului .htaccess.

Cerințe

• Datele de acces ale panoului de control (Plesk sau cPanel, în funcție de caz), pentru editarea fișierului .htaccess prin File Manager.

Pași

• Pentru a verifica dacă modulul PageSpeed este responsabil pentru problema întâlnită, se poate dezactiva întregul modul, prin adăugarea în fişierul .htaccess, din directorul rădăcină al site-ului, următoarea linie:

ModPagespeed off

• După acest pas, dacă site-ul se încarcă corect, atunci se vor șterge liniile adăugate mai sus și se va trece la identificarea elementului specific, responsabil pentru afișarea eronată.
• Un prim pas ar fi verificarea erorilor primite la încărcarea paginii prin accesarea acesteia cu Developer Mode din browser, scurtătura generală pentru activare fiind F12 pentru browser-ele uzuale. Spre exemplu, o eroare de încărcare pentru JS sau CSS va indica un posbil conflict cu filtrele PageSpeed, ce interacţionează cu aceste elemente.

Pentru a dezactiva un filtru specific, se va adăuga regula următoare în fișierul .htaccess:

ModPagespeedDisableFilters nume_filtru

Unde nume_filtru va fi înlocuit cu identificatorul dorit.

• Alternativ se poate schimba modul de operare al PageSpeed, în așa fel încât să puteți activa selectiv fiecare element dorit, prin setarea:

ModPagespeedRewriteLevel PassThrough

Iar apoi, se vor specifica pentru activare elementele dorite astfel:

ModPagespeedEnableFilters nume_filtru

De asemenea, nume_filtru va fi înlocuit cu identificatorul dorit.

• De asemenea, se poate crea un fișier .htaccess cu aceste reguli, într-un subdirector, care conține stilizări (CSS, Javascript, HTML). În acest mod, regulile preferențiale se vor aplica strict pe acel subdirector.
• Elementele active implicit la activarea opțiunii suplimentare SEO sunt:
  *Acestea sunt și identificatoarele care le veți putea folosi în regulile din .htaccess.

• • add_head
    Adaugă un element de tip în document dacă acesta nu există deja.
  • combine_css
    Combină multiple elemente CSS în unul singur.
  • combine_javascript
    Combină multiple elemente JavaScrip în unul singur.
  • remove_comments
    Șterge comentariile din fișierele HTML procesate. Dar nu și comentarii CSS sau JavaScript inline.
  • sprite_images
    Combină imaginile de fundal din CSS-uri într-un singur Sprite.
  • collapse_whitespace
    Șterge spații goale din fișierele HTML, face abstracție de etichetele: "pre, script, style, textarea"
  • lazyload_images
    Încarcă imaginile doar atunci când acestea devin vizibile în cadrul paginii.
  • convert_meta_tags
    Adaugă un "response headder" pentru fiecare etichetă "meta" cu un atribut "http-equiv" .
  • extend_cache
    Extinde timpul de păstrare pentru cache-ul aferent imaginilor, elementelor CSS și a script-urilor, ce nu au fost optimizate, prin semnarea URL-urilor cu un hash al conținutului.
    Următoarele filtre sunt implicit active dacă extend_cache este pornit:
    extend_cache_css
    extend_cache_images
    extend_cache_scripts
    Pentru un nivel de control mai ridicat, filtrele menționate mai sus pot fi activate individual
  • fallback_rewrite_css_urls
    Rescrie URL-urile pentru resurse care nu au putut fi minimizate sau procesate din fișierele CSS.
  • flatten_css_imports
    Înlocuiește recursiv fiecare regulă de tip @import, cu conțintul fișierului CSS importat, pentru a reduce numărul de cereri externe.
  • inline_css
    Adaugă în documentul HTML, sub formă inline, resursele CSS externe de dimensiuni mici.
  • inline_import_to_link
    Trasformă etichetele de tip "style" ce conțin doar CSS @import în etichete echivalente "link"
  • inline_javascript
    Rescrie resurse JS de dimensiuni mici ca și inline-uri în documentul HTML.
  • rewrite_css
    Rescrie fișiere CSS pentru a elimina comentarii și spațiul liber în exces.
  • rewrite_images
    Optimizeaza imagini, modificându-le și elimină pixeli în plus.
    De asemena, adaugă imaginiile mici ca și inline-uri în document.
  • rewrite_javascript
    Rescrie fișiere JavaScript, elimină excesul de spații libere și comentariile.
  • rewrite_style_attributes_with_url
    Rescrie CSS-ul din atribute Style dacă conține textul "url(" utilizând filturl rewrite_css configurat.