Sergey Labuts's Blog
Elevate Your Site's UX: Pro Tips on Minimizing Cumulative Layout Shift
Learn what Cumulative Layout Shift (CLS) is, why it matters for Core Web Vitals and SEO, and how to reduce layout shifts caused by images, fonts, and dynamic content.
Critical CSS with Next.js: Improve Performance and Core Web Vitals
Learn how to extract and inline critical CSS in Next.js using Beasties. Covers static builds, CSS-in-JS, Pages Router, App Router, and SSR custom servers.
Headless CMS SEO: Architecture Decisions That Affect Rankings
Headless CMS SEO isn't a features question, it's an architecture one. This technical guide covers how Sanity, Contentful, Payload, Storyblok, Strapi and Directus handle crawlability, indexation, and programmatic scale.
Playwright testing on CI using Github Actions and Vercel
Learn how to run Playwright snapshot tests in GitHub Actions CI/CD pipelines — with artifact caching, Docker optimization, Vercel report hosting & Slack notifications.
Web Performance: Mastering LCP Optimization for SEO Success
Web performance optimization and SEO require ongoing effort; beyond basics like image compression and page weight, deeper optimization is often needed to scale effectively.
5 Red Flags Your Headless CMS Needs a Rebuild
Spot hidden CMS warning signs early. Keep your content platform fast, scalable, and built for editorial control and multi-channel delivery.
Vercel vs Netlify: How to Pick a Web Platform for Deployment in 2026
Netlify vs Vercel: compare performance, deployment workflow, pricing, and scalability to choose the right hosting platform for your next web project.
Google Tag Manager Loading Strategies in Next.js
Learn how Google Tag Manager impacts Core Web Vitals in Next.js. Explore 7 GTM loading strategies to balance performance and analytics accuracy.
Testing web application performance with Playwright
Learn how to use Playwright for performance testing and monitor Core Web Vitals like LCP, CLS, FCP, TTFB, and INP in CI.
Content Marketing Automation for Headless CMS
In this article, we’ll explore what content marketing automation looks like in the world of headless CMS, what can be automated, and which tools and integrations (including AI-powered ones) can make your workflow smarter and faster.
Nextjs & Storyblok image optimization. Part 2
The second part provides an in-depth exploration of Storyblok's Image API service, custom loaders, and cache management, presenting a well-rounded strategy for efficient image optimization in modern web development.
Next.js & Storyblok image optimization. Part 1
Check how to optimize images in Next.js with Storyblok to improve site performance, reduce load times, and avoid CLS. Explore the Next.js Image component, responsive loading, and real-world optimization techniques.
Automated Testing for Web Apps With Playwright (Step‑by‑Step Guide)
Learn how to set up automated testing with Playwright, write unit, integration and end‑to‑end tests in TypeScript, and prepare your web app for CI/CD and performance monitoring.
Google Consent Mode v2 (Implementation Guide by FocusReactive)
This article is intended to answer basic questions about Google Consent mode and give an understanding of how it works.