Optimize Images up to 80% with AVIF and WEBPSee how it works

We are engineers living to make the web faster. Welcome to our blog.

Recent posts in category "Engineering"

What is NaN in JavaScript?

Let’s find out how and when you can get NaN in JavaScript, and what it even is

ReturnTrue, pt. 2

A useful function that does nothing

You may find this function in the most functional programming languages. But why?

ReturnTrue, pt. 1

JavaScript import maps 101

What import maps are, what problems they solve, why it’s a cool JavaScript feature

Service workers tutorial

Why you’d want to use service workers, what they are, how they work and what is the difference between service workers and other workers in the browser

Creating responsive images with image-set

Using image-set for resolution switching, art direction and speeding up loading of web pages

A guide to Intersection Observer

Let’s see how to use Intersection Observer API to determine whether the DOM element somehow intersects with the viewport, or another element

How DNS servers and resolvers work

The only thing left to understand is the way your computer finds out the IP it should use to send packets when you type a domain in your browser

CDN Explained, pt. 5

Where are the borders in the Internet?

The story about the Border Gateway Protocol that works like duct tape for all computers in the world

CDN Explained, pt. 4

Internet addressing

What does an IP packet look like? What are the purposes of IP addresses and subnet masks? What is CIDR and how does subnetting work?

CDN Explained, pt. 3

Monorepository and polyrepository. Part 2. Some thoughts on perfecting industry standards

In the previous article, we looked at monorepos and polyrepos, their pros, cons, and common applications. Now let’s see why none of these solutions is ideal

Monorepository and polyrepository: two poor solutions to many unsolved problems. Part 1

Ready for a long trip into the world of software engineering problems and feel open to ideas that could evolve code-keeping practices everywhere?

TCP & UDP, or the two pillars of the Internet

What is OSI? Is it different from TCP/IP? What are the commons and the differences between TCP and UDP?

CDN Explained, pt. 2

Basics of the Internet

How to wire computers both reliable and optimal? What are ISP and IXP? How the internet signal gets from one continent to another? Is the satellite internet the future or not?

CDN Explained, pt. 1

How to crop an image in CSS

The article describes all the possibilities to crop images that CSS provides in 2021. You no longer need hacks!

Next.js image optimization techniques

Not so long ago, Next.js developers added an Image component to the framework which was aimed to replace the native HTML image and make it more performant and usable. In this post, I’ll describe performance optimization techniques which Next.js Image component brings to the table.

Lazy loading in Webpack

Let’s explore the logic behind handy API

Lazy Loading, pt. 2 (final)

React lazy loading 101

Why you should use React lazy loading, how it works and how to apply it to your app. Just Everything You Wanted to Know!

Lazy Loading, pt. 1

File uploads with HTML

Learn how to upload files to a server with HTML! Code examples for upload buttons — just tweak for your project.

Resize and rotate images using JavaScript

Learn to resize, rotate, zoom in and out images using JavaScript. Sample code included! Just copy, paste and tweak it!

Get off the ground with Next.js

Everything you need to know to write your first Next.js app: from learning Next.js to different deployment options!

Fundamental problems & open source dread of making a social media image resizer

In this article, you’ll find out how Uploadcare powered Pixelhunter, a free AI image resizer for social media

Developing an HTML5 file uploader with a PHP back end

Read this hands-on guide on how to create an HTML5 file uploader and find out if you should use a ready-made one

Different types of video file formats and why WebM and MP4 beat them all

Learn all the pros and cons of different types of video files and why WebM and MP4 are the top choices for 2021

Cumulative Layout Shift — the key to a website’s visual stability

This article explains the non-trivial importance of CLS as a part of Core Web Vitals and gives advice on improving the metric

Google Lighthouse, pt. 8 (final)

What is TBT (Total Blocking Time) in Lighthouse and why it matters

In this guide, you’ll learn what Total Blocking Time (TBT) is and how to improve your website responsiveness by reducing TBT

Google Lighthouse, pt. 7

First Input Delay (FID): website interactivity and responsiveness

In this article, you’ll learn about the First Input Delay metric, and find out ways to optimize it on your website

Google Lighthouse, pt. 6

TTI (Time To Interactive): what it is and what it tells about your website

Check out this Time to Interactive guide and find out how to identify performance bottlenecks and fix them

Google Lighthouse, pt. 5

How to optimize images before uploading to WordPress

How to shrink, what to shrink and when to shrink if you’re striving to achieve the best page speed results for your WordPress website or blog

What is Largest Contentful Paint (LCP) and how to improve it

Find out why Largest Contentful Paint is a good indicator of a website’s performance, and how to improve your LCP

Google Lighthouse, pt. 4

How to name images for SEO step by step

One way you might not have thought of optimizing your website’s SEO is naming your images for SEO. If this sounds like you, you’re potentially missing out on a number of optimization opportunities.

What is the Lighthouse Speed Index and why should you care?

Read this article to find out what affects the Lighthouse Speed Index and discover five the most effective ways to improve it in no time

Google Lighthouse, pt. 3

Lazy loading images

You will learn how to lazy load images, when to use lazy loading, the most efficient way to implement it, and why it’s a must in 2021

What is First Contentful Paint and how to improve it

In this article, you will learn technical details about First Contentful Paint and the ways you can control and improve it

Google Lighthouse, pt. 2

What is Google Lighthouse and why you should use it

This article tells you about page speed performance and the important metrics Google Lighthouse can measure

Google Lighthouse, pt. 1

Responsive images in WordPress

Boost your markup and publishing skills and master WordPress srcset and sizes tag parameters and explore PHP server code for responsive img

PHP file uploader for your website

Learn how to create a PHP uploader that’ll handle picture uploading using POST. Explore alternatives and use the Uploadcare API via PHP.

AJAX file upload: the shortest script

Learn how to use AJAX to upload files faster. Dive into our step by step guide on how to create file uploader fast with minimum code.

Image optimization: understanding the exact impact on Google’s performance score to rank higher

Uploadcare analyzed the world’s top 500 websites to find out how you can surpass your competitors. Here are the results.

Migrating to Uploadcare from Filestack

This article covers the six steps that will get you moved from Filestack to Uploadcare. You’ll need your Uploadcare API key and a list of files to migrate.

How to get raw Google Analytics data using Keen IO

Eventually, everyone who has been happily using GA hits the same wall: there’s no way to get access to raw GA data. Here’s a workaround for this problem.

How we use a Typeform and Intercom integration to nurture our most important leads

Several months ago we started to capture lead requests coming from our website. In this article, I’ll describe how we use Typeform and Intercom to automatically manage a bulk of enterprise, dedicated, and demo requests...