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
  1. Futtasson inkognitó példányt a Chrome-on.
  2. 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.
  3. Lépjen a Világítótorony panelre, és kattintson a Jelentés létrehozása gombra.
  4. 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:
  1. Látogasson el a web.dev/measure/ oldalra
  2. Jelentkezzen be Google-fiókjával.
  3. Írja be az ellenőrizni kívánt oldal URL-jét.
  4. 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.

mass gmail