How to fix Cumulative Layout Shift in Next.js
CLS is caused by content that arrives without reserved space: images, fonts, ads and client-only widgets. How to find each shift and reserve space for it.
5 min read#performance#nextjs#react
#performance
7 posts
all#nextjs 9#performance 7#architecture 6#react 5#crm 4#saas 3#seo 3#php 2#ai 2#reliability 1#typescript 1#redis 1#mysql 1#bash 1#devops 1#nodejs 1#real-estate 1#rag 1#geo 1#ai-search 1#postgres 1#web-development 1
Posts tagged performance
How to fix Largest Contentful Paint in Next.js
LCP is usually one element and one slow step. How to find both in Next.js: the image, the font, the server response, and the render path that delays them.
5 min read#performance#nextjs#react
A technical SEO checklist for the Next.js App Router
A technical SEO checklist for Next.js: canonical host, metadata, sitemap, robots, structured data, and the checks that catch regressions before they ship.
6 min read#seo#nextjs#performance
Shrinking a 14 GiB Redis cache to 1.6 GiB, no downtime
Transparent zlib compression for a Yii2 Redis cache: the envelope format, why level 6 beats level 1, and a rollout that can be undone with one env var.
3 min read#redis#php#performance
Next.js performance: the levers that actually matter
A measurement-driven guide to Next.js performance: Core Web Vitals, shipping less JavaScript, images, fonts, caching and deferring third-party scripts.
6 min read#performance#nextjs#react
How I cut First Contentful Paint on a Next.js blog
How to improve First Contentful Paint in a Next.js app: measuring it, shipping less JavaScript, taming fonts, deferring scripts and serving static HTML.
5 min read#performance#nextjs#react
Next.js App Router caching: the four caches explained
The four caches in the Next.js App Router — Request Memoization, Data, Full Route and Router Cache — explained with code, plus a model for revalidation.
2 min read#nextjs#web-development#performance