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ă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.
- add_head
Î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.