Az első tartalmas festék egy felhasználó-központú érzékelési mérőszám. Arra utal, hogy mennyi időbe telik, amíg a böngésző megjeleníti az első nem elemet, például a képeket, a szöveget vagy a vászonelemeket.

A gyors első tartalmi festés fontos, mivel a felhasználók úgy fogják érzékelni, hogy a webhely gyorsan töltődik be, még akkor is, ha ez nem egészen így van. Ennek ellenére az FCP sem a felhasználók becsapásáról szól, de képet ad az oldal általános sebességéről.

AzEye10 megjeleníti az FCP-pontszámát asztali és mobileszközökre vonatkozóan. Figyeljen azokra a pontszámokra, amelyek piros vagy narancssárga szöveggel jelennek meg, ami azt jelenti, hogy javításra van szükség.

Az FCP-pontszám javításához szükséges lépések közé tartozik a szöveg megjelenítése a betűtípus betöltése előtt és közben, a HTML/CSS vagy a Javascript minifikálása, a nem használt CSS eltávolítása, az első bájtig tartó idő (TTFB) csökkentése, SVG vagy WebP képek használata és a DOM méretének csökkentése.

A sebességindex azt méri, hogy mennyi időbe telik, amíg a weboldal tartalma teljes egészében megjelenik. Ez tehát azt jelenti, hogy az oldal minden eleme teljesen betöltődött, és a webhelye a tervezett vizuális formában jelenik meg. A sebességindex azonban nem az oldal teljes sebességét méri, sokkal inkább azt, hogy a felhasználók érzékelik, hogy az oldal betöltődött.

A sebességindexre tehát a felhasználói élmény szempontjából gondoljon, különösen akkor, ha csökkenteni szeretné az oldalakról való visszalépési arányt, különösen, ha ezek az oldalak lassan töltődnek be a felhasználók számára.

Az ideális sebességindex 0-3 másodperc között van, figyelembe véve, amit tudunk arról, hogy a felhasználók valószínűleg elhagynak egy oldalt, ha úgy érzékelik, hogy az nem töltődik be elég gyorsan.

Ha az Eye10 az URL-ek sebességindexe nem jó pontszámot mutat, akkor néhány olyan szempontot érdemes megfontolni, amelyek megvalósítását érdemes megfontolni, például a renderelés blokkoló erőforrások csökkentése és a webhely főszálának munkájának csökkentése.

Ne feledje, hogy mint minden más szempont esetében, amely befolyásolhatja a webhely betöltési sebességét, minél bonyolultabbak az elemek, annál valószínűbb, hogy sebességproblémák lépnek fel. Ezért néha az egyszerűség a legjobb a weboldal tervezésekor, hogy csökkentse az ilyen költséges hibákat a tágabb SEO-stratégiáján belül.

Egy átlagos weboldal számos különböző elemből áll, például címsorokból, szövegből, képekből, gombokból, widgetekből, táblázatokból és még sok másból. Ezen elemek mindegyike különböző méretű, ami azt jelenti, hogy különböző időt vesz igénybe, amíg megfelelően betöltődnek a felhasználók számára.

A legnagyobb tartalmi festék (LCP) egy olyan módszer, amellyel mérhető, hogy mennyire optimalizált a weboldal, figyelembe véve az oldalon található összes ilyen különböző elemet. Konkrétan gyakran van egy elem, amely a méretéből adódóan a leginkább kiemelkedik, amikor azt mérjük, hogy egy oldal milyen gyorsan töltődik be. Az LCP-pontszám tehát leginkább ezen az egy elemen alapul, ami aztán befolyásolja, hogy a webhelye összességében mennyire optimalizált a sebességre.

A reszponzív webhelyeket különböző eszközökre tervezték. Ez azt jelentheti, hogy az LCP-idő eltérhet az asztali és a mobileszközök esetében. Tehát ezt mindenképpen vegye figyelembe, amikor a design optimalizálását kívánja javítani. Ha például az LCP-pontszám jó az asztali számítógépen, de nem a mobilon, akkor csak a mobilon van szükség optimalizálásra.

A rossz LCP-pontszám javítására többek között a következő lépéseket teheti: a képek átméretezése vagy tömörítése, a webhely tárhelyszolgáltatójának vagy képességeinek javítása, tartalomszolgáltató hálózat (CDN) használata és a renderelést gátló szkriptek kiküszöbölése.

Honlapsablon használata esetén figyeljen a lassan betöltődő hős részekre, amelyek vizuálisan jól nézhetnek ki, de a betöltésük sokáig tarthat, különösen, ha nagy képtömegűek.

Az interaktívvá válás ideje (Time to interactive, TTI) az az idő, amely alatt az oldal teljesen interaktívvá válik, miután a felhasználó az oldalra érkezik. Ez laikus nyelven azt jelenti, hogy egy oldal teljesen használhatónak tűnhet, de amíg az összes elem nem töltődik be megfelelően, addig valójában nem lesz használható, ami frusztráló felhasználói élményt okozhat, különösen, ha az oldal sok interaktív elemet tartalmaz.

Az oldal sebességéről és a SEO-ról tudjuk, hogy a felhasználók elvárják, hogy egy weboldal 3 másodpercen belül betöltődjön. Az átlagos TTI azonban valójában 22 másodperc. Tehát a felhasználók lehet, hogy már magán a weboldalon vannak, de azok az elemek, amelyekre kattintani vagy amelyekkel interakcióba lépni próbálnak, nem érhetőek el azonnal. Ez tehát nem nyújt kielégítő élményt - különösen, ha a felhasználók ekkor azt feltételezik, hogy az oldal elromlott vagy hibás, holott egyszerűen még nem töltődött be.

A lassú TTI-érték oka gyakran az, hogy túl sok Javascript-elem van az oldalon. Bár az Eye10 által mért összes többi sebességi mérőszám is szorosan összefügg a TTI-vel. Így tehát mindenképpen igaz, hogy az oldal sebességével kapcsolatos egyéb problémák kezelésével a TTI-érték magától is javulhat.

A teljes blokkolási idő az első tartalmas festés és a teljes betöltődésig tartó interaktív idő között eltelt időre vonatkozik. Gondoljon tehát a teljes blokkolási időre úgy, mint az oldal sebességére vonatkozó összes mérőszám összegzésére.

A teljes blokkolási idő kiszámításakor figyelembe veszik a felhasználói inputot, például a kattintásokat, a képernyő megérintését vagy a billentyűzet lenyomását. Konkrétan azt, hogy a felhasználó mennyi ideig van "blokkolva" az oldal betöltése során, hogy az oldal bármelyik műveletét elvégezze.

A weboldal sebességének optimalizálása végső soron a teljes blokkolási idő javítására törekszik, amelyet az összes többi mérőszám összegzéseként kell elképzelni.

A weboldal sebességének optimalizálása végső soron a teljes blokkolási idő javítására irányul.

A halmozott elrendezésváltás (más néven CLS) azt jelenti, hogy az oldal elrendezése az oldal betöltése közben alkalmazkodik. A CLS gyakran a kiválasztott sablonnal vagy az oldal tervezésével függ össze. Egyszerűen a böngészők hajlamosak arra, hogy egy oldal elemeit különböző sebességgel töltsék be. Ezért előfordulhat, hogy az oldal betöltésének módja nem nyújt zökkenőmentes érzést az oldal böngészése során, és végül egyes elemek betöltése olyan lassú lehet, hogy a felhasználók feladják a várakozást.

Az alacsony CLS-pontszámmal rendelkező oldalra példa a Google kezdőlapja. Észrevehető, hogy ez az oldal minimális számú elemmel rendelkezik, így gyorsan betöltődik és könnyen navigálható. Bár nem arról van szó, hogy a weboldalának a lehető legkevesebb elemet kell tartalmaznia, az oldal betöltésének figyelembevétele fontos, különösen az elrendezés eltolódásának elkerülése szempontjából.

Az Eye10 pageSpeed eszköze segítségével könnyen mérhető a halmozott elrendezés eltolódása. Ha a weboldala magas CLS-pontszámot ér el, javasoljuk, hogy próbáljon ki egy másik weboldalsablont, vagy konzultáljon egy fejlesztővel, aki úgy módosítja a weboldal elemeit, hogy azok a lehető legkevesebb CLS-sel töltődjenek be. Ne feledje, hogy a fejlesztések elvégzésekor tesztelje weboldalát különböző böngészőkön és eszközökön, amíg a probléma meg nem oldódik.

A piacon számos weboldal sebességteszt létezik. Meglepő módon az egyes eszközök eltérő eredményeket adhatnak az eszköz helyétől és a szerver helyétől, valamint az adott eszköz képességeitől függően.

Ezért fontos, hogy az oldalsebességgel kapcsolatos információkat alternatív eszközökkel ellenőrizze, hogy megpróbálja azonosítani az általános mintákat, valamint további információkat fedezzen fel.

Az Eye10 Pagespeed Tool a Google Pagespeed Insights és a Gtmetrix adatait is tartalmazza. Ez azt jelenti, hogy nem kell előfizetést fizetnie a különböző eszközökre, és még csak nem is kell időt töltenie azzal, hogy megismételje a kereséseket bármelyik weboldalon - az Eye10 mindent egyesít, amire gyorsan és hatékonyan szüksége van.

Itt egy áttekintés azokról a szempontokról, amelyeket az egyes eszközök elárulnak Önnek. A Pagespeed eszköz ezeket a megállapításokat az oldalon egyesíti, így láthatja, hogy az egyes eszközök mit fedeznek fel egyszerre.

Amikor beírja az URL-címét az Eye10 Pagespeed eszközébe, a Google Pagespeed Insights számos rendkívül fontos szempontja jelenik meg.

Az Eye10 lehetőséget ad arra is, hogy váltogasson a mobil és az asztali olvasás között, így átfogó képet kaphat arról, hogy oldalai milyen gyorsan töltődnek be mindkét eszközön.

A Google Pagespeed Insights tartalmazza a pontszámok összegzését, az első tartalmi festést, a sebességindexet, a legnagyobb tartalmi festést, az interaktív megjelenítésig eltelt időt, a teljes blokkolási időt és a halmozott elrendezésváltást.

Az egyes eszköztípusok közötti váltáskor mind a mobil, mind az asztali eredmények zöld színnel jelennek meg.

A GTmetrix egy másik népszerű eszköz, amelyet a weboldalak sebességének mérésére használnak. Segítségével még több információt tudhat meg az oldaláról, miközben egy nagyon fontos második véleményt is kaphat.

A GTmetrix a Pagespeed eszközön belül a következő szempontokat adja meg: a teljesítményt befolyásoló legfontosabb problémák listája, Pagespeed pontszám, teljesítményfokozat, teljes betöltési idő, az oldal teljes mérete és a kérések.

Megfigyelheti, hogy egyes szempontok hasonlóak a Google Pagespeed Insights-hoz, míg mások több részletet kínálnak, például az oldal teljes méretét és azt, hogy mennyi ideig tart az oldal teljes betöltése.

Az alábbiakban a Pagespeeddel kapcsolatos leggyakoribb kérdésekre adunk választ. Ha a kérdését nem találja az alábbiakban, vagy ha konkrét segítségre van szüksége az Eye10 Pagespeed eszközzel kapcsolatban, kérjük, forduljon közvetlenül hozzánk.

A Pagespeed insights a Google hivatalos eszköze, és mivel a Google a világ vezető keresőmotorja, nem fejlesztettek volna ki ilyen eszközt, ha nem lenne fontos.

A keresőmotorok végső soron a legjobb élményt nyújtó oldalakra akarják irányítani a felhasználókat, mivel a keresőmotorok egymással is versenyben állnak. A releváns, gyorsan betöltődő weboldalakat ezért mindig előnyben részesítik a lassú, hibás weboldalakkal szemben.

Elvégre, ha a felhasználók azért hagyják el az oldalakat, mert túl sokáig tart a betöltés, még ha a tartalmat módszeresen SEO-optimalizálták is, senki sem marad olvasni.

Szóval mindenképpen érdemes átnézni az Eye10 által adott összes javaslatot, hogy a weboldalad gyorsan betöltődjön.

A Google pagespeed Insights a következő kategóriák szerint rangsorolja a weboldal URL-jének pontszámát:

90-100 - Jó
58-89 - Rendben
0-49 - Rossz

Ideális esetben a weboldal betöltése 1-3 másodpercig tarthat, figyelembe véve, hogy a mobilos látogatások 53%-a megszakad, ha az oldal betöltése 3 másodpercnél tovább tart.

Nézze meg az Eye10 által az oldal betöltési idejére adott pontszámot mind a Google Pagespeed Insights, mind a GTmetrix esetében, attól függően, hogy a webhelyet asztali vagy mobilról érik el.

Ezután mindkét pontszámot lebontva láthatja, valamint a pontszám javításához szükséges változtatások listáját, ha bármilyen problémát észlel.

Az Eye10 Pagespeed Toolja akár napi 30 lekérdezést biztosít a Professional csomagban, vagy akár napi 100 lekérdezést az Enterprise csomagban.

Egyszerűen adja meg az URL címét, és az Eye10 elvégzi a többit! Javasoljuk, hogy rendszeresen ellenőrizze, mennyire gyorsan töltődnek be az oldalai, különösen akkor, ha nemrégiben bármilyen változtatást hajtott végre a weboldalán, beleértve annak kialakítását vagy tárhelyképességét.

Igen, az oldalsebesség a technikai SEO-hoz kapcsolódó rangsorolási tényező.

A keresőmotorok nem akarják a felhasználókat olyan weboldalakra küldeni, amelyek betöltése sokáig tart, mert ez rossz felhasználói élményt eredményez. Ha tehát feljebb akarsz kerülni a keresőmotorok rangsorában, mindent meg kell tenned annak érdekében, hogy csökkentsd az oldalak teljes betöltési idejét.

A weboldalon belül számos olyan szempont van, amelyet optimalizálni lehet a weboldal gyorsabb betöltési idejének elérése érdekében. Íme egy pillanatkép a legfontosabb dolgokról, amelyek ellenőrzését javasoljuk.

Honlapja tárhelyének frissítése - Idővel a honlapja forgalma, nem is beszélve a méretéről, idővel valószínűleg növekedni fog. Győződjön meg róla, hogy webhelye képes kezelni a mostani helyére érkező forgalom mennyiségét. Hasonlóképpen előfordulhat, hogy olyan tárhelycsomagot választott, amely rossz eredményeket nyújt az oldal betöltési ideje tekintetében, ezért ellenőrizze a sebességet a tárhelyszolgáltatónál, és hasonlítsa össze más szolgáltatókkal, hogy lássa, a megfelelő csomagon van-e vagy sem.

Használjon CDN-t - A CDN a tartalomszolgáltató hálózat rövidítése. Lényegében a CDN a webhelyed verzióit másolja a világ különböző pontjain található szervereken, így csökkentve az oldalad betöltési idejét. Keresse a CDN használatát, ha a tárhelyszolgáltatója nem ugyanabban az országban található, mint a célközönsége. Ha webhelyének globális célközönsége van, a CDN-ek szintén ajánlottak.

Képek optimalizálása - A szöveggel ellentétben a képfájlok mérete sokkal nagyobb. Ha a weboldalán található képek fájlmérete nem lett csökkentve a feltöltés előtt (pl. a kép méretének átméretezésével), akkor a képek nagy terhet róhatnak a felhasználó sávszélességi lehetőségeire.

Hibák keresése a webhely kódjában - Függetlenül attól, hogy milyen alapon készült a webhelye (beleértve az előre elkészített sablonokat is), ellenőrizze, hogy nincsenek-e nyilvánvaló hibák vagy hibák, amelyek lelassítják az oldalait.


Távolítsa el a felugró ablakokat - A felugró ablakok egyike azon elemek közül, amelyek lelassíthatják az oldalait. Távolítson el minden ilyen elemet, hogy oldalai a lehető leggyorsabban töltődjenek be.

Könnyű elcsábulni az olcsó hosting ajánlatok által, vagy akár a piacon legnépszerűbb neveket választani. Mielőtt azonban bármilyen tárhelycsomagot kötne webhelye számára, el kell olvasnia az apró betűs részt. Különösen azt nézze meg, hogy mekkora szerverkapacitást kap, így biztosítva, hogy olyan csomagot válasszon, amely valóban megfelel a webhelye igényeinek.

Azt is nézze meg, hogy mennyi időre köti meg a szerződés, ha esetleg frissítenie kell a szervereket, vagy akár szolgáltatót kell váltania. Bonyolult folyamat lehet a tárhelyszolgáltató váltás, és egyes platformok korlátozásokat írhatnak elő, amelyek megakadályozzák, hogy ezt egy bizonyos ideig megtegye.

Figyeljen arra, hogy ha a tárhelyszolgáltató nem az Ön országában található (pl. az Ön webhelye az Egyesült Királyságban van, de a webhelyét az Egyesült Államokban fogják elhelyezni), akkor CDN-re lesz szükség. Tehát ideális esetben a tárhelyszolgáltatónak mindig ugyanabban az országban kell lennie, mint a webhelye, hogy ezt a problémát teljesen elkerülje. Bár a globális közönséggel rendelkező webhelyek (pl. blogok) esetében a CDN továbbra is ajánlott.

Nézze meg a felhasználói véleményeket is. Válassza azt a tárhelyplatformot, amelyik a képességek és a juttatások alapján a legjobb csomagokkal rendelkezik, valamint amelyiknek dedikált ügyfélszolgálata van.

Természetesen nem minden vállalkozónak vagy induló vállalkozásnak van pénze webfejlesztőre vagy tervezőre. De mint minden más szolgáltatás esetében, amelyre a weboldalának szüksége van, a professzionális végeredmény biztosításához szükséges szakértelem nélkül hosszú távon többe kerülhet a probléma orvoslása.

A webfejlesztők felelősek a weboldal építéséért, míg a webdesignerek gondoskodnak arról, hogy a weboldal ténylegesen hogyan nézzen ki. Mindkét szakterület dolgozhat annak érdekében, hogy webhelye gyorsan betöltődjön. Ha meglévő webhelye lassan töltődik be, az új designnak meg kell szüntetnie a jelenlegi design összes problémáját, és ezt a célt csak a megfelelő szakértelemmel az Ön oldalán érheti el.

Hogyan is van, javasoljuk, hogy használja a Pagespeed Toolt, és nézze meg az analitikus bontást, hogy lássa, hol tart jelenleg a webhelye. Hasonlóképpen, ha webhelye jelenleg aktív, az adatok a helyes irányba mutatnak, amikor annak megértéséről van szó, hogy webhelyének mely aspektusai lassítják a dolgokat.

Egy másik ok, amiért a webfejlesztők és -tervezők szerves részét képezik a weboldalépítési folyamatnak, az az, hogy tanácsot tudnak adni arra vonatkozóan, hogy mely elemeket nem szükséges beépíteni a weboldalra. Vagy azokat, amelyeket optimalizálni lehet, hogy kevesebb időt vegyen igénybe az oldal betöltése.

Ha saját weboldalát tervezi, fontolja meg, hogy az oldalnak valóban milyen elemekre van szüksége ahhoz, hogy betöltse a kívánt funkciót. A felesleges elemek nem fognak hozzáadott értéket teremteni a felhasználók számára, és ami még rosszabb, lelassítják az oldaladat.

Az utolsó pontunk az, hogy ne csak megépítse a weboldalát, majd felejtse el! Mint a SEO minden aspektusát illetően, az Eye10 Pagespeed Tool segítségével rendszeresen ellenőrizheti az oldalsebesség állapotát, így gyorsan a problémák tetejére kerülhet. Ellenkező esetben előfordulhat, hogy egyáltalán nem tudsz arról, hogy bizonyos oldalak lassan töltődnek be, ami rossz felhasználói élményt és magas visszafordulási arányt okoz.

Az Eye10 bőséges mennyiségű napi kérést kínál a Pagespeed Toolhoz, ezért mindenképpen használd ki ezeket, hogy webhelyed valóban profitáljon az előfizetésedből.