Weboldal sebesség optimalizálás- Google Pagespeed.

You are here:
< Back

A weboldalakat célszerű olyan gyorssá alakítani, amennyire csak lehetséges. Manapság a weboldal látogatóinak jelentős része (bizonyos esetekben akár több mint 50%-a) mobil eszközökről érkezik.

A mobil eszközök kisebb erőforrással rendelkeznek és mindig kisebb kijelzőn jelenítik meg a tartalmat, ezért a jó felhasználói élmény megtartása érdekében fontos, hogy az oldalak mobil eszközökre optimalizáltak legyenek.

weboldal_sebesség_optimalizálsá

Első lépésként nézzük meg, hogyan látják a weboldalunkat technikai szempontból a világhálón.

Számos teszt oldal létezik, az egyik legtöbbet hivatkozott a Google Pagespeed Insights, ezt nézzük most meg közelebbről.

 

Röviden szólva az a cél, hogy a 100-as listán minél nagyobb helyezést érjen el az oldalunk. Felhasználói élmény szempontjából ez csak irányadó szám, van oldal ami némileg kisebb értékkel is élvezhető, és van ami nagyobb szám mellett sem nyújt megfelelő felhasználói élményt.

A leírásunk további része elsősorban azoknak szól, akik nem saját, egyedi weboldalt telepítenek a tárhelyre, hanem valamilyen ingyenes tartalomkezelőt – WordPress, Joomla, Drupal stb. –  használnak.

A kapott érték növelésére két fő irány kínálkozik:

  • tárhelyen, tárhelyhez kapcsoltan végzett módosítások
  • weblapon, tartalomban végzett módosítások

Tárhelyen végzett módosítások

Tömörítési optimalizálás és gyorsítótár beállítás

Lépjünk be a tárhely kezelő felületére és kattintsunk a WWW Domainek menüpontra

Válasszuk ki a kívánt domaint és kattintsunk a szerkesztésre

A lap alján találunk egy szakaszt www-domain optimalizáció néven

A „Set compression level” a kiszolgáló gzip tömörítésére vonatkozik

Ezzel a tömörítés mértékét állítjuk. Ha túl erősre állítjuk, akkor ugyan kicsi lesz a látogató böngészőjébe küldött adatcsomag mérete, de a betömörítés és a céleszközön a kitömörítés több időt igényel, így könnyen ellentétes hatást érünk el vele, mint eredetileg szándékoztunk. Kezdésként állítsuk 3-4 körüli értékre és futtassuk újra a Pagespeed-et. Állítsuk addig az értékeket, amíg a Pagespeed már nem mutat további javulást.

A Gyorsítótár konfigurálása a Cache-elésre vonatkozik általánosan.

A tartalma nagy vonalakban annyi, hogy a php fájlok kivételével a legjellemzőbb fájltípusok számítógépen tárolhatóságának idejét a lekérdezéshez képest az itt beállított ideig engedélyezi. Ennek megfelelően a böngészők tárolni is fogják a tartalmat egészen addig, amíg  be nem telik az eltárolható tartalomhoz felhasználható hely az eszköz merevlemezén. Kivétel azok a böngészők, amelyeknél tiltott a fájlok tárolása valamilyen oknál fogva, mindenesetre ez már a kliens döntése, hogy megtartja-e vagy sem, a mi oldalunkról megadtuk rá a lehetőséget.

Ezt az értéket célszerű 1 hónapra, ritkábban szerkesztett oldalak estében 1 évre állítani.

Weblapon, tartalomban végzett módosítások

Szerver válaszidejének csökkentése

Ez elsősorban az oldal kódjától függ, programozói tudás nélkül nem tudunk komolyan szerkeszteni ezen. Ha kifejezetten a kiszolgáló válaszidejére vagyunk kíváncsiak, tesztelhetjük a domain mappájába feltöltött .html vagy .txt fájl feltöltésével és a Pagespeedben történő meghívásával.

Cache pluginok

Nyilvános forráskódú keretrendszerekhez általában léteznek cache pluginok, célszerű egyik-másikat kipróbálni és megnézni, hogy javít-e az oldal sebességén. Általánosságban elmondható, hogy a cache plugin megfelelő beállításával tehetjük a legtöbbet a sebesség növelése érdekében.

A cache pluginok  igyekeznek minimalizálni a sablon javascriptjeit és egyéb, megjelenéshez szükséges fájlokat is, de valódi nagy hatékonyságú munkára akkor képesek igazán, ha a sablon létrehozója ezt a megíráskor figyelembe vette és két összetevő „össze tud dolgozni”.

Képek optimalizálása

Ezen rengeteget lehet javítani a felhasználói élményen, ám folyamatosan körültekintően kell optimalizálnunk minden képet, amit a weboldalra feltöltünk.

Korszerű képszerkesztők rendelkeznek webre optimalizálási funkcióval, ami többnyire progresszív jpg kiterjesztésű kép mentését jelenti.

Ezen felül fontos, hogy a lehető legkisebbre méretezzük a képeket: ne tegyünk fel nagy oldalhosszúságú logót, ha azt a sablon méretileg úgyis relatíve kicsi méretben jeleníti meg stb.

CloudLinux korlátok

A tárhely Statisztika >> CloudLinux korlátok menüpontjára kattintva válasszunk egy megtekinteni kívánt időintervallumot és kérjük le a statisztikákat.

A grafikonokon esetleg az látszik, hogy az oldal az adott erőforrást tekintve kihasználja a részére biztosított erőforrásokat.

Ez esetben lehet, hogy egyik másik weblap összetevő okozza a nagy erőforrás igényt. Ez okozhatja azt, hogy a weboldal betöltését lassúnak találjuk, esetenként időtúllépési hibát is tapasztalhatunk.

weboldal sebesség optimalizálás

A weboldalunk adminjába bejelentkezve tegyük a következőket:

  • Nézzük át valamennyi plugint, modult, komponenst, sablont
  • Ellenőrizzük, hogy hivatalosan támogatottak-e az oldal alaprendszere által
  • Ha olyat találunk amit a CMS alaprendszere nem támogat, annak az összetevőnek a fejlesztését vélhetően befejezték. Ilyen esetben célszerű valami alternatív megoldást keresni és a bővítményt eltávolítani
  • Távolítsunk el minden, nem használt bővítményt és sablont
  • Ha korábban telepítettük, átmenetileg kapcsoljuk ki a különféle naplózást végző bővítményeket: biztonsági bővítményt, látogatottsági analitikát rögzítő bővítményt.
  • Ellenőrizzük folyamatosan, hogy az oldal betöltési sebessége változott-e.

Ha bővítményt, aminek kikapcsolásakor a sebesség megnőtt, mérlegeljük, hogy valóban szükségünk van-e a bővítményre, adott esetben keressünk hasonló szolgáltatást nyújtó alternatívát.

Vírusos tartalom

Az oldal lassúságát egyszerűen az is okozhatja, hogy azt feltörték. Ilyen esetben az oldal eredeti fájljaival együtt olyan kódok is futnak, aminek a hatását a lassúságon kívül nem érzékeljük, nem tudjuk visszafejteni.

A weboldalt ilyen esetben minél előbb vírusmentesíteni kell, a vírusos fájlok detektálásában szívesen nyújtunk segítséget.