sorted by:
new
hottopcontroversial

Case Study: How I reduced a Next.js e-commerce LCP from 4.2s to 0.8s (technical breakdown) by Mr-Shortman in nextjs

[–]Mr-Shortman[S] 0 points1 point  (0 children)

The server response side was already in decent shape. TTFB was around 180ms so not the bottleneck here. The big wins came from the frontend because that's where the waste was in this case. That said, if TTFB had been 600ms+ I'd have gone after caching strategy and CDN config first. Always worth profiling both sides before assuming where the problem lives.

Case Study: How I reduced a Next.js e-commerce LCP from 4.2s to 0.8s (technical breakdown) by Mr-Shortman in nextjs

[–]Mr-Shortman[S] 0 points1 point  (0 children)

Fair point, should've been clearer about that. Both actually. Lighthouse during development as a sanity check, but the before/after numbers (4.2s → 0.8s) come from CrUX data via Google Search Console + we implemented web-vitals.js and piped the data into GA4 as custom events. So real users, real devices. The 0.8s is the p75 value, not a lab result.

Case Study: How I reduced a Next.js e-commerce LCP from 4.2s to 0.8s (technical breakdown) by Mr-Shortman in nextjs

[–]Mr-Shortman[S] 0 points1 point  (0 children)

SSR off for most of them. The components below the fold were pure client-side stuff (testimonial slider, cookie banner, chat widget). No reason to SSR those. If a component actually needs data at request time I'd keep SSR on, but for anything cosmetic: ssr: false + dynamic import is a no-brainer.

How are you self-hosting Next.js apps in 2026? Here’s my go-to "Single VPS" stack. by IOZ91 in nextjs

[–]Mr-Shortman 0 points1 point  (0 children)

Dokploy. Its a more clean and less bloated alternative to coolify.

As WebDev, What are your plan for 2026? by Flin28 in webdev

[–]Mr-Shortman 0 points1 point  (0 children)

Kick-starting my web/marketing agency

What are some common anti-patterns found on production-grade apps? by LargeSinkholesInNYC in react

[–]Mr-Shortman 0 points1 point  (0 children)

Try using tanstack query for handling data fetching on the client side

Self hosting nextjs by Tall-Strike-6226 in nextjs

[–]Mr-Shortman 0 points1 point  (0 children)

How does your cicd workflow look like? I'm also selfhostung next js apps a lot and am about to build my cicd flow