Miért lassú a weboldalam?
Szinte soha nem egyetlen oka van. Egy lassú oldal általában öt-hat apróság összege: túl nagy képek, évek alatt összegyűlt szkriptek, egy olcsó szerver. Külön-külön ártalmatlannak tűnnek. Együtt viszont azt okozzák, hogy telefonon másodpercekig fehér marad a képernyő.
A fenti teszt pontosan azt mutatja, amit a Google az oldaladon talál. Lent elmagyarázom a szokásos okokat, hogyan olvasd az eredményt, és mit javíthatsz magad.
A szokásos okok
Nehéz képek. Kisvállalkozásoknál ez az első számú ok. Egy telefonról feltöltött fotó gyakran több MB, pedig a képernyőn csak egy sarkot foglal el. Egy szegedi fodrászat 30 tömörítetlen képes galériája miatt minden látogató több tucat MB-ot tölt le mobilneten.
Túl sok bővítmény és szkript. WordPressnél minden bővítmény hozza a saját kódját, minden oldalra. Egy űrlap, egy csúszka, egy felugró ablak, egy SEO- és egy biztonsági bővítmény: néhány év után húsz is összejön.
Olcsó vagy túlterhelt tárhely. Egy több száz másik oldallal megosztott szerveren az oldalad sorban áll, mielőtt elindulna. A tesztben ez hosszú szerver-válaszidőként látszik.
Sablonok és oldalépítők. A „mindent tudó” sablonok mindent betöltenek, amit tudnak, akkor is, ha te csak a tizedét használod. Az oldalépítők dobozt raknak a dobozba, és felfújják a kódot.
Külső elemek és követés. Chat, Facebook-hírfolyam, Google-térkép, hirdetési pixelek. Mind más szerverről jön, és lassítja az oldalt. Egy gyulai panzió, amelynek a kezdőlapján térkép, chat és Instagram-hírfolyam van, minden látogatásnál megfizeti ezt.
Betűtípusok és a gyorsítótár hiánya. Három betűtípus-család öt vastagságban sok plusz fájlt jelent. Gyorsítótár nélkül pedig a szerver minden látogatónak újra elvégzi ugyanazt a munkát.
Hogyan olvasd a tesztet
A 0 és 100 közötti pontszám egy összegzés. 90 és 100 között zöld, 50 és 89 között narancs, 50 alatt piros. A pontszámnál hasznosabbak az alatta lévő idők.
A „Fő tartalom látható” megmutatja, mikor látja a látogató azt, amiért jött. „Az oldal lefagyva” azt, mennyi ideig nem reagál az érintésre. Az „Ugráló elemek” azt méri, mennyit mozdulnak a gombok az ujja alatt.
A hibalista hatás szerint rendezett. Kezdd az első kettő-hárommal. A mellettük látható megtakarítás a Google becslése, nem ígéret. Ha többször is a „képek” szót látod, már tudod, hol kezdd.
Mit javíthatsz magad, még ma
Feltöltés előtt kicsinyítsd le a képeket: szinte minden oldalhoz elég az 1600 pixeles szélesség, egy ingyenes átalakító pedig WebP-be menti őket. Töröld a már nem használt bővítményeket, ne csak kapcsold ki őket. Vedd le a kezdőlapról azokat a külső elemeket, amelyek nélkül is megvagy, és tegyél a helyükre egy egyszerű linket.
Ha WordPressed van, nézd meg, fut-e egy beállított gyorsítótár-bővítmény. Egy, nem három, amelyek egymással harcolnak. Add meg a képek pontos méretét, hogy a szöveg ne ugorjon, amikor megjelennek.
Nézd meg az oldal tetejét is. Egy ötképes csúszka vagy egy magától induló videó az első, amit a telefon letölt. Egy jó fotó és egy világos cím ugyanazt mondja el, sokkal gyorsabban. Ha három betűtípust használsz, válassz egyet vagy kettőt.
Minden változtatás után futtasd le újra a tesztet, és hasonlítsd össze. Így látod, mi segített valóban, és nem találgatva javítasz.
Mikor kell fejlesztő
Ha a szerver lassan válaszol, ha a sablon több száz KB fel nem használt kódot tölt be, vagy ha a gond az oldal felépítésében van, a beállítások már nem elegendők. Ilyenkor a kódhoz vagy a tárhelyhez kell nyúlni. Ugyanez a helyzet, ha az oldal sokáig lefagyva marad: ilyenkor általában a szkripteket kell átszervezni, nem csak törölni. Egy jó fejlesztő előre megmondja, mit lehet elérni és mennyibe kerül, nem tíz óra munka után.
Néha az őszinte válasz az, hogy a sablon akárhogy optimalizálod, nem lesz gyors. Erről a WordPress vagy saját weboldal? oldalon írtam. Hogy én konkrétan mit teszek a sebességért, a Gyors weboldal, PageSpeed 90+ oldalon találod, az összes árat pedig a Weboldal készítés árak oldalon.
Miért számít a sebesség telefonon és a Google-nál
Egy helyi vállalkozás vevőinek többsége telefonon keresi az oldalt, gyakran mobilneten, autóban vagy két teendő között. Az irodai gép wifin elrejti a gondot. A telefon megmutatja. Ezért teszteljük itt is mobilon, és ezért érdemes a saját oldaladat időnként a telefonodon, wifi nélkül is megnyitni. Ha neked is soknak tűnik a várakozás, a vevőidnek is az.
A sebesség a hirdetéseknél is számít. Ha fizetsz egy kattintásért, de a látogató a betöltés előtt visszalép, a pénz elment, a vevő nem érkezett meg.
A Google a mobilos élményt, benne a sebességet, a rangsorolási jelek között használja. Nem ez az egyetlen jel, és egy gyors oldal nem kerül automatikusan az első helyre. A lassú oldal viszont látogatókat veszít, mielőtt azok egyáltalán elolvasnák a cég nevét.
Egy teszt, néhány pont eltérés
Ha kétszer lefuttatod a tesztet, a pontszám néhány ponttal eltérhet. A Google egy telefont és egy mobilhálózatot szimulál, a szervered, a hálózat és a külső szkriptek pedig nem válaszolnak minden alkalommal ugyanúgy. Ne ijedj meg 3-4 pont pluszától vagy mínuszától. Az számít, melyik tartományban vagy tartósan: zöldben, narancsban vagy pirosban.