Weboldal sebesség mérés a Pingdom segítségével egyszerűen.

 

 

Az egyik szempont, amely a felhasználókat leginkább elriaszthatja, és amely befolyásolhatja webhelyed SEO elhelyezkedését, a betöltési sebesség.

Számos tényező befolyásolja a beltöltési sebességet, például a képméret, a szerver kérések, a szükséges erőforrások, a fájl gyorsítótár, átirányítások stb.

Ez az első a 3 cikkből álló sorozat közül, ahol megtanulja megmérni a betöltési sebességet különböző szerszámokkal. Ebben az első cikkben megtanulja megmérni a betöltési sebességet a Pingdom segítségével.

A Pingdom egy olyan eszköz, amely az általa nyújtott adatmennyiség és a barátságos felhasználói felület miatt tetszik.

Részletesen látjuk a követendő lépéseket, hogy az eszközt hatékonyan tudjuk használni és értelmezni tudjuk az eredményeket.

 

Pingdom

Ezzel az ingyenes eszközzel különböző régiókból elvégezhetjük a terhelési sebesség tesztet. A kezdéshez írjuk be a webhelyünk URL-jét, válasszuk ki a tartózkodási helyünkhöz legközelebb eső régiót, majd kattintsunk a Start Test gombra.

A teszt befejezése után görgessünk lefelé az eredmények áttekintésének megtekintéséhez.

A bal oldalon képernyőkép látható webhelyed megjelenéséről, a jobb oldalon 4 fontos adat található:
Teljesítmény besorolása, oldalméret, betöltési idő és a szerverhez intézett kérések száma.

 

Találatok

Mielőtt elkezdenénk értelmezni az eredményeket, meg kell értenünk, mit jelentenek ezek az értékek.

A teljesítmény minősítés numerikus skálája 1-től 100-ig terjed, színjelölés kiséretében. A zöld háttér szín azt jelzi, hogy nincs annyira baj, a sárga szín néhány problémát jelez, a piros pedig azt, hogy komoly problémák vannak.

Minél közelebb van a pontszám 100-hoz, annál jobb lesz a webhely optimalizálása.

Az oldalméret megabyte-ban (MB) kifejezve az oldal teljes mérete, figyelembe véve az azt alkotó összes fájlt (css stílusú fájlok, js szkriptfájlok, képek, html fájlok stb.).

A betöltési idő, másodpercben kifejezve, a webhely letöltéséhez szükséges teljes idő.

Ajánlatos, hogy egy webhely betöltési ideje ne legyen több mint 3 másodperc.

A kiszolgálóra irányuló kérések arra az időpontra vonatkoznak, amikor a böngészőnek (Firefox, Chrome, Safari, Opera stb.) fájlokat kellett kérnie a webhely szerveréről az oldal megjelenítéséhez.

Nagyon sok kérés közvetlenül befolyásolja a betöltési sebességet, mivel ideje, hogy a böngésző összegyűjtse az oldal megjelenítéséhez szükséges fájlokat.

 

Teljesítmény

A webhely-optimalizálás áttekintése után számos javaslat található a teljesítmény javítása érdekében.

Esetünkben az első 3 komoly javaslat (piros) a következő:

Lejárati fejlécek hozzáadása: Ezek a fejlécek lehetővé teszik a böngésző számára, hogy közvetlenül a számítógépre mentse azokat az elemeket, amelyeket általában letölt a szerverről, így nem kell annyi kérést tennie minden alkalommal, amikor ellátogat a webhelyre.

Csökkentse a kérések számát: Mivel a honlapom 57 kérést küld a szervernek, minimalizálnom kell azokat (ha lehetséges) a betöltési idő javítása érdekében.

Cookie-mentes tartományok használata: Amikor a böngésző kért képet a kiszolgálótól, és a kiszolgáló válaszol a képre és egy sütire, a böngésző figyelmen kívül hagyja a sütiket, és ezért webforgalmat költ.

Van egy sárga javaslat, amely javasolja az elemek gzip tömörítésének engedélyezését. A Gzip tömörítés engedélyezve van az apache szerverek .htaccess fájljából, és csökkentheti a webhely megjelenítéséhez szükséges fájlok méretét.

Válaszkódok

Valószínűleg ismeredd a híres 404 oldal hibát, amely azt jelenti, hogy nem található. Az ilyen típusú hibát 404 válaszkódnak nevezzük.

Pingdomban láthatjuk, hogy milyen válaszkódok vannak a webhelyünk betöltésekor. Nem a webhelyünk URL-jeinek válaszkódjai.

Ha emlékszel, weboldalunk 57 kérést küld a szervernek, ebből 56 helyes válaszkódot (200) adott, és egy kérés 302 kódot adott.

A 302 válaszkód azt jelzi, hogy az egyik URL átmenetileg megváltozik a másikra.

A következő lépésekben meghatározzuk, melyik erőforrás adta a válaszkódot.

 

Tartalom bontás

Az alábbiakban 4 táblázat található, de a 2 legrelevánsabb most az első kettő, amelyek a tartalom típusa tartalom szerint és a kérések a tartalom típusa szerint.

Az első táblázatban nagyobbról kisebbre láthatjuk azt a tartalomtípust, amely webhelyünkön a legnagyobb méretű. Mint látható a képen, a mi esetünkben a képek 67,74% -át teszik ki weboldalunk méretének.

Ez két lehetséges megoldást jelent: csökkentse a képek számát, vagy tömörítse a képeket méretük csökkentése érdekében.

A második táblázatban a legmagasabbtól a legalacsonyabbig láthatjuk azt a tartalomtípust, amelyet a böngésző a kiszolgálótól leginkább igényel. Ahogy vártuk, a mi esetünkben sok képet kérünk a szerverről.

Ha lehetséges, csökkenthetjük e 22 kép használatát a betöltési idő javítása érdekében, és ha nem, akkor látnunk kell, hogy más kérések is egyesíthetők vagy csökkenthetők.

 

Szerver kérések

Ez a vízesés-nézet lehetővé teszi számunkra, hogy egy „idővonalban” megismerjük azokat az erőforrásokat, amelyeket a webhely létrehozásához töltöttek be.

Az első oszlopban található egy ikon, amely a tartalom típusát jelöli, egy színes kör, amely megfelel a válaszkódoknak.

A válaszkódokban azt találjuk, hogy van egy kérés a szerverhez, amelynek URL-jét ideiglenesen átirányítottuk (kód: 302), itt tudjuk azonosítani, hogy milyen erőforrásról van szó.

A második oszlopban megjelenik a fájlméret, a harmadikban pedig annak megjelenítését, amelyikben elkezdi betölteni a tartalmat.

A szakasz oldalain áttekintve azt találtuk, hogy a 302 válaszkódot generáló erőforrás az a URL, amelyet a Google Analytics betölti

Következtetések

Miután mindezt elemeztük, azonosíthatjuk azokat a különféle szempontokat, amelyek befolyásolják a betöltési sebességet, néhány példa:

  • Fő teljesítményhibák
  • Kérjen válaszkódokat a kiszolgálóra
  • Nagyobb méretű tartalom
  • A kiszolgálóra leginkább igényelt tartalom
  • Az erőforrás terhelési ideje és súlya

Abban az esetben, ha a 301 válaszkód található a Google Analytics URL-jében, nem tehetünk sok mindent, mert egy harmadik fél erőforrása közvetlenül kezeli a Google-t.

Mindezekkel az információkkal rendelkezünk a weboldal rangsorolására és optimalizálásának megkezdéséhez szükséges adatokkal, hogy jobb betöltési sebességet biztosítsunk.

Ne feledd, hogy a betöltési sebesség a mobil eszközök pozicionálási tényezője.