Core Web Vitals fix
Ik maak je site zelf snel, waar die ook op gebouwd is. Ik werk eerst op een kopie en meet het resultaat in de data van je echte bezoekers. Je weet de prijs voor ik begin.
Rood in Search Console en geen developer om te bellen
De meeste trage sites zijn traag door een handvol redenen, en meestal is het configuratie. WordPress, Shopify, Next.js, Nuxt of een PHP-site die iemand in 2012 bouwde: de browser maakt het niet uit wat de pagina heeft gebouwd, en de browser is waar ik werk.
- Search Console
Core Web Vitals-beoordeling niet gehaald
Search Console stuurt de mail, PageSpeed Insights staat op rood op mobiel, en er is intern niemand om ernaar te kijken. Vaak zijn het twee of drie instellingen: de hero image staat op lazy loading, de caching-plugin slaat de pagina's over die ertoe doen, of de fonts komen van drie plekken tegelijk.
- Apps and plugins
Elke app die je toevoegde maakte het trager
Reviews, chat, een productfilter en een paar trackingpixels. Elk daarvan laadt zijn scripts op elke pagina, en samen zorgen ze dat elke tik traag aanvoelt. Je houdt de apps. Ik verander waar en wanneer ze laden.
- De vorige poging
Je betaalde al eerder voor snelheid en het hield geen stand
Een plugin of een freelancer beloofde 90+. De score ging omhoog omdat je scripts nu wachten tot iemand scrollt, en je echte bezoekers hebben er nooit iets van gemerkt. Ik haal het trucje eruit en fix wat eronder zat.
Hoe een fix bij mij eruitziet
Een fix is voor een site met een paar duidelijke knelpunten. Ik vind ze, fix ze op een kopie van je site en controleer achteraf of je echte bezoekers sneller zijn geworden.
-
Ik meet eerst
Voor ik iets aanpas, kijk ik naar je p75 op mobiel voor LCP, INP en CLS, en naar de pagina's die Search Console markeert. Ik zet CoreDash op je site, zodat we elke verandering binnen een dag zien landen in de data van echte bezoekers.
-
Ik fix het op een kopie
Ik werk op een staging-site, een kopie van je theme of een branch van je code, zodat je live site gewoon doordraait terwijl ik dingen aanpas. Eerst instellingen, dan code: de juiste hero image gepreload, app-scripts alleen waar ze nodig zijn, één bron voor je fonts.
-
Jij controleert het, daarna gaat het live
Je klikt door de kopie en ziet dat het nog steeds jouw site is, alleen sneller. Ben je tevreden, dan gaat het live.
-
Ik controleer je field data
Na de release volg ik je echte bezoekers drie maanden in CoreDash en stuur ik je het voor en na. Search Console loopt langzamer bij, omdat die kijkt naar de afgelopen 28 dagen.
Wat ik meestal tegenkom, per platform
- WordPress
Elementor, Divi, Astra
Een pagebuilder die zijn CSS en JavaScript op elke pagina laadt, en een caching-plugin die juist de pagina's overslaat die ertoe doen. Meer in mijn WordPress-handleiding.
- Shopify
Dawn, Horizon, Prestige en de rest
Apps die scripts injecteren op elk template, en een hero-slider die de LCP-afbeelding voor de browser verbergt tot het slider-script draait. Meer in mijn Shopify-handleiding.
- Next.js and React
Hydration en third parties
Hydration die de eerste tik blokkeert, de LCP-afbeelding gerenderd op de client, en third-party scripts geladen met de verkeerde strategie.
- Nuxt and Vue
Payload en hydration
Een grote page payload die de browser eerst moet parsen voor er iets werkt, en componenten die hydraten terwijl ze nooit veranderen.
- Angular
Change detection
Change detection die bij elke tik door de hele app loopt, en een main bundle die moet laden voor de eerste klik iets doet.
- Magento
De server en RequireJS
Full-page cache-misses op de pagina's die verkopen, en tientallen RequireJS-modules die laden voor de eerste tik werkt.
- Webflow and Framer
Animaties bij het laden
Elementen die onzichtbaar beginnen tot een animatiescript ze infadet, wat de LCP naar achteren schuift, en custom code ingesloten op elke pagina.
- Laravel and custom PHP
Time to first byte
Een server die er een seconde over doet om te antwoorden voor er iets anders kan beginnen, vaak één trage query die bij elk request draait.
Als ik help, help ik goed
Voor ik een klus aanneem, bekijk ik je site. Het meeste wat een site traag maakt is configuratie: een hero image die op lazy loading staat, een verkeerd ingestelde caching-plugin, apps die hun scripts laden op pagina's waar ze niet nodig zijn. Dat is wat ik fix. Sommige sites kan ik alleen sneller maken door workarounds te stapelen op wat er al staat. Pagebuilders zijn het bekende voorbeeld: elke fix die ik toevoeg maakt de site lastiger te onderhouden. Dan kost het je meer dan het oplevert, en vertel ik je wat ik in plaats daarvan zou doen. Ik wil dat je site snel is als ik klaar ben, en nog steeds makkelijk om aan te werken.
Wat kost een Core Web Vitals-fix?
Vanaf €600 voor een site die snel te fixen is, tot ongeveer €2.800 als er meer te ontwarren is. Heb ik gekeken, dan krijg je de prijs voor jouw site voor ik begin. Dat is het maximale dat je betaalt: gaat het sneller, dan betaal je minder, en heb ik het onderschat, dan maak ik het op eigen kosten af.
- Mij, die het werk zelf doet
- De prijs voor jouw site voor ik begin
- Elke aanpassing eerst getest op een kopie
- CoreDash inbegrepen, vooraf en drie maanden na afloop
- Het voor en na van je echte bezoekers
- Een korte toelichting op wat ik heb aangepast en waarom
De prijs voor ik begin
Voor de knelpunten die er het meest toe doen op jouw site.
€600 tot €2.800 excl. btwhet maximale dat je betaalt
Stuur me je URL
Eén regel over wat er traag is, is genoeg om te beginnen.
-
Vertel me wat er speelt
Je URL, wat er traag is en welk theme en welke apps je gebruikt. Is er een deadline, zoals Black Friday of een campagne, meld die dan even.
-
Ik kijk ernaar en stuur je een prijs
Meestal krijg je binnen een dag de prijs voor jouw site, of een eerlijk antwoord als een fix niet de juiste route is.
-
Ik ga aan de slag
Je geeft me toegang tot een kopie van je site, ik voer de aanpassingen door en jij keurt ze goed voor ze live gaan.
Hoe een fix eruitzag bij Nina.care
Een snelgroeiend platform voor kinderopvang op WordPress
Nina.care koppelt gezinnen aan oppassers en groeide hard. Elke nieuwe feature en elk nieuw land voegde weer wat toe aan de WordPress-site, tot alle drie de Core Web Vitals faalden. Ik werd gebeld terwijl ik in de Ardennen aan het wandelen was.
Eerst zette ik CoreDash erop, zodat we zagen waar echte bezoekers op wachtten. Daarna deed ik het programmeerwerk zelf en controleerde elke aanpassing in hun field data. In CrUX ging LCP op mobiel van 4,9 naar 1,7 seconden en INP van 225 naar 175 ms. CLS staat sinds februari 2024 op 0.
Jasmijn mailde achteraf: "Ontzettend bedankt voor alles wat je voor mij en de jongens hebt gedaan! Je voelt als een onderdeel van het bedrijf en dat bevalt me goed."
De fix
Op welke platforms werk je?
Vrijwel allemaal: WordPress met Elementor, Divi of Astra, Shopify, Next.js, React, Nuxt, Vue, Angular, Magento, Webflow, Framer, Laravel en custom PHP. De problemen herhalen zich op verschillende platforms vaker dan je denkt.
Kun je een Wix- of Squarespace-site sneller maken?
Een beetje. Op Wix en Squarespace kun je niet bij de code van het platform zelf, dus kan ik alleen werken aan wat je zelf hebt toegevoegd: afbeeldingen, fonts, apps en embeds. Ik vertel je vooraf of dat genoeg is om mijn prijs waard te zijn.
Garandeer je een score van 90+?
Nee. Ik maak je site sneller voor echte bezoekers, en dat is wat Google meet. Een 90 in Lighthouse is makkelijk te faken door je scripts tegen te houden, en op sommige sites is mijn eerste advies juist om de plugin die dat doet te verwijderen.
Installeer je een speed-plugin?
Alleen als dat de simpelste manier is om het goed te doen. Meestal pas ik instellingen en wat code in je theme aan, en wordt er niets nieuws geïnstalleerd.
Kun je onze Shopify-apps fixen?
Aan de eigen code van een app kan ik niets veranderen. Wel aan waar en wanneer die laadt, en daar komt de meeste vertraging vandaan. Is een app daarna nog steeds te zwaar, dan vertel ik je wat dat je kost en beslis jij.
Neem je elke site aan?
Nee. Ik kijk eerst, en ik geef pas een prijs als ik zeker weet dat de fix de moeite waard is voor jou. Sommige sites vragen meer werk dan een fix kan oplossen, en dan kosten mijn uren meer dan ze opleveren. Ik vertel je wat ik in plaats daarvan zou doen.
Wat is het verschil met een audit?
Een audit vertelt je wat er gefixt moet worden, en je developer bouwt het. Bij een fix bouw ik het zelf. Geen eigen developer? Dan moet je deze hebben.
Prijs en daarna
Wat heb je van ons nodig?
Toegang tot een staging-site, je theme of je code-repository, en iemand die akkoord kan geven als de aanpassingen klaarstaan. De rest regel ik.
Wat gebeurt er als we het theme updaten?
Bij WordPress zet ik mijn aanpassingen in een child theme, zodat een theme-update ze niet overschrijft. Bij Shopify betekent een nieuwe theme-versie dat sommige aanpassingen opnieuw moeten worden gedaan, en in mijn toelichting staat welke. Bij Next.js, React, Nuxt of Vue zitten de aanpassingen in je eigen code, dus die blijven behouden.
Wanneer wordt Search Console groen?
Search Console toont de afgelopen 28 dagen en loopt in de weken na de release dus geleidelijk bij. CoreDash toont je echte bezoekers de dag erna al, dus je hoeft niet te wachten om te zien of het heeft gewerkt.
Wat gebeurt er na die drie maanden?
CoreDash kan gewoon blijven doordraaien, en dat raad ik ook aan. Een nieuwe app, een plugin-update of een extra tracking-script kan een fix ongemerkt tenietdoen. Real user monitoring meldt het op de dag zelf, terwijl Search Console weken nodig heeft om het te laten zien.