Configurarea modulului Google PageSpeed

Tutoriale Tehnic | pagespeed | google | seo | modpagespeed | htaccess | optimizare | apache | pagespeed_module
În acest articol va fi prezentată metoda pentru activarea sau dezactivarea selectivă a filtrelor PageSpeed, aferente opțiunii suplimentare SEO
8
de Cătălin AdrianVizualizări 1275Actualizat acum 14 zilePublicat la 04/06/2020

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.

Articole Similare

27
Ștergere cache și istoric Chrome browserTutoriale Aplicatii | chrome | browser | ștergere | istoric
În acest tutorial vă vom arăta cum se poate sterge istoricul din Google Chrome browser
de Florin PetranVizualizări 4216Actualizat acum 6 luniPublicat la 08/01/2018
18
Instalare certificat SSL în WordpressTutoriale Aplicatii | instalare | wordpress | ssl | https | securizare | http
În acest articol vom parcurge pașii necesari implementării certificatului SSL în Wordpress
de Cătălin AdrianVizualizări 3383Actualizat acum 14 zilePublicat la 28/02/2018
3
Configurarea manuală a unei căsuțe de email în Outlook pe AndroidTutoriale Aplicatii | mail | aplicație | android | căsuță | outlook
În acest tutorial vom parcurge pașii necesari pentru a configura o căsuță de email în aplicația Outlook de pe sistemele de operare Android
de Sebastian SzlivkaVizualizări 1337Actualizat acum 1 anPublicat la 13/06/2018
3
Crearea unui website în 3 pași simpliiTutoriale Aplicatii | website | sitebuilder | sitepad
În acest articol explicăm fiecare pas necesar pentru a avea un site online în doar câteva minute
de Mark DohiVizualizări 228Actualizat acum 6 luniPublicat la 03/09/2020
1
Creare cont client HosticoTutoriale Comercial | creare cont client | înregistrare cont
În acest tutorial veți vedea datele şi paşii necesari creării unui cont de client Hostico
de Diana CodreaVizualizări 589Actualizat acum 18 zilePublicat la 30/06/2017