We are engineers living to make the web faster. Welcome to our blog.
Recent posts in category "Engineering"
Vitest: Blazing fast unit test framework
If you have heard of Vite, then you have probably heard of Vitest. In this article, let’s explore what Vitest is, how to use it and why it can be the next test framework for your apps.
What is NaN in JavaScript?
Let’s find out how and when you can get NaN in JavaScript, and what it even is
A useful function that does nothing
You may find this function in the most functional programming languages. But why?
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
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
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?
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?
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?
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
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!
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
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
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
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
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
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
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
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
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...