Sergey Labuts's Blog

Critical CSS with NextJS
In this article, we will explore the possible approaches for implementing Critical CSS with different render modes, including, but not limited to, Next JS.

You Won't Believe How React is Revolutionizing Satellite Control! 🛰️
Explore the cutting-edge world of ReactSat, a groundbreaking API that allows developers to control micro satellites using React. Discover how this technology is transforming space exploration and learn about its key features, best practices, and the future of space-based content management systems.

Playwright testing on CI using Github Actions and Vercel
In this article, we will discuss how to monitor your website's performance using Playwright.

Testing web application performance with Playwright
In this article, we will discuss how to monitor your website's performance using Playwright.

Getting Started with Automated Testing
Testing is important to ensure that your web application works as expected. This becomes even more important as your application grows. Setting up and maintaining testing often seems like an unnecessary overhead. In this article, we'll look at the benefits of testing and learn how to quickly start testing your application.

Google Consent Mode v2
This article is intended to answer basic questions about Google Consent mode and give an understanding of how it works.

Deep Dive into Web Performance: Mastering LCP Optimization for SEO Success
Web performance and SEO in particular can be a complex topic that can take some time and effort to master. Apart from some general tips like reducing page weight, compressing images, etc., sooner or later you may need to dig into this.

Elevate Your Site's UX: Pro Tips on Minimizing Cumulative Layout Shift
This article delves into a crucial aspect of Core Web Vitals (CWV) known as Cumulative Layout Shift (CLS). Exploring its significance, understanding its nature, and discovering ways to enhance it will be the focus here.

Nextjs & Storyblok image optimization. Part 2
In the second part, the article delves further into Storyblok's Image API service, custom loaders, and cache management, presenting a holistic approach to effective image optimization in modern web development.

Nextjs & Storyblok image optimization. Part 1
This comprehensive two-part article explores the critical role of image optimization in web development. In the first part, it underscores the profound impact of optimized images on user experience and SEO rankings, addressing issues like slow loading, bandwidth consumption, and the importance of faster websites in search results.