Project openen
Start de app en open je website-map in de chat.
Je wilt de prestaties van je website verbeteren door de laadsnelheid op je eigen pagina's te meten. Deze workflow helpt je bij het vinden van trage elementen en het toepassen van fixes, terwijl je de volledige controle behoudt. Het beantwoordt de vraag over snelle fixes voor Core Web Vitals door voor- en na-cijfers te schrijven, zodat je ziet welke wijzigingen wel of niet helpen.
Start de app en open je website-map in de chat.
Vraag de agent om de startpagina op te halen en de headers te lezen.
Gebruik bestandsprogramma's om zware afbeeldingen en scripts in de map te sorteren.
Bekijk de diff en accepteer wijzigingen om bestanden te comprimeren of uit te stellen.
https://example.com/200 OKspeed-log.txt10 regelsspeed-log.txtopgeslagenping -n 1 127.0.0.1time=1ms# Speed test log
page: home, mobile, run 1, LCP 3.1 s
page: home, desktop, run 1, LCP 1.8 s
change: compressed hero image
page: home, mobile, run 1, LCP 2.2 s
page: home, desktop, run 1, LCP 1.5 s
change: defer render-blocking script
page: home, mobile, run 1, LCP 1.9 s
page: home, desktop, run 1, LCP 1.2 sDit platte tekstlogboek toont de voor- en na-cijfers voor een mobiel en desktoptest van de startpagina.
De agent gebruikt http_get om de pagina op te halen en leest de statuscode en responsheaders om de prestaties te evalueren terwijl de laadsnelheid wordt gemeten. Begin met testen. Vervolgens gebruikt het grep om de zware afbeeldingen in je map te vinden. list_dir onthult de scripts die zich in je werkmap bevinden. Je kunt de laadsnelheid van onze site verbeteren door afbeeldingen te comprimeren. De agent stelt wijzigingen voor om scripts uit te stellen en de laadtijd te verbeteren. Bekijk de diff in Ask first-modus voordat je wijzigingen accepteert. Accepteer wijzigingen en sla resultaten op in een logboekbestand voor bijhouden.
De agent gebruikt read_file om de vorige resultaten te laden en vergelijkt deze met de nieuwe gegevens, zodat je de exacte verschillen ziet in het chatvenster. Vraag vervolgens de agent. Het markeert de wijzigingen in LCP-, INP- en CLS-scores. Je kunt een mobiele test uitvoeren op een andere pagina. Een trage ttfb ver van de server kan soms worden opgelost met een CDN. De agent suggereert verdere optimalisaties als de cijfers nog steeds hoog zijn. Je bekijkt het eindrapport en beslist of de wijzigingen voldoende zijn. De waarden komen uit je eigen tests en tonen echte prestaties.