Sergey Labuts's Blog

Sergey Labuts
Sergey Labuts
Senior Engineer at FocusReactive
You Won't Believe How React is Revolutionizing Satellite Control! 🛰️

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

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

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

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.

Critical CSS with NextJS

Critical CSS with NextJS

In this article, we’ll share our experience with Google's CSS tool for extracting critical CSS – Critters. While still experimental, we've successfully used this tool in production and found it significantly improves the performance of static sites. When properly configured, it can potentially enhance SSR performance as well. Critters works well with static pages and can handle dynamic pages with some nuances.

Google Consent Mode v2

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

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

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

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

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.