Útmutatók • Dev
A Google PageSpeed modul konfigurálása
A cikkben bemutatásra kerül a PageSpeed szűrők szelektív aktiválásának vagy deaktálásának módszere, amely a kiegészítő SEO opcióhoz kapcsolódik.
10
Nézetek 1767Frissítve 2 aniKözzétéve: 04/06/2020által Alexandru Jurca
Bevezetés
- Abban az esetben, ha a további SEO opció aktiválása és ezzel együtt a Google PageSpeed modul nem kívánt eltéréseket okoz a webhelyen, akár vizuálisan, akár funkcionálisan, a modul különböző komponensei szelektíven deaktiválhatók a .htaccess fájl szerkesztésével.
Elvárások
- A vezérlőpult (Plesk vagy cPanel, az esettől függően) elérhetőségi adatai, a .htaccess fájl szerkesztéséhez a Fájlkezelőn keresztül.
Lépések
- A PageSpeed modul felelős-e a felmerült problémáért, az egész modult le lehet tiltani a .htaccess fájlban, a weboldal gyökérkönyvtárában az alábbi sor hozzáadásával:
ModPagespeed kikapcsolva
- Miután ezt a lépést elvégeztük, ha az oldal helyesen töltődik be, a fenti hozzáadott sorok törlésre kerülnek, és a folyamat folytatódik a hibás megjelenítésért felelős konkrét elem azonosítására.
- Az első lépés az lenne, hogy ellenőrizzük a betöltéskor kapott hibákat a lap fejlesztői módjának használatával a böngészőből, az aktiválás általános billentyűkombinációja F12 a szokásos böngészőkben. Például, egy JS vagy CSS betöltési hiba lehetséges konfliktust jelez a PageSpeed szűrőkkel, amelyek ezekkel az elemekkel lépnek kölcsönhatásba.
Egy adott szűrő letiltásához a következő szabályt kell hozzáadni a .htaccess fájlhoz:
ModPagespeedDisableFilters szűrő_neve
Ahol a name_filter a kívánt azonosítóra lesz cserélve.
- Alternatív megoldásként a PageSpeed üzemmódja megváltoztatható, így szelektíven aktiválhatja a kívánt elemeket a következő beállítással:
ModPagespeedRewriteLevel PassThrough
Ezután a kívánt aktiválási elemek a következőképpen lesznek megadva:
ModPagespeedEnableFilters filter_name
A nume_filtru a lesz cserélve a kívánt azonosítóra.
- A .htaccess fájl a következő szabályokkal is létrehozható egy almappában, amely stílusokat (CSS, Javascript, HTML) tartalmaz. Így a preferenciális szabályok szigorúan érvényesek lesznek arra az almappára.
- Az alapértelmezett módon aktivált tételek, amikor engedélyezi a kiegészítő SEO opciót:
*Ezek azok az azonosítók, amelyeket a .htaccess szabályokban is használhat.
-
- add_head
Hozzáad egy <head> típusú elemet a dokumentumhoz, ha még nem létezik. - combine_css
Több CSS elemet egyesít egybe. - combine_javascript
Több JavaScript elemet egyetlen egybe von. - remove_comments
Eltávolítja a megkevert HTML fájlokból a megjegyzéseket. Azonban nem távolítja el az inline CSS vagy JavaScript megjegyzéseket. - sprite_images
Egyesítse a háttérképeket a CSS-ből egyetlen Sprite-ra. - collapse_whitespace
Eltávolítja a felesleges szóközöket a HTML fájlokból, kivéve a következő tageket: "pre, script, style, textarea" - lazyload_images
Képek betöltése csak akkor, amikor azok láthatóvá válnak az oldalon. - convert_meta_tags
Hozzáad egy "válaszcímet" minden "meta" címkéhez, amely rendelkezik "http-equiv" attribútummal. - extend_cache
Meghosszabbítja a gyorsítótár megőrzési idejét a képek, CSS elemek és optimalizálatlan szkriptek esetében, az URL-ek aláírásával egy tartalmi hash segítségével.
A következő szűrők automatikusan aktívak, ha az extend_cache engedélyezve van:
extend_cache_css
extend_cache_images
extend_cache_scripts
A magasabb szintű irányítás érdekében a fent említett szűrők egyedileg is aktiválhatók - fallback_rewrite_css_urls
Útvonalak átírása az olyan erőforrásokhoz, amelyeket nem lehetett minimalizálni vagy feldolgozni a CSS fájlokból. - flatten_css_imports
Rekurzívan helyettesíti az összes @import szabályt az importált CSS fájl tartalmával, hogy csökkentse a külső kérések számát. - inline_css
Kis külső CSS erőforrásokat ad hozzá az HTML dokumentumhoz inline formában. - inline_import_to_link
Átalakítja a "style" tageket, amelyek csak CSS @import-ot tartalmaznak, az azonos "link" tagekké - inline_javascript
A kisméretű JS forrásokat inline-ként írja be a HTML dokumentumba. - rewrite_css
A CSS fájlokat újraíró, hogy eltávolítsa a megjegyzéseket és a felesleges szóközöket. - rewrite_images
Optimalizálja a képeket azáltal, hogy módosítja őket és eltávolítja a felesleges pixeleket.
Továbbá, kis képeket ad hozzá inline formában a dokumentumban. - rewrite_javascript
Átírja a JavaScript fájlokat, eltávolítja a felesleges szóközöket és megjegyzéseket. - rewrite_style_attributes_with_url
A CSS újraírása a Stílus attribútumokból, ha tartalmazza a "url(" szöveget a filturl rewrite_css konfigurációval.
- add_head