performance-engineering

To improve Core Web Vitals like LCP and CLS in Next.js, use resource preloading, code-splitting, and proper resource sizing. This skill helps propose concrete changes to UI loading and API responses to minimize TTI and layout shifts.

For full-stack web performance, implement Redis caching and edge caching using stale-while-revalidate strategies. This reduces database hits and latency by coordinating server, CDN, and database tactics to tighten end-to-end efficiency.

To audit and reduce bundle size and loading times, coordinate server-side rendering optimizations, code-splitting, and resource timing best practices. This skill can analyze your Next.js app and API routes to propose a concrete bundling plan.

Yes, this performance optimization approach works for full-stack projects by coordinating frontend and backend stacks. It targets faster loading and lower CLS by enforcing techniques across server, CDN, and database contexts.

High latency despite using a CDN often stems from unoptimized caching strategies and database hits. Use stale-while-revalidate techniques, Redis-backed caching, and server-side rendering optimizations to reduce DB hits and improve latency.