Core/Dash Diagnosis

CoreDash Diagnosis: Motorn för grundorsaksanalys

RUM ger dig livstecknen. Din LCP är 3,2 sekunder. Din CLS är 0,25. Din INP underkänns. Detta är exakt vad RUM är utformat för att göra. Det visar mätvärdena som räknas. Det talar om för dig att prestandan är försämrad och var du ska fokusera. Det är det första och helt avgörande steget för att fixa Core Web Vitals.

Men när du väl har datan börjar det verkliga arbetet. En underkänd LCP kan bero på en långsam server, en överdimensionerad bild, ett render-blockerande skript eller alla tre. RUM visar dig symptomet. Nästa logiska steg är diagnos.

CoreDash Diagnosis är intelligenslagret som omvandlar mätvärden till åtgärder. Det utökar din RUM-data med automatiserad prestandaforensik, fångar detaljerade exekveringsprofiler från webbläsaren för att identifiera den exakta flaskhalsen och genererar den exakta lösningen anpassad för ditt CMS!

Från mätning till grundorsak

Du har din dashboard. LCP: 3,2s. Du vet var problemet ligger. Nu behöver du veta varför. Är det hero-bilden? Tredjepartsskripten? Serverns svarstid? Du kan spendera timmar på att granska vattenfallsdiagrammet, profilera huvudtråden och testa teorier. Eller så kan du låta diagnosmotorn göra det åt dig.

CoreDash Diagnosis tar nästa logiska steg. Det mäter inte bara prestanda. Det gör reverse engineering på felet.

LCP-diagnos: Fyra faser, ett svar

Vi bryter ner Largest Contentful Paint i dess fyra beståndsdelar: TTFB, Load Delay, Load Duration och Render Delay. När en fas underkänns flaggar vi den inte bara. Vi förklarar den.

• Leverantörsattribuering: Vi rapporterar inte "hög skripttid". Vi rapporterar att HubSpots spårningsskript blockerade uppritningen (paint) i 150 ms eller att Google Tag Manager fördröjde renderingen med 300 ms. Du ser leverantören, kostnaden och påverkan.
• Upptäckt av anti-mönster: Vi skannar efter 14 specifika arkitekturmisstag: lazy-loading av LCP-bilden, att den göms i en CSS-bakgrund eller laddas från ett ooptimerat CDN. Vi fångar upp de fel som vanliga granskningar missar.
• Åtgärd på kodnivå: Vi genererar lösningen. Om din LCP-bild saknar priority hint, skriver vi <link rel="preload">-taggen åt dig. Om ett skript blockerar renderingen visar vi dig var du ska lägga till defer. Fixen är redo att kopieras och klistras in.

CLS-diagnos: Fånga spökbuggen

Layout shift är de svåraste buggarna att återskapa. Ett typsnitt laddas in sent på en viss uppkoppling. En annons renderas långsammare på mobil. Förskjutningen händer en gång, och du ser den aldrig igen.

CoreDash Diagnosis fångar varje bildruta. Vi registrerar förskjutningen, identifierar elementet och spårar grundorsaken.

• Elementet: Vi talar om exakt vilken DOM-nod som flyttade sig. Inte "någonstans i headern." Den specifika <div>-taggen med den specifika klassen.
• Utlösaren: Vi talar om varför den flyttade sig. Ett webbtypsnitt byttes ut utan en fallback-deklaration. En bannerannons infogades utan reserverat utrymme. En bild laddades in utan angivna dimensioner.
• Lösningen: Vi skriver din CSS. Lägg till aspect-ratio: 16/9 på bilden. Sätt font-display: swap på ditt font face. Reservera min-height: 250px för annonsbehållaren. Förskjutningen händer aldrig igen.

INP-diagnos: Hitta frysningen

Interaction to Next Paint mäter responsivitet. När det underkänns fryser gränssnittet. Användaren klickar på en knapp och ingenting händer.

RUM-data säger till dig att "INP är dåligt" och var besökarna har interagerat med din sida.  Vi berättar för dig vilken funktion som blockerar huvudtråden och hur du fixar det!

• Isolera interaktionen: Vi identifierar den exakta input-händelsen: ett knappklick, en formulärinskickning, en tangenttryckning. Vi vet vilken interaktion som misslyckades.
• Profilera hanteraren: Vi mäter din event listener. Vi visar dig exekveringstiden för din egen kod, ner på individuell funktionsnivå. Om din klickhanterare kör en 200 ms synkron operation, visar vi dig dessa 200 ms.
• Upptäck störningar: Ibland är din kod snabb. Webbläsaren är bara upptagen. Ett tredjeparts analysbibliotek bearbetar data. En spårningspixel skickar en nätverksförfrågan. Vi flaggar bakgrundsuppgiften som stjäl cykler från användarens interaktion.

Du slutar optimera i blindo. Du optimerar funktionen som faktiskt orsakar frysningen.

Plattformsspecifika lösningar

Generiska rekommendationer är värdelösa.

"Servera bilder i nästa generations format" hjälper inte en Shopify-handlare som inte kontrollerar sitt CDN. "Minska exekveringstiden för JavaScript" hjälper inte en WordPress-sajtägare som inte vet vilket tillägg (plugin) som är problemet.

CoreDash Diagnosis känner igen din teknikstack och genererar native-kod.

WordPress? Vi ger dig PHP-kodsnutten eller den specifika plugin-inställningen du behöver ändra.
Next.js? Vi ger dig modifieringen för next.config.js.
Shopify? Vi talar om vilken Liquid-mall du ska redigera och visar den exakta raden att lägga till.

Vi stöder Shopify, WordPress, WooCommerce, Magento, Drupal, Squarespace, Wix, Next.js, React, Vue.js och Nuxt.js.

Rekommendationen är inte teoretisk. Den är exekverbar.

Skillnaden mellan att se och att lösa

RUM talar om för dig att din sajt är långsam.

CoreDash Diagnosis talar om för dig att Intercoms chatt-widget blockerar huvudtråden i 200 ms under den inledande uppritningen (initial paint), och här är script-taggen du behöver modifiera för att skjuta upp (defer) inläsningen.

Det är skillnaden mellan ett mätvärde och en lösning.