Tutoriali • Dejstvo
Konfiguracija modula Google PageSpeed
V tem članku bo predstavljena metoda za selektivno aktiviranje ali deaktivering filtrov PageSpeed, povezanih z dodatno možnostjo SEO.
10
Poglede 2300Posodobljeno 3 aniObjavljeno na 04/06/2020po Alexandru Jurca
Uvod
- V primeru, da aktivacija dodatne SEO možnosti in implicitno modula Google PageSpeed ustvari nezaželene razlike na spletnem mestu, bodisi vizualno bodisi funkcionalno, je mogoče različne komponente modula selektivno deaktivirati z urejanjem .htaccess datoteke.
zahteve
- Podatki za dostop do nadzornega panela (Plesk ali cPanel, odvisno od primera), za urejanje datoteke .htaccess prek upravitelja datotek.
Koraki
- Za preverjanje, ali je modul PageSpeed odgovoren za nastalo težavo, lahko onemogočite celoten modul, tako da v datoteko .htaccess v koreninski knjižnici spletnega mesta dodate naslednjo vrstico:
ModPagespeed off
- Po tem koraku, če se stran naloži pravilno, bodo zgoraj dodane vrstice izbrisane in postopek se bo nadaljeval za identifikacijo specifičnega elementa, odgovornega za napačen prikaz.
- Prvi korak bi bil preveriti napake, ki so bile prejete pri nalaganju strani, tako da jo dostopate v Razvojnem načinu iz brskalnika, splošna bližnjica za aktivacijo pa je F12 za običajne brskalnike. Na primer, napaka pri nalaganju JS ali CSS bo nakazovala na možno konflikt s PageSpeed filtri, ki delujejo z temi elementi.
Za onemogočanje posebnega filtra je treba v datoteko .htaccess dodati naslednje pravilo:
ModPagespeedDisableFilters ime_filtra
Kjer bo name_filter zamenjan z želenim identifikatorjem.
- Alternativno lahko spremenite način delovanja PageSpeed, tako da lahko selektivno aktivirate vsak želeni element z nastavitvijo:
ModPagespeedRewriteLevel PassThrough
Nato bodo želeni elementi za aktivacijo določeni, kot sledi:
ModPagespeedEnableFilters filter_name
Prav tako bo nume_filtru zamenjan z želenim identifikatorjem.
- Datoteko .htaccess lahko ustvarite tudi s temi pravili v poddirektoriju, ki vsebuje sloge (CSS, Javascript, HTML). Na ta način bodo prednostna pravila strogo veljala za ta poddirektorij.
- Predmeti, ki so privzeto aktivirani ob omogočanju dodatne možnosti SEO, so:
*To so tudi identifikatorji, ki jih lahko uporabite v pravilih .htaccess.
-
- add_head
Dodaja element tipa <head> v dokument, če ta še ne obstaja. - combine_css
Združuje več CSS elementov v enega. - combine_javascript
Združuje več JavaScript elementov v enega. - remove_comments
Odstrani komentarje iz obdelanih HTML datotek. Vendar pa ne odstrani komentarjev v vgrajenih CSS ali JavaScript. - sprite_images
Združite ozadja slik iz CSS v en sam sprite. - collapse_whitespace
Odstrani prazne prostore iz HTML datotek, razen oznak: "pre, script, style, textarea" - lazyload_images
Nalaganje slik le, ko postanejo vidne na strani. - convert_meta_tags
Doda "odgovor glavo" za vsak "meta" oznako z atributom "http-equiv". - extend_cache
Podaljša čas shranjevanja predpomnilnika, povezanega z slikami, CSS elementi in skripti, ki niso bili optimizirani, z označevanjem URL-jev s hashom vsebine.
Naslednji filtri so implicitno aktivni, če je extend_cache omogočen:
extend_cache_css
extend_cache_images
extend_cache_scripts
Za višjo raven nadzora lahko navedene filtre aktivirate posamično - fallback_rewrite_css_urls
Preveri URL-je za vire, ki jih ni bilo mogoče minimizirati ali obdelati iz CSS datotek. - flatten_css_imports
Rekurzivno zamenja vsako @import pravilo z vsebino uvoženega CSS datoteke, da se zmanjša število zunanjih zahtevkov. - inline_css
Dodaja majhne zunanje CSS vire v HTML dokument v obliki inline. - inline_import_to_link
Pretvarja "style" oznake, ki vsebujejo samo CSS @import, v ekvivalentne "link" oznake - inline_javascript
Prepiši majhne JS vire kot vdelane v HTML dokument. - rewrite_css
Prepisuje CSS datoteke za odstranjevanje komentarjev in odvečne bele prostore. - rewrite_images
Optimizira slike z njihovim spreminjanjem in odstranjevanjem odvečnih pikslov.
Dodatno dodaja majhne slike kot inline v dokumentu. - rewrite_javascript
Prepisuje JavaScript datoteke, odstrani odvečne prazne prostore in komentarje. - rewrite_style_attributes_with_url
Prepisuje CSS iz stilskih atributov, če vsebuje besedilo "url(" z uporabo filturl rewrite_css, ki je konfiguriran.
- add_head