1

Configurarea modulului Google PageSpeed

Publicat de Alexandru Jurca la 04/06/2020
În acest articol va fi prezentată metoda pentru activarea sau dezactivarea selectivă a filtrelor PageSpeed, aferente opțiunii suplimentare SEO
Tutoriale Tehnic PageSpeed • Google • SEO • ModPageSpeed • htaccess • optimizare • apache • pagespeed_module

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ătii, 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 încărca 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 asa 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 spatii goale din fiserele HTML, face abstracție de etichetele: "pre, script, style, textarea"
    • lazyload_images
      Incacă 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.
      Urmatoarele 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
      Înlocuieste recursiv fiecare regula de tip @import, cu contintul fisierului CSS importat, pentru a reduce numarul 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 contin doar CSS @import în etichete echivalente "link"
    • inline_javascript
      Rescire resurse JS de dimensiuni mici ca și inline-uri în documentul HTML.
    • rewrite_css
      Rescrie fisiere CSS pentru a elimina comentarii și spatiul liber în exces.
    • rewrite_images
      Optimizeaza imagini, modificândule și elimină pixeli în plus.
      De asemena, aduagă imaginiile mici ca și inline-uri în document.
    • rewrite_javascript
      Rescrie fișiere JavaScript, elimină excesul de spatii libere și comentariile.
    • rewrite_style_attributes_with_url
      Rescrie CSS-ul din atribute Style daca contine textul "url(" utilizând filturl rewrite_css configurat.
!

În cazul în care după citirea și parcurgerea pașiilor prezentați în articol nu reușiți să finalizați cu succes acțiunea descrisă, nu obțineți rezultatul dorit ori în cazul în care aveți întrebări sau nelămuriri suplimentare vă rugăm să nu ezitați să ne contactați.

!
pixel
AwesomeChat by Hostico
×

Hostico utilizează, colectează și procesează cookie-uri pentru funcționalitate, securitate, analiză trafic și îmbunătățirea uzabilității portalului.

detalii cookie