Hvernig á að prófa vefinn þinn með Google vitanum?

Nýtt tæki frá Google er að prófa og gefa þér tilmæli um að bæta árangur, SEO, öryggi, bestu starfshætti og aðgengi.


Google hleypt af stokkunum nýlega Vitinn, opinn hugbúnaður til að endurskoða vefsíðuna þína handvirkt og sjálfkrafa.

Hvaða mælikvarðar eru prófaðir af Google vitanum?

Það eru meira en 75 mæligildi það prófar og gefur þér heildarstigagjöf. Sumt af eftirfarandi vinsælustu sem þú gætir haft áhuga á sem eigandi vefsvæða, sérfræðingur í SEO, vefstjóra.

  • Frammistaða – tími til gagnvirka, leynd, hraðavísitala, hagræðingu auðlinda, TTFB, afhendingu eigna, framkvæmd tíma handrita, stærð DOM osfrv..
  • SEO – Hreyfanlegur vingjarnlegur, meta, skrið, kanónískur, uppbygging osfrv.
  • Bestu aðferðirnar – Hagræðing mynda, JS bókasöfn, villuskrá í vafra, aðgengileg í gegnum HTTPS, þekktar JS varnarleysi osfrv.
  • Aðgengi  – Síðuþættir, tungumál, ARIA eiginleikar osfrv.
  • PWA (Progressive Web Application) – beina HTTP til HTTPS, svörunarkóða allt í lagi, hröð hleðsla á 3G, skvetta skjá, útsýni o.fl..

Frábært tól þess og þú getur notað á marga vegu.

Það er rétt – svo margar leiðir. Ef þú ert verktaki geturðu notað það með Node.js til að keyra prógrammlega. Nú þegar eru nokkur tæki á markaðnum knúin af Lighthouse sem bjóða upp á stöðugt eftirlit með árangri á vefnum.

Við skulum komast að því hvernig þú keyrir vitapróf á síðuna þína.

Byrjaðu frá því auðveldasta.

Mældu með web.dev

Google gaf út web.dev fyrir nokkrum mánuðum og náði góðum vinsældum. Að prófa á netinu er auðvelt.

Fara til Mæla síðu og sláðu inn slóðina til að keyra úttektina. Það mun taka nokkrar sekúndur og þú ættir að sjá nákvæmar skýrslur með heildarstigagjöf.

Niðurstöður sýna einnig árangursmælingapróf sem er svo vel gert fyrir samþykktar úttektir og vinna að þeim þarfnast athygli.

Ekki eyða of miklum tíma í að fá 100. Jafnvel vefsíður Google skora ekki.

Lítum á þær sem leiðbeiningar og reyndu að bæta eins mikið og þú getur.

Athugið: web.dev líkir eftir prófi með því að nota farsíma og á meðan ég skrifa sé ég ekki möguleika á að prófa að nota Desktop.

Króm

Veistu að vitinn er fáanlegur í Chrome vafranum þínum? Og góðu fréttirnar eru að þú getur valið að prófa með því að nota Mobile eða Desktop. Það er fáanlegt í verkfærum verktaki.

  • Opnaðu Chrome vafrann
  • Opnaðu síðuna þína til að prófa
  • Opnaðu forritara (ýttu á F12 ef þú notar Windows) eða hægrismelltu á síðuna og smelltu á Skoða
  • Fara á endurskoðunarflipann

Eins og þú sérð hér að ofan hefur þú möguleika á að velja það sem þú vilt prófa. Þetta er frábært þar sem þú getur einbeitt þér að markmiði þínu og fengið niðurstöður endurskoðunar hraðar.

Útlit og tilfinning frá Chome og web.dev er næstum því svipuð.

En ef þú skoðar vandlega, þá er hér einn aukafræðilegur hópur – Framsækið vefforrit. Svo önnur ástæða til að gera úttekt með Chrome.

Node.js

Vitinn er fáanlegur sem hnút mát. Þú getur fengið það sett upp á netþjóninum þínum og notað það með forritun eða skipanalínu. Við skulum athuga fljótt hvernig á að setja upp vitann til að keyra próf.

Setur upp vitann á Ubuntu 18.x

Eftirfarandi, ég hef prófað á DigitalOcean netþjónn. Vitinn krefst hnút LTS 8.9 eða nýrri og ég geri ráð fyrir að þú hafir það þegar sett upp. Ef ekki, vísaðu í þessa uppsetningarhandbók Node.js.

Þú verður einnig að krefjast þess króm vafra að setja upp á netþjóninum. Ég fjallaði um uppsetningarleiðbeiningarnar hér.

Að setja upp vitann er einfalt, eins og þú gerir aðrar einingar.

  • Skráðu þig inn á netþjóninn þinn
  • Keyra eftirfarandi skipun til að setja upp

npm setja upp -g vitann

Ég er að nota -g hérna svo það verði sett upp sem alþjóðleg eining.

[varið með tölvupósti]: ~ # npm setja upp -g vitann
/ usr / bin / vitinn -> /usr/lib/node_modules/lighthouse/lighthouse-cli/index.js
/ usr / bin / chrome-debug -> /usr/lib/node_modules/lighthouse/lighthouse-core/scripts/manual-chrome-launcher.js

> [varið með tölvupósti] postinstall / usr / lib / node_modules / vitinn / node_modules / ax-core
> hnút build / utils / postinstall.js

+ [varið með tölvupósti]
bætti við 179 pakka frá 119 þátttakendum á 10.094s
[varið með tölvupósti]: ~ #

Þegar það er sett upp skaltu keyra vitann til að tryggja að það hafi verið rétt sett upp.

[varið með tölvupósti]: ~ # vitinn
Vinsamlegast gefðu upp slóð

Tilgreindu – hjálpaðu fyrir tiltækan valkost
[varið með tölvupósti]: ~ #

Gott, vitinn er tilbúinn til að stjórna úttektinni. Við skulum prófa nokkra prufuvali.

Til að keyra próf með hauslausum vafra

viti URL – króm-fánar ="–höfuðlaus"

Þú verður að gefa upp algjöra vefslóð með http eða https.

Fyrrverandi:

[varið með tölvupósti]: ~ $ vitinn https://geekflare.com – chrome-flags ="–höfuðlaus"
ChromeLauncher Bíður eftir vafra. + 0ms
ChromeLauncher bíður eftir vafra … + 1ms
ChromeLauncher bíður eftir vafra ….. + 511ms
ChromeLauncher Bíður eftir vafra ….. ✓ + 2ms
staða Tengist við vafrann + 176ms
staða Núllstilla stöðu með u.þ.b. + 24ms
staða Kvóti vél + 30ms
staða Frumstilling… + 508ms
staða Hleðsla síðu & að bíða eftir hlaða forskriftum, CSSUsage, Viewport, ViewportDimensions, ThemeColor, Manifest, RuntimeExceptions, ChromeConsoleMessages, ImageUsage, Accessibility, LinkElements, AnchorsWithNoRelNoopener, AppCacheManifest, Doctype, DOMStats, JSLibraries ,PrintsVirkni , Hreflang, Embedded Innihald, Canonical, RobotsTxt + 27ms
staða Sækir á síðu: Skriftir + 2s
staða Sækir á síðu: CSSUsage + 0ms
staða Sækir á síðu: Viewport + 0ms
staða Sækir á síðu: ViewportDimensions + 0ms
staða Sækir á síðu: ThemeColor + 0ms
staða Sækir á síðu: Manifest + 0ms
staða Sækir á síðu: RuntimeExceptions + 0ms
staða Sækir á síðu: ChromeConsoleMessages + 0ms
staða Sækir á síðu: ImageUsage + 0ms
staða Sæki á síðu: Aðgengi + 0ms
staða Sækir á síðu: LinkElements + 0ms
staða Sækir á síðu: AnchorsWithNoRelNoopener + 1ms
staða Sækir á síðu: AppCacheManifest + 0ms
staða Sækir á síðu: Kenning + 0ms
staða Sækir á síðu: DOMStats + 0ms
staða Sækir á síðu: JSLibraries + 0ms
staða Sæki á síðu: OptimizedImages + 0ms
staða Sækir á síðu: Lykilorðsinnsláttur með forstilltu líma + 0ms
staða Sækir á síðu: ResponseCompression + 0ms
staða Sækir á síðu: MerkingarBlockingFirstPaint + 0ms
staða Sækir á síðu: MetaDescription + 0ms
staða Sækir á síðu: FontSize + 0ms
staða Sækir á síðu: CrawlableLinks + 0ms
staða Sækir á síðu: MetaRobots + 0ms
staða Sækir á síðu: Hreflang + 0ms
staða Sækir á síðu: EmbeddedContent + 0ms
staða Sækir á síðu: Canonical + 0ms
staða Sækir á síðu: RobotsTxt + 0ms
staða Sækir ummerki + 1 ms
status Sækir devtoolsLog & net færslur + 110ms
staða Sækir: Handrit + 27ms
staða að sækja: CSSUsage + 53ms
staða Sækir: Viewport + 192ms
staða Sækir: ViewportDimensions + 5ms
staða Sækir: ThemeColor + 13ms
staða Sækir: Manifest + 2ms
staða sækir: RuntimeExceptions + 295ms
staða Sækir: ChromeConsoleMessages + 1ms
staða Sækir: ImageUsage + 2ms
staða Sækir: Aðgengi + 22ms
staða að sækja: LinkElements + 526ms
staða Sækir: AnchorsWithNoRelNoopener + 10ms
staðan sækir: AppCacheManifest + 6ms
staða Sækir: Doctype + 20ms
staða Sækir: DOMStats + 4ms
staða Sækir: JSLibraries + 50ms
staða að sækja: OptimizedImages + 25ms
staða Sækir: LykilorðsinnslátturWithPreventedPaste + 234ms
staða Sækir: ResponseCompression + 3ms
staða Sækir: MerkingarBlockingFirstPaint + 7ms
staða sækir: MetaDescription + 6ms
staða Sækir: FontSize + 7ms
staða Sækir: CrawlableLinks + 245ms
staða Sækir: MetaRobots + 6ms
staða Sækir: Hreflang + 2ms
staða Sækir: EmbeddedContent + 2ms
staða Sækir: Canonical + 3ms
staða Sækir: RobotsTxt + 6ms
status Núllstilla ástand með um: auða + 19ms
staða Hleðsla síðu & að bíða eftir afhleðslu ServiceWorker, Ótengdur, StartUrl + 24ms
staða Sækir á síðu: ServiceWorker + 59ms
staða Sækir á síðu: Ótengdur + 0 ms
staða Sækir á síðu: StartUrl + 1ms
status Sækir devtoolsLog & net færslur + 0ms
staða Sækir: ServiceWorker + 2ms
staða Sækir: Ótengdur + 1 ms
staða Sækir: StartUrl + 1ms
staða Núllstilla stöðu með u.þ.b. + 5ms
staða Hleðsla síðu & bíður eftir hleðslu HTTPRedirect, HTMLWithoutJavaScript + 48ms
staða Sækir á síðu: HTTPRedirect + 260ms
staða Sækir á síðu: HTMLWithoutJavaScript + 0ms
status Sækir devtoolsLog & net færslur + 0ms
staða Sækir: HTTPRedirect + 7ms
staða Sækir: HTMLWithoutJavaScript + 12ms
staða Aftenging frá vafranum … + 7ms
staða Greining og keyrsla úttektar … + 6ms
staða Mat: Notar HTTPS + 3ms
staða Mat: Áframsendir HTTP umferð í HTTPS + 24ms
staða Mat: Skráir þjónustuaðila sem stjórnar síðu og start_url + 1ms
staða Mat: Núverandi síða bregst við með 200 þegar ótengdur + 0 ms
staða Mat: Er með “ merki með `breidd` eða` upphafsmælikvarði` + 1ms
staða Mat: Inniheldur eitthvað efni þegar JavaScript er ekki tiltækt + 1ms
staða Mat: Fyrsta innihaldsrík málning + 6ms
staða Mat: Fyrsta þroskandi málning + 54ms
staða Mat: Hleðsla síðna er nógu hröð í farsímanetum + 10ms
staða Mat: Hraðavísitala + 33ms
staða Mat: Skjámynd Smámyndir + 529ms
staða Mat: Lokaskjámynd + 287ms
staða Mat: Áætlað innsláttartíma + 2ms
staða Mat: Engar villur í vafranum eru skráðar á vélinni + 16ms
staða Mat: Svörunartími netþjónanna er lágur (TTFB) + 1ms
staða Mat: Fyrsta aðgerðalaus CPU + 1ms
staða Mat: Tími til að hafa gagnvirka + 30 ms
staða Mat: Tímamerki notenda og mál + 0ms
staða Mat: Lágmarka gagnrýnar óskir Dýpt + 2ms
staða Mat: Forðastu margvíslegar tilvísanir á síðu + 3ms
staða Mat: Mat á netforriti uppfyllir kröfur um uppsetningu + 2ms
staða Mat: Stilla fyrir sérsniðna skvetta skjá + 1ms
staða Mat: Setur upp þema lit heimilisfang-bar + 0ms
staða Mat: Efni er rétt stærð fyrir útsýni + 1ms
staða Mat: Sýnir myndir með réttu stærðarhlutfall + 0ms
staða Mat: Forðast útgefna API + 1ms
staða Mat: Lágmarkar vinnu aðalþráða + 0ms
staða Mat: Framkvæmdartími JavaScript + 11ms
staða Mat: Forhlaða lykilbeiðnir + 3ms
staða Mat: Tengst aftur við nauðsynlegan uppruna + 2ms
staða Mat: Allur texti er sýnilegur meðan vefur er hlaðinn + 2ms
staða Mat: Netbeiðnir + 1ms
staða Mat: Metrics + 2ms
staða Mat: start_url svarar með 200 þegar ótengdur + 1 ms
staða Mat: Vefur virkar yfir vafrann + 1ms
staða Mat: Síðubreytingar líður ekki eins og þær stíflist á netinu + 0ms
staða Mat: Hver blaðsíða er með URL + 0ms
staða Mat: `[aría – *]` eiginleikar passa hlutverk þeirra + 1ms
staða Mat: `[hlutverk]` allir hafa krafist `[aría – *]` eiginleika + 1ms
staða Mat: Þættir með `[hlutverk]` sem þurfa sérstök börn `[hlutverk]`, eru til staðar + 0ms
staða Mat: `[hlutverk]` er innihaldið af nauðsynlegu foreldraþætti + 1ms
staða Mat: `[hlutverk]` gildi eru gild + 1ms
staða Mat: `[aría – *]` eiginleikar hafa gild gildi + 0ms
staða Mat: `[aría – *]` eiginleikar eru gildir og ekki stafsetningar stafir + 1ms
staða Mat: “ þættir innihalda “ frumefni með `[kind ="yfirskrift"] `+ 1ms
staða Mat: Hnappar hafa aðgengilegt nafn + 1ms
staða Mat: Síðan inniheldur fyrirsögn, sleppa tengil eða kennileiti + 1ms
staða Mat: Mat á bakgrunni og forgrunni er nægilegt andstæðahlutfall + 1ms
status Mat: “ innihalda aðeins rétt pantaða “ og “ hópa, “ eða “ þætti. + 1ms
staða Mat: Mat á skilgreiningarlistum er pakkað inn í “ þætti + 0ms
staða Mat: Skjal hefur “ frumefni + 1ms
staða Mat: `[id]` eiginleika á síðunni eru einstök + 1ms
staða Mat: “ eða “ þættir hafa titil + 1ms
staða Mat: “ þáttur hefur `[lang]` eiginleiki + 0ms
status Mat: “ frumefni hefur gilt gildi fyrir `[lang]` eigindina + 1ms
staða Mat: myndaþættir hafa `[alt]` eiginleika + 1ms
staða Mat: “ þættir hafa `[alt]` texta + 1ms
staða Mat: Formeiningar hafa tilheyrandi merkimiða + 0ms
staða Mat: kynning `

`þættir forðast að nota` `,` `eða eigindina` [samantekt]. + 1ms
staða Mat: Krækjur hafa greinanlegt nafn + 1ms
staða Mat: Listar innihalda aðeins `
  • `þættir og handrit stuðningsþættir (` `og` `). + 1ms
    staða Mat: Lista atriði (`
  • `) er að finna í`
      `eða`
        `foreldraþættir + 1ms
        staða Mat: Skjalið notar ekki “ + 0ms
        staða Mat: `[user-scalable ="nei"] `er ekki notað í` `frumefninu og` ​​[hámarksskalinn] `eigindin er ekki minna en 5. + 1ms
        staða Mat: “ þættir hafa `[alt]` texta + 1ms
        staða Mat: Enginn þáttur hefur `[tabindex]` gildi hærra en 0 + 1ms
        staða Mat: Frumur í `
  • `frumefni sem notar eigindina` [hausa] `vísa aðeins til annarra frumna í sömu töflu. + 1ms
    staða Mat: “ þættir og þættir með `[hlutverk ="súluhöfuð"/"rowheader"] `hafa gagnafrumur sem þær lýsa. + 0ms
    staða Mat: `[lang]` eiginleikar hafa gilt gildi + 1ms
    staða Mat: “ þættir innihalda “ frumefni með `[kind ="yfirskrift"] `+ 1ms
    staða Mat: “ þættir innihalda “ frumefni með `[kind ="lýsing"] `+ 1ms
    staða Mat: `[accesskey]` gildi eru einstök + 1ms
    staða Mat: Sérsniðin stjórntæki hafa tilheyrandi merkimiða + 0ms
    staða Mat: Sérsniðin stjórntæki hafa ARIA hlutverk + 1ms
    staða Mat: Fókus notenda er ekki fastur á svæði + 0ms
    staða Mat: Gagnvirk stjórntæki eru fókus á lyklaborðið + 0ms
    staða Mat: Yfirskrift sleppir ekki stigum + 0ms
    staða Mat: Gagnvirkir þættir gefa til kynna tilgang þeirra og ástand + 1ms
    staða Mat: Síðan er með rökrétta flipa röð + 0ms
    staða Mat: Áhersla notandans er beint að nýju efni sem bætt er við síðuna + 1ms
    staða Mat: Mat á skjánum er falið fyrir stoðtækni + 0ms
    staða Mat: HTML5 kennileitiþættir eru notaðir til að bæta siglingar + 0ms
    staða Mat: Sjónræn röð á síðunni fylgir DOM röð + 0ms
    staða Mat: Notar skilvirka skyndiminni stefnu vegna truflana eigna + 1ms
    staða Mat: Forðast gríðarlegan netanafla + 3ms
    staða Mat: Frestaðu myndir frá skjánum + 1ms
    staða Mat: Útrýma auðlindablokkum + 12ms
    staða Mat: Lágið CSS + 28ms
    staða Mat: Lágið JavaScript + 64ms
    staða Mat: Fresta ónotuðum CSS + 69ms
    staða Mat: Bjóddu myndum í næsta gen-sniði + 12ms
    staða Mat: Kóða skilvirkar myndir + 11ms
    staða Mat: Virkja samþjöppun texta + 6ms
    staða Mat: Rétt stærð mynda + 6ms
    staða Mat: Notaðu myndsnið fyrir hreyfimynd + 7ms
    staða Mat: Forðast skyndiminni umsóknar + 11ms
    staða Mat: Síða er með HTML kenninguna + 0ms
    staða Mat: Forðast of mikla DOM stærð + 1ms
    staða Mat: Hlekkir á áfangastaði yfir uppruna eru öruggir + 2ms
    staða Mat: Forðast að biðja um leyfi fyrir staðsetningu á staðsetningu á síðuhleðslu + 1ms
    staða Mat: Forðast `document.write ()` + 0ms
    staða Mat: Forðast JavaScript-bókasöfn í fremstu röð með þekkt öryggis varnarleysi + 0ms
    staða Mat: Greind JavaScript bókasöfn + 9ms
    staða Mat: Forðast að biðja um tilkynningarheimild á síðuhleðslu + 1ms
    staða Mat: Leyfir notendum að líma í lykilorðsviðum + 0ms
    staða Mat: Notar HTTP / 2 fyrir eigin auðlindir + 0ms
    staða Mat: Notar óbeina hlustendur til að bæta frammistöðu skrunsins + 1ms
    staða Mat: Skjal hefur metalýsingu + 0ms
    staða Mat: Síða hefur gengið HTTP stöðukóða + 1ms
    staða Mat: Skjal notar læsilegar leturstærðir + 5ms
    staða Mat: Krækjur hafa lýsandi texta + 1ms
    staða Mat: Síða er ekki lokað á flokkun + 1 ms
    staða Mat: robots.txt gildir + 2ms
    staða Mat: Skjal hefur gilt `hreflang` + 1ms
    staða Mat: skjal forðast viðbætur + 1ms
    staða Mat: Skjal hefur gilt `rel = canonical` + 0ms
    staða Mat: Síða er farsíma vingjarnlegur + 1ms
    staða Mat: Skipulögð gögn eru gild + 0ms
    staða Býr til niðurstöður … + 0ms
    ChromeLauncher drepur Chrome dæmi 7098 + 59ms
    Prentara HTML framleiðsla skrifuð á /home/chandan/geekflare.com_2019-01-20_19-29-35.report.html + 46ms
    CLI Protip: Keyra vitann með `–view` til að opna HTML skýrsluna strax í vafranum þínum + 1ms

    Í næst síðustu línunni geturðu séð að það hafi prentað slóðina þar sem ég finn skýrsluna. Sjálfgefið er að það muni búa til skýrslu á HTML sniði sem þú getur skoðað annað hvort með því að hlaða niður á tölvuna þína eða þjóna henni í gegnum einhvern netþjón.

    En hvað ef þú þarft að búa til skýrslu í JSON sniði?

    Það er hægt með eftirfarandi hætti.

    viti URL – króm-fánar ="–höfuðlaus" –framleiðsla json – outputput-slóð URL.json

    Með því að nota Lighthouse CLI hefurðu fulla stjórn á að nota eins og þú vilt hafa það. Ég vil eindregið mæla með að kíkja á GitHub geymsla til að læra meira um notkun CLI eða forritunarlega.

    Niðurstaða

    Vitinn í Google lítur út fyrir efnilegt tæki til að framkvæma samfellupróf til að bæta afköst og notagildi vefsins. Ef þú ert að nota WordPress og ert að leita að því að hlaða síðuna þína hraðar, skoðaðu þá Eldflaug.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map