Door categorieën bladeren
Ontdekken
Fiverr Pro
Nederlands
$
USD
Ik los inp- en lcp-problemen op voor complexe nextjs- of nuxt-applicaties
Dwi Wahyu Ilahi
Over deze dienst
Automatische vertaling
Verlies geen omzet meer door Red Core Web Vitals.
Is je Next.js of Nuxt app traag? Slechte LCP en INP scores frustreren niet alleen gebruikers, ze schaden je SEO-rankings en verminderen conversies. Generieke "speed plugins" falen bij complexe, moderne applicaties omdat ze de onderliggende oorzaak niet aanpakken: code-level knelpunten.
De realiteit: Overbodige JavaScript-bundels, hydration mismatches en Main-Thread blokkades lekken elke seconde je omzet weg.
Ik bied Performance Engineering, geen pleisters. Als Senior Developer gespecialiseerd in Next.js en Nuxt 3 voer ik architecturale ingrepen uit om je applicatie direct te laten voelen en responsief te houden.
Wat ik los:
- INP (Interaction to Next Paint): Verwijderen van Main-Thread lag voor snelle klikken.
- LCP (Largest Contentful Paint): Optimaliseren van SSR/ISR en prioriteit van kritieke resources.
- Hydration Tuning: CPU-overhead verminderen tijdens de handshake op de client.
- Bundle Optimalisatie: Geavanceerd tree-shaken en dynamisch code-splitting.
- TBT (Total Blocking Time): Scriptuitvoering minimaliseren om de responsiviteit te verbeteren.
Geen plugins. Geen shortcuts. Alleen schone, schaalbare en geoptimaliseerde code.
Klaar om 90+ te halen op Lighthouse en de CrUX field data te laten slagen? Laten we aan de slag gaan.
Respecteer de rechten van derden
Let erop dat het tegen het beleid van Fiverr voor freelancers is om thema's, templates of andere elementen in het geleverde werk op te nemen die inbreuk maken op de rechten van derden of toepasselijke wetten. Lees er meer over in onze Gids voor verantwoorde digitale creatie.
Maak kennis met Dwi Wahyu Ilahi
Dwi Wahyu Ilahi
Webapp Developer
- Afkomstig uitIndonesië
- Lid sindsjan 2022
- Gem. reactietijd4 uur
- Laatste levering1 maand
Talen
Engels
Fullstack web developer since 2023, building internal systems and institutional web platforms. Experienced with CMS, news management, reporting modules, and secure government web profiles. Stack: Next.js, Nuxt 3, NestJS, Laravel, SvelteKit. I've solved real problems — rebuilding hacked sites, fixing performance under limited server resources, and shipping systems that organizations actually depend on daily.
Automatische vertaling
Mijn portfolio
Veelgestelde vragen
Automatische vertaling
Wat is het verschil tussen INP en FID, en waarom is dat belangrijk?
INP (Interaction to Next Paint) is de opvolger van FID. Terwijl FID alleen de eerste interactievertraging meet, meet INP de latentie van alle interacties tijdens een sessie van een gebruiker. Ik focus op INP omdat het de algehele responsiviteit van je app weerspiegelt, wat nu een belangrijke rankingfactor van Google is.
Waarom zou ik handmatige engineering boven optimalisatie plugins kiezen?
Plugins voegen vaak een extra laag JavaScript toe, wat hydration en Main Thread blokkades kan verergeren. Mijn aanpak omvat "chirurgische" codewijzigingen—het optimaliseren van hoe jouw specifieke Next.js/Nuxt componenten worden gerenderd en uitgevoerd—wat leidt tot een lichtere, snellere en duurzamere codebase.
Mijn Lighthouse-score is 90+, maar ik haal nog steeds geen Core Web Vitals. Waarom?
Lighthouse is "Lab Data" (gesimuleerd). Google rangschikt je op basis van CrUX (Field Data)—echte ervaringen van je gebruikers. Ik optimaliseer voor CrUX, zodat gebruikers op langzamere apparaten of onstabiele netwerken toch een snelle, responsieve ervaring krijgen die de validatie van Google doorstaat.
Hoe pak je LCP-problemen aan in Next.js (App Router) of Nuxt 3?
Ik optimaliseer LCP door prioriteit te geven aan de Critical Rendering Path. Dit omvat het finetunen van de next/image of NuxtImg componenten, het implementeren van juiste fetch-strategieën (Server Components versus Client Components), en ervoor zorgen dat hero-elementen worden voorgeladen en zonder layout-shifts worden gerenderd.
Kun je "Main Thread Blocking"-problemen oplossen?
Ja. Hoge TBT (Total Blocking Time) is de belangrijkste oorzaak van INP-problemen. Ik gebruik geavanceerde technieken zoals Code Splitting, Dynamic Imports en het offloaden van zware logica (zoals analytics of complexe berekeningen) naar Web Workers of het optimaliseren ervan in niet-blokkerende micro-taken.
Hoe pak je grote JavaScript Bundle-groottes aan?
Ik voer een diepgaande Bundle-analyse uit om zware dependencies te identificeren. Vervolgens implementeer ik tree-shaking, vervang ik overbodige libraries door lichte alternatieven en zorg ik dat je app alleen de minimale JS bevat die nodig is voor de huidige route.
Zullen jouw optimalisaties mijn SEO of Third-Party Scripts (GTM, Pixel) beïnvloeden?
Mijn optimalisaties verbeteren je SEO door Core Web Vitals te verbeteren. Voor third-party scripts gebruik ik strategieën zoals Partytown of vertraagde loading om te voorkomen dat ze je LCP blokkeren of interfereren met gebruikersinteracties (INP).
Moet ik toegang geven tot mijn broncode?
Ja, om Performance Engineering uit te voeren heb ik toegang nodig tot je repository (GitHub/GitLab). In tegenstelling tot basis audits implementeer ik de fixes direct in je codebase voor maximale efficiëntie en compatibiliteit met je architectuur.
Hoe zorg je dat de snelheid niet weer afneemt nadat je klaar bent?
In het Premium pakket stel ik Performance Budgets in en kan ik je team begeleiden bij CI/CD-integratie om Lighthouse/CrUX-metrics automatisch te monitoren. Zo voorkom je dat nieuwe functies per ongeluk de prestaties verminderen die we hebben bereikt.
Wat is een "Hydration Bottleneck" en hoe los je dat op?
Hydration is JS dat server HTML activeert. Grote apps bevriezen vaak tijdens dit proces (High INP). Ik los dit op met Partial Hydration, lazy-loading en hook-optimalisatie om Main Thread congestie te verminderen en directe responsiviteit te garanderen.
