Tekoälyagenttisi sai juuri Core Web Vitals -supervoimat
Yhdistä Claude Code CoreDash-kenttädataasi. Se etsii pahimman pullonkaulasi miljoonien sivulatausten joukosta, jäljittää juurisyyn Chromessa ja kirjoittaa korjauksen. Agenttipohjainen web-suorituskyky ei ole vain raportti, vaan todellinen koodirivi, jota on muutettava.
Asenna 2 minuutissa Aloita ilmainen CoreDash-kokeilu »Trusted by market leaders · Client results
Tekoälyn suorituskykytyökaluilla on dataongelma
Useimmat tekoälyagentit optimoivat Lighthouse-tuloksia. Synteettinen pistemäärä simuloidulla laitteella, jota Google ei käytä sijoituksissaan. Hyödyllinen web-suorituskyvyn tekoälyagentti aloittaa samasta datasta kuin Googlekin: todellisista käyttäjistä budjettipuhelimilla, pätkivistä yhteyksistä ja maanosista, joita kehityskoneesi ei ole koskaan nähnyt.
Lighthouse ei ole sijoitussignaalisi
Google sijoittaa sivustot todellisten Chrome-käyttäjien CrUX-kenttädatan perusteella 28 päivän ajalta. Täydellinen Lighthouse-tulos ja epäonnistuva kenttätulos tapahtuvat koko ajan. 52 % mobiilisivustoista epäonnistuu vähintään yhdessä Core Web Vitals -mittarissa kentällä.
Sokeat agentit tekevät sokeita korjauksia
Ilman todellista käyttäjädataa tekoälyagentti ei tiedä, mikä sivu on hidas, mikä elementti on pullonkaula tai auttoiko sen korjaus. Se optimoi simulaatiota ja pitää työtään tehtynä. Todelliset käyttäjäsi ovat eri mieltä.
Manuaalinen tutkinta vie tunteja
Segmentoi data. Tee hypoteesi. Aja trace. Vahvista. Luonnostele korjaus. Kokenut suorituskykyinsinööri käyttää 2–4 tuntia per ongelma. Kerro se sivustosi jokaisella hitaalla sivulla.
INP-arvoa ei voi simuloida laboratoriossa lainkaan Interaction to Next Paint mittaa sitä, miten todelliset käyttäjät ovat vuorovaikutuksessa sivusi kanssa. Mikään synteettinen työkalu ei voi toisintaa todellista käyttäytymistä: minne he napauttavat, kuinka nopeasti he vierittävät, mitä laitetta he pitävät kädessään. Lighthouse ei edes raportoi INP-arvoa. Jos tekoälyagenttisi ajaa Lighthousea, se on sokea pahimmille interaktiivisuusongelmillen. Kenttädata on ainoa lähde.
Kaksi totuudenlähdettä: Kenttädata kohtaa selainevidenssin
CWV Superpowers yhdistää CoreDashin todellisen käyttäjädatan kohdennettuihin Chrome-traceihin. Kenttädata kertoo mikä on hidasta. Chrome kertoo miksi.
CoreDash kertoo agentille, mikä on hidasta
CoreDash seuraa jokaisen todellisen käyttäjän jokaisen sivulatauksen. Jokainen mittari on kohdistettu tarkalleen ongelman aiheuttavaan elementtiin. Ei otantaa, ei rajoituksia.
Kun CoreDash raportoi 4,2 sekunnin LCP:n ja Load Delay vie 52 % kokonaisajasta kohteessa div.hero > img.main, agentti tietää tarkalleen, mistä etsiä. Ei arvauksia. Vaan mittaus miljoonista todellisista sessioista.
Taito kysyy yli 25 CoreDash-ulottuvuutta: LCP-elementti, elementin tyyppi, prioriteettitila, vaiheiden erittely, INP-vuorovaikutuskohde, LOAF-skriptit, CLS-siirtyvä elementti, laitetyyppi, kävijätyyppi, verkon nopeus, 7 päivän trendit.
Chrome kertoo agentille, miksi se on hidasta
CWV Superpowers vierailee sivulla mobiiliemulaatiolla: Fast 3G, 4x prosessorin hidastus. Se jäljittää (traces) vain sen pullonkaulavaiheen, jonka CoreDash tunnisti.
Onko Load Delay pullonkaula? Agentti tutkii verkon vesiputousta (network waterfall) löytääkseen löytymisviiveitä (discovery gaps). Render Delay? Se etsii blokkaavia skriptejä ja fonttien latausviiveitä.
Tuloksena on filmstrip-kuvakaappauksia, verkon vesiputous ja kohdennettua todistusaineistoa, joka selittää kenttädatasi paljastaman juurisyyn.
Suhteellinen päättely, ei absoluuttiset raja-arvot
Lighthouse kertoo sinulle "Render Delay on 350ms." Onko se ongelma? Ei hajuakaan. CWV Superpowers tunnistaa pullonkaulan vaiheeksi, joka kuluttaa suurimman prosentin kokonaisajasta.
INP on 350ms. Input Delay 70ms (20 %), Processing 80ms (23 %), Presentation 200ms (57 %). Presentation on pullonkaula, vaikka 200ms kuulostaa irrallisena hyvältä. Sen korjaaminen todella vaikuttaa tuloksiin. Input Delayn optimointi tuskin näkyy missään.
Tämä estää suorituskykytyön yleisimmän virheen: väärän asian korjaamisen.
Viisi vaihetta: "Jokin on hitaasti" -tilanteesta koodikorjaukseen
Kysy siltä kysymys. Viisi vaihetta myöhemmin sinulla on korjaus, jota tukee todellinen käyttäjäevidenssi.
1. Löytäminen
Skannaa CoreDash-datasi pahimpien sivujen ja mittareiden varalta. Priorisoi huonoja arvosanoja, mobiilia, vilkasliikenteisiä sivuja ja p75-pisteitä, jotka piilottavat pitkän huonon hännän.
2. Vianmääritys
Jakaa mittarin vaiheisiin. LCP: TTFB, Load Delay, Load Time, Render Delay. INP: Input Delay, Processing, Presentation. Nimeää pullonkaulan prosenttiosuuden perusteella.
3. Chrome-trace
Vierailee sivulla mobiiliemulaatiolla. Jäljittää (traces) vain vaiheesta 2 löytyneen pullonkaulavaiheen. Tallentaa verkon vesiputouksen, filmstripin ja todistusaineiston blokkaavista resursseista.
4. Juurisyy
Yhdistää molemmat todistuslähteet yhdeksi toteamukseksi: elementti, syy, CoreDash-mittarit ja mitä Chrome vahvisti. Ei epäselvyyksiä.
5. Korjaa tai raportoi
Sinun valintasi. Ota koodikorjaus käyttöön tiedoston, rivin, elementin ja ennen/jälkeen-vertailun kera. Luo itsenäinen HTML-raportti kaavioineen ja todisteineen. Tai molemmat.
25+ ulottuvuutta: Jokainen kulma, jonka kenttädatasi kattaa
Nämä ovat todellisia CoreDash-ulottuvuuksia, joita agentti kyselee. Ei tiivistelmä. Vaan koko kuva.
LCP (Largest Contentful Paint)
LCP-elementti Elementin tyyppi Prioriteettitila TTFB-vaihe Load Delay Load Time Render DelayINP (Interaction to Next Paint)
INP-kohde Input Delay Processing Presentation LOAF-skriptit LataustilaCLS (Cumulative Layout Shift)
Siirtyvä elementti Siirtymän syy Siirtymän ajoitusSegmentit
Laitetyyppi Maa Selain Käyttöjärjestelmä Yhteys Kävijätyyppi Sivun polkuTrendit
7 päivän muutos 28 päivän vertailuarvo Regressioiden tunnistusVianmääritys: Vaihetason erittely jokaiselle Core Web Vitals -mittarille
Ei pelkkiä pisteitä. Jokainen mittari jaetaan vaiheisiin käyttämällä CoreDashin todellista käyttäjäattribuutiota.
Korjaa LCP tekoälyllä: Largest Contentful Paint -vianmääritys
4 vaiheen erittely: TTFB, Load Delay, Load Time, Render Delay. Tunnistaa, mikä vaihe kuluttaa suurimman osan kokonaisajasta.
Elementin attribuutio: tarkka LCP-elementti, sen tyyppi (kuva, teksti, taustakuva, video) ja prioriteettitila (fetchpriority, lazy loading).
Tyypilliset korjaukset: lisää preload-vinkki, poista lazy loading hero-kuvasta, optimoi kuvaformaatti, korjaa renderöinnin estävä skripti.
Korjaa INP tekoälyllä: Interaction to Next Paint -vianmääritys
3 vaiheen erittely: Input Delay, Processing, Presentation. Ainoa mittari, jota ei voi simuloida laboratoriossa. Kenttädata on ainoa lähde.
Skriptin attribuutio: Long Animation Frames (LOAF) nimeää tarkan JavaScript-tiedoston ja keston. Lisäksi sivun lataustila vuorovaikutuksen tapahtuessa.
Tyypilliset korjaukset: yield to main thread, lykkää suoritusta, jaa tapahtumankäsittelijät (event handlers), content-visibility suurille DOM-rakenteille.
CLS: Cumulative Layout Shift
5 syykuviota: kuvat ilman mittoja, fonttien vaihdot (font swaps), dynaamisesti lisätty sisältö, myöhään latautuvat resurssit, CSS-animaatiot asetteluominaisuuksissa (layout properties).
Poikkiulottuvuuksien vertailu: vertailee mobiilia ja työpöytää, uusia ja palaavia kävijöitä sekä nopeita ja hitaita verkkoja syyn rajaamiseksi.
Tyypilliset korjaukset: lisää leveys/korkeus, font-display: optional, minimikorkeuden varaaminen, käytä transform-ominaisuutta top/left-ominaisuuksien sijaan.
Miltä juurisyylausunto näyttää
Ei "harkitse kuviesi optimointia". Tämä on todellinen tuloste. Tarpeeksi tarkka tarkistettavaksi ja yhdistettäväksi (merge).
Juurisyy (Root cause):
LCP-kuva div.hero-banner > img.product-main sivulla /product/running-shoes-42 löydetään 1 980 ms myöhässä, koska siitä puuttuu preload-vinkki eikä siinä ole fetchpriority="high"-attribuuttia.
CoreDash-todiste (Evidence):
LCP on 3 820 ms (huono) mobiilissa, p75. Load Delay on pullonkaula 1 980 millisekunnilla (52 % kokonaisajasta). Prioriteettitila: 3 (ei esiladattu). Trendi: huonontunut +340 ms 7 päivän aikana.
Chrome-todiste (Evidence):
Verkon vesiputous (network waterfall) näyttää 1 940 ms viiveen HTML:n ensimmäisen tavun ja kuvapyynnön välillä. Kuvaan viitataan vain CSS:ssä, joten se on näkymätön preload-skannerille.
Korjaus (Fix):
Lisää <link rel="preload" href="/images/hero.jpg" as="image" fetchpriority="high"> tiedoston templates/product.html riville 12. Aseta fetchpriority="high" img-elementtiin rivillä 47.
Yleinen tekoälyneuvo:
"Harkitse fetchpriority-määritteen lisäämistä LCP-kuvaasi ja varmista kriittisten resurssien asianmukainen esilataus."
CWV Superpowers:
Elementti: div.hero-banner > img.product-main
Tiedosto: templates/product.html, rivi 47
Todiste: 52 % LCP-ajasta kuluu Load Delay -vaiheessa (CoreDash p75). 1 940 ms löytymisviive (Chrome waterfall).
Korjaus: 2 rivin koodimuutos ennen/jälkeen -erotuksella (diff).
Vertailu: Miten CWV Superpowers pärjää
Eri työkalut ratkaisevat eri ongelmia. Tässä on erittely siitä, mitä kukin niistä todella tekee.
| Ominaisuus | CoreDash + CWV Superpowers | Chrome DevTools MCP | PSI / Lighthouse MCP |
|---|---|---|---|
| Tietolähde | Todelliset käyttäjät (28 päivän kenttädata) | Yksittäinen laboratoriosessio | Simuloitu yksittäinen lataus |
| INP-mittaus | ✓ Todelliset vuorovaikutukset | ✗ Ei todellisia käyttäjiä | ✗ Ei mitattu |
| Vaiheiden erittely | ✓ LCP, INP, CLS -vaiheet | ~ Manuaalinen analyysi | ✗ Vain pisteet |
| Elementin attribuutio | ✓ Tarkka elementti + prioriteetti | ~ Jos tiedät mistä etsiä | ~ Yleisluontoisia ehdotuksia |
| Suhteellinen päättely | ✓ Pullonkaula prosentteina | ✗ Absoluuttiset arvot | ✗ Absoluuttiset arvot |
| Segmenttien vertailu | ✓ Laite, maa, selain | ✗ Yksi konfiguraatio | ✗ Yksi konfiguraatio |
| Trendien tunnistus | ✓ 7 päivän muutos | ✗ Yksittäinen ajanhetki | ✗ Yksittäinen ajanhetki |
| Chrome-trace | ✓ Kohdennettu vaiheen mukaan | ✓ Täysi pääsy | ✗ Ei selainta |
| Koodikorjaukset | ✓ Tiedosto + rivi + diff | ~ Agentista riippuvainen | ~ Yleisluontoinen neuvo |
Huomautus: Chrome DevTools MCP on täydentävä. CWV Superpowers käyttää sitä kohdennettuun traceen sen jälkeen, kun kenttädata on tunnistanut pullonkaulan. Ne toimivat parhaiten yhdessä.
Raportit: Pudota Slackiin, liitä Jiraan
Itsenäinen HTML. Ei riippuvuuksia. Ei koontivaihetta (build step). Yksi tiedosto, jossa kaikki on sisäänrakennettuna.
Täysi raportti (Chromen kanssa)
Värikoodatut mittarikortit, vaiheiden erittelykaaviot, filmstrip-kuvakaappaukset tärkeimmillä hetkillä (first paint, LCP, loaded), verkon vesiputous SVG:nä, juurisyyraportti ja suositeltu korjaus ennen/jälkeen-koodilla.
Vain RUM -raportti
Samat mittarikortit ja vaihe-erittely, plus elementin attribuutio ja juurisyyraportti. Ei filmstripiä tai vesiputousta, mutta vianmäärityksen laatu on identtinen, koska kenttädata on totuudenlähde.
Toimii minkä tahansa MCP-asiakasohjelman kanssa
Claude Code: Täysi taito (skill) automatisoidulla työnkululla. Löytäminen, vianmääritys, Chrome-trace, koodikorjaukset ja raportit. Suositellaan.
Cursor: Liitännäisen asennus CoreDash MCP:n kanssa. Täysi vianmääritys ja koodikorjaukset suoraan editorissasi.
VS Code, Windsurf, Gemini CLI: Mikä tahansa HTTP MCP -palvelimia tukeva asiakasohjelma yhdistää CoreDashiin. Sama kenttädata, sama attribuutio.
Client Success
Don't just take my word for it
Head of Digital, Rituals
"We used to break performance every other sprint. He set up budgets in our pipeline. Haven't had a regression since."
VP Product, Expedia Group
"We had 80+ third-party scripts and were failing CWV on every major property. Arjen got us passing without touching our ad revenue."
VP Engineering, Loop
"Mobile load time down 800ms. 7% lift in checkout conversion. The ROI justified the investment immediately."
Engineering Manager, Zalando
"Every other audit we've had gave us a list of problems. This one told us exactly what to fix first and why."
Head of Engineering, Swift
"Layout shift on checkout eliminated entirely. Went from 0.4 to 0.02 CLS across mobile and desktop."
VP Engineering, People Inc
"Seven brands, seven different stacks. Every single one got faster. No compromises on what makes each property unique."
Head of Platform, Adevinta
45% reduction in blocking time across 15 marketplaces. INP from 440ms to 64ms on Fotocasa alone. Google wrote up the results on web.dev.
Lead Developer, Alza
"Transferred knowledge to our engineering team. We can now diagnose and resolve performance issues independently."
Product Lead, Miro
"Our dashboards were choking on main-thread work. 25% reduction in CPU usage. Users noticed immediately."
CTO, DPG Media
"He found bottlenecks in our component library that we'd missed for two years. Performance gains were visible within days."
Käytössä 2 minuutissa
Automatisoitu Core Web Vitals -vianmääritys terminaalissasi. Tarvitset CoreDash-tilin, johon virtaa dataa. Ilmainen taso riittää.
Claude Code
claude mcp add --transport http coredash \
https://app.coredash.app/api/mcp \
--header "Authorization: Bearer cdk_YOUR_API_KEY"
/plugin marketplace add corewebvitals/cwv-superpowers
/plugin install cwv-superpowers@cwv-superpowers
claude --chrome
Etsi suurin CWV-ongelmani ja korjaa se. Hae API-avaimesi osoitteesta CoreDash → Project Settings → API Keys (MCP). Näytetään vain kerran. Tallennetaan SHA-256-tiivisteenä. Vain luku -oikeuksin.
Cursor
/plugin-add cwv-superpowers
Lisää CoreDash tiedostoon .cursor/mcp.json:
{
"mcpServers": {
"coredash": {
"url": "https://app.coredash.app/api/mcp",
"headers": {
"Authorization": "Bearer cdk_YOUR_API_KEY"
}
}
}
} Muut MCP-asiakasohjelmat
Päätepiste (Endpoint): https://app.coredash.app/api/mcp
Otsake (Header): Authorization: Bearer cdk_YOUR_API_KEY
Toimii yhdessä VS Coden (Copilot agent -tila), Windsurfin, Gemini CLI:n, Claude Desktopin ja minkä tahansa HTTP MCP -asiakasohjelman kanssa. Yksi MCP-verkkosuorituskyvyn päätepiste, kaikki agentit.
Usein kysytyt kysymykset
Pitääkö minun pitää Chrome käynnissä käyttääkseni CWV Superpowersia?
Ei. Chrome-trace on valinnainen. Ilman sitä saat täyden kenttädatan vianmäärityksen, vaihe-erittelyt, elementin attribuution ja koodinkorjausehdotukset pelkän CoreDash-datan perusteella. Chrome lisää filmstrip-kuvakaappaukset, verkon vesiputouksen (network waterfall) ja visuaalisen vahvistuksen juurisyylle. Molemmat tilat tuottavat raportteja.
Miten tämä eroaa Lighthousen ajamisesta tekoälyagentissani?
Lighthouse ajaa yksittäisen synteettisen latauksen koneellasi. CWV Superpowers käyttää 28 päivän todellista käyttäjädataa CoreDashilta: aitoja laitteita, aitoja verkkoja, aitoja vuorovaikutuksia. Se mittaa INP:n todellisista käyttäjän napautuksista (Lighthouse ei pysty tähän). Se vertailee segmenttejä (mobiili vs. työpöytä, Intia vs. Yhdysvallat). Ja se käyttää suhteellista päättelyä pullonkaulavaiheen löytämiseksi pelkkien absoluuttisten pisteiden sijaan.
Mitä tekoälyn koodausagentteja tuetaan?
Mitä tahansa web-suorituskyvyn tekoälyn koodausagenttia, joka tukee MCP (Model Context Protocol) -palvelimia. Claude Codella on oma taitonsa (skill) automatisoidulla 5 vaiheen työnkululla. Cursor, VS Code (Copilot agent -tila), Windsurf, Gemini CLI ja Claude Desktop yhdistyvät CoreDash HTTP MCP -päätepisteen kautta. Kenttädata ja attribuutio ovat identtisiä kaikilla asiakasohjelmilla.
Onko CoreDash ilmainen?
CoreDashilla on ilmainen taso, joka toimii CWV Superpowersin kanssa. Tarvitset sivustoltasi virtaavaa dataa (lisää CoreDash-skriptitagi). Ilmaisella tasolla ei ole otantaa (sampling) eikä sivunlatausten rajoituksia. API-avaimet MCP-yhteyttä varten ovat saatavilla kaikissa tilauksissa.
Voinko käyttää tätä asiakassivustoilla?
Kyllä. Jokaiselle CoreDash-projektille voit luoda rajattomasti omistettuja MVP API -avaimia. Lisää CoreDash jokaiselle asiakassivustolle, luo vain luku -API-avain ja määritä MCP-asiakasohjelmasi. Agentti näkee vain kyseisen projektin datan. CWV Superpowers on MIT-lisensoitu, joten kaupalliselle käytölle ei ole rajoituksia.
Avointa lähdekoodia. Ei toimittajaloukkua.
Core Web Vitals -automaatio, jota voit tutkia ja laajentaa. Orkestraattori, vianmääritysmoduulit, Chrome-trace-logiikka ja raporttipohjat ovat kaikki GitHubissa. Lue, miten se toimii. Tee fork. Laajenna. Osallistu.
Aloita ilmainen kokeilu Katso GitHubissa