A világítótorony teljesítménymutatóinak megértése - SEO tippek a Semalt-től

A világítótorony teljesítménymutatóival valószínűleg találkozni fog, amikor a SEO technikai szempontjait tárgyalja. Lehet, hogy kíváncsi arra, hogy ez a teszt miből áll, vagy hogyan futtassa a tesztet a webhelye teljesítményén. Lehet, hogy itt is van, mert szeretné megtudni, mi a világítótorony.
Ezt a teljesítménymutató tesztet arra használjuk, hogy zölddé tegyük az összes webhelyére vonatkozó számot. Itt van minden, amit tudnia kell a Világítótoronnyal kapcsolatban.
Mi a világítótorony
A Lightroom egy nyílt forráskódú ellenőrzési eszköz, amelyet szabványosított pontszámok készítésére használnak öt kulcsfontosságú területen, nevezetesen:
- Teljesítmény
- Progresszív webalkalmazás
- SEO
- Legjobb gyakorlatok
- Megközelíthetőség
Ennél a cikknél a "Világítótorony" elnevezést tesztek sorozatára kell utalni, ezért ne keverje össze magát olvasás közben.
A Lighthouse laboratóriumi adatok felhasználásával futtat teljesítményteszteket, amelyeket emulált adatoknak is neveznek. Ez egy webhely teljesítményadata, amelyet előre elkészített eszközökkel és hálózati beállításokkal, ember alkotta környezetben gyűjtöttek. A teljesítményadatok fontosak, mivel segítenek a teljesítményproblémák hibakereséséhez szükséges információkban. A helyi gépen, ellenőrzött környezetben szerzett tapasztalatokat úgy tervezték, hogy utánozzák a valós felhasználók tapasztalatait.
Frissítés a Világítótoronyra
2020. május 5-én a Chromium projekt bejelentette három mutatószámát, amelyekkel a Google által támogatott nyílt forráskód felhasználhatja a teljesítmény mérését. A mutatókat Web Vitals-nak hívták. Ezek a Google azon kezdeményezésének részei, amelynek célja, hogy kollektív útmutatást nyújtson a SEO szakértőknek a minőségi jelek keresésekor.
Ezeket a mutatókat arra tervezték, hogy felhasználó-központú módon mérjék a webes teljesítményeket. A Lighthouse V6 a kezdeti megjelenéstől számított két hét alatt indította el módosított változatát, amelynek legfrissebb célja a Web Core Vitals volt.
2020 júliusáig láttuk, hogy a Lighthouse v6 mutatója a Google számos termékéhez alkalmazkodik a Chrome 84 kiadásával. A Chrome DevTools Audit panelt szintén Lighthouse-nak nevezték el. A Világítótorony mutatóra a PageSpeed Insights és a Google Search Console is hivatkozott.
Ma a Web Core Vitals a világítótorony súlyozott teljesítményének több mint a felét teszi ki. Általánosságban elmondható, hogy az oldalak minimális hatást tapasztalnak, kb 83,32% tíz pont vagy annál kisebb eltolódást mutató V6-os vizsgálat.
Amit tudnia kell, mielőtt a Lighthouse használatával lefuttatja a Teljesítmény tesztet
A megfelelő módszertan kiválasztása
A módszertan, amelyet úgy dönt, hogy járni kezd. A világítótorony ellenőrzése úgy van beállítva, hogy egyszerre elemezzen egy oldalt. De az a tény, hogy az egyetlen oldal pontszáma nem reprezentálja az egész webhely teljesítményét, és csak azért, mert a kezdőlap gyorsan betöltődik, még nem jelenti azt, hogy az egész webhely olyan gyorsan töltődik be.
A webhely teljesítményének átfogó becslésének legjobb módja az, ha a webhelyen belül több oldaltípust tesztel. Itt először meghatározzuk a főbb webhelytípusokat, sablonokat és látogatókonverziós pontokat (ezek a regisztrációs, feliratkozási és fizetési oldalakra vonatkoznak).
Mielőtt elemzésünk optimalizálási szakaszába lépnénk, a Lighthouse-t futtatjuk a véletlenszerűen kiválasztott mintaoldalakon, és rögzítjük az összegyűjtött adatokat. Ezekből az adatokból most létrehozhatunk egy tennivalók listát a legsürgetőbb és legkevésbé sürgető fejlesztések alapján. Az adatok elvesztésének megakadályozása érdekében elmentjük a JSON eredményeit, és bármikor a Lighthouse nézőre támaszkodunk, amikor egy részletes eredményinformációra van szükségünk.
A lemaradás visszaharapása nagyszerű megtérüléssel
Az évek során egy dolgot biztosan megtanultunk, hogy a SEO tevékenységéhez szükséges erőforrások megszerzése nem egyszerű. A házon belüli SEO használata nem éppen hasznos, mivel gyakran elpusztítja őket, hogy milyen nehéz megszerezni az elmaradt jegyet. Tapasztalataink alapján tudjuk, hogy a sebességváltó zsírozásának legjobb módja az, ha a teljesítmény-kezdeményezéseket prioritásként kezeljük, ami kiváló számokat eredményez, amelyek alátámasztják a SEO osztálynak tett beruházásokat.
Az adatok, amelyek a hónap végi számlákig jutnak, dollárjelekké válnak, amelyek igazolják és jutalmazzák fejlesztési erőfeszítéseinket. Ennek a tesztnek a végrehajtása azért fontos, mert közben valószínűleg több területet is megjelöl, főleg akkor, amikor először történik meg. Rendben van. Megnézheti a Lighthouse pontozási kalkulátorát, hogy megnézze, mely változásokon lesz a legnagyobb durranás.
Világítótorony teszt futtatása
Ez a sok út egy folyóhoz vezet. Vannak azonban olyan utak, amelyek a használat során könnyebbé vagy hangsúlyosabbá válnak. Nos, ha abban reménykedik, hogy integrálja a SEO tesztet a megvalósítási folyamatba, valószínűleg fel kell gyorsítania az NPM-en.
Van kevesebb mint 5 perced, mire felkérik, hogy nézz szembe a táblával? Ezeknek az egy-egy jelentéseknek meg kell adniuk a lőszert, amellyel meg kell győzni őket arról, hogy a SEO remekül teljesít. Bármelyik végrehajtási módot is választja, a mobil kiváló, kivéve, ha rendelkezik speciális asztali használatra.
1. Chrome Devtools
Minden oldalt külön-külön tesztelünk a Chrome DevTools Lighthouse panel segítségével. Ez a jelentés létfontosságú, mivel a felhasználói élményt emulálja a böngésző használatával, még inkognitómódban vagy letiltott böngésző gyorsítótár esetén is.
Ennek megközelítésének különleges módja az, hogy létrehozunk egy Chrome-profilt a teszteléshez, de helyi szinten tartjuk. Ez azt jelenti, hogy nincs engedélyezve a szinkronizálás, nincs jelszómentés vagy társítás egyetlen meglévő Google-fiókhoz sem. Mi sem telepítünk bővítményeket a felhasználó számára.
Ha be van állítva, a következőképpen tesztelheti a Lighthouse-t a DevTools segítségével
- Futtasson inkognitó példányt a Chrome-on.
- Lépjen a DevTools Hálózat paneljére, és jelölje be a négyzetet a gyorsítótár letiltásához. Ezt a Ctrl + Shift + I billentyűkombinációval teheti meg Windows és Linux rendszeren, vagy a Command + Option + I billentyűkombinációt Mac rendszeren.
- Lépjen a Világítótorony panelre, és kattintson a Jelentés létrehozása gombra.
- A létrehozás után mentse el a fájlt.
Milyen előnyei vannak a Lighthouse üzemeltetésének a Devtools-tól?
Mint korábban említettük, a világítótorony-elemzésnek számos módja van. Ez azt is jelenti, hogy mindegyik módszernek megvannak az előnyei és hátrányai.
Ennek a módszernek az az előnye, hogy
- Kipróbálhatja a helyi buildeket, és megtudhatja, mely oldalak hitelesek.
- A mentett jelentések összehasonlíthatók a Lighthouse CI Diff eszközzel.
A Lighthouse működtetésének hátrányai a DevTools-tól
- Egyszerre csak egy jelentést készíthet.
- Minden jelentést manuálisan kell mentenie.
2. Ha ugyanazokat az oldalakat folyamatosan teszteli
Tegyük fel, hogy szereti ugyanazokat az oldalakat többször is tesztelni, weben. dev az ideális választás. Csak a DevTools használatához hasonló, hogy nem kell letiltania az összes csúcsos kiterjesztést. Ez a módszer alapvetően egyenes. Csak annyit kell tennie, hogy:
- Látogasson el a web.dev/measure/ oldalra
- Jelentkezzen be Google-fiókjával.
- Írja be az ellenőrizni kívánt oldal URL-jét.
- Kattintson az audit futtatása elemre.
A Lighthouse webről történő működtetésének előnyei. dev
- Az oldal eredményeinek remek idővonalát rögzíti.
- A felhasználók gyors hivatkozásokkal rendelkeznek a problémák javításához.
- A jelentéseket a Lighthouse CI Diff Tool segítségével lehet összehasonlítani.
Hátrányok a világítótorony futtatásáról az internetről. dev
- Csak egy elemzést végezhet és egyszerre csak egy jelentést készíthet.
- Nyilvántartással kell rendelkeznie az idővel nyomon követett URL-ekről, hogy elkerülje ugyanazon URL véletlenszerű átdolgozását.
A világítótorony csomópont parancssora
Ha méretarányú tesztelésre vágyik, akkor a Node parancssort részesíti előnyben. Itt van egy útmutató a tennivalókról:
- Telepítse az npm-et: az mc felhasználók számára bölcs dolog lenne a homebrew-t használni, így elkerülheti az ostoba függőségi problémákat.
- Telepítse a világítótorony modult a következő kód beírásával: "npm install -g lighthouse".
- Ezután egyetlen szöveget futtat a "világítótorony <url>" használatával.
- Futtasson teszteket a felhasználási listákon a teszt programszerű futtatásával.
A Lighthouse futása a Node-ból
- Több jelentést is futtathat egyszerre.
- Programozhatja az időbeli változások automatikus nyomon követésére.
Hátrányok a Lighthouse üzemeltetéséről a Node-ból
- Van egy ötlete a kódolás módjáról.
- Beállítása időt igényel.
Következtetés
A teljesítménymutatók összetettsége jelzi a kihívásokat, amelyekkel minden webhely szembesül. A teljesítménymutatókra támaszkodunk a felhasználói élmény proxyjaként. Ez lehetővé teszi számunkra, hogy végigjárjuk a felhasználó útját, és lássuk, mit látnak, megtapasztalják azt, amit másokban tapasztalnak, hogy reagálóbb webhelyeket hozzunk létre.
Néhány más eszköz, például a Saját webhely eszköz teszt és a Google által a webhelyem költsége is hasznos lehet. Ezeket az eszközöket használjuk az átalakításra és az ügyfélközpontú érvek megfogalmazására a webhely teljesítményének fontosságáról.
Remélhetőleg, ha a projekt tapadást nyer, meg tudjuk magyarázni, hogy a Világítótorony egyetlen mutatója mit jelent szakképzett és együttműködő mérnöki csapatának.
Érdekli a SEO? Nézze meg a többi cikkünket a Semalt blog.