CategoryPerformance

May 20, 2020 — It’s not enough to optimize an application. You need to prevent performance from degradation, and the first step to do it is to make performance changes visible. In this article, Anton Nemtsev shows a couple of ways of showing them in the GitLab merge requests. Read more…

March 16, 2020 — In this tutorial, we’re going to learn how to use the HTML Intersection Observer API to implement infinite scrolling and image lazy loading in a React functional component. In the process, we’ll learn how to use some of React’s hooks and how to create Custom Hooks. Read more…

March 9, 2020 — To prevent layout shifts and improve performance scores, we need to always set width and height attributes on our images. Here’s why and when it matters. Read more…

January 6, 2020 — Let’s make 2020… fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences on the web today. Read more…

October 29, 2019 — Images are a big part of the web and, yet, they can cause a lot of challenges for the user experience if not properly optimized or delivered. It’s been almost a decade since Google introduced the world to WebP as a solution to this problem. As more of our browsers, devices and software support it, it’s time that web designers started adopting it as their default image format. Read more…

October 22, 2019 — You want to build a mobile website or PWA that converts visitors into leads or customers. But with Google and consumers alike becoming ever more demanding when it comes to loading speeds, what more can you do? ImageKit, a digital image optimization service, might have the all-in-one hands-off solution you need. Read more…

September 27, 2019 — Before reading, you might want to first get back to Part 1 because it will help you to follow along in this second part of the article. Read more…

September 26, 2019 — In this article, we discuss “Frankenstein Migration” which is a new, framework-agnostic approach to the process of migration that allows using the same mechanism to migrate to pretty much any framework of your choice. Read more…

September 3, 2019 — In this article, let’s take a closer look at Buddy, one of the most comprehensive tools for automating website deployments. Read more…

August 23, 2019 — The Embedded Image Preview (EIP) technique introduced in this article allows us to load preview images during lazy loading using progressive JPEGs, Ajax and HTTP range requests without having to transfer additional data. Read more…