Search
We found 5 articles matching: "webp"
-
How to do code splitting using React.Lazy, Typescript and Webpack
It is very popular to use React for your web applications today, but did you know that you can optimise your project a lot by using React.Lazy with Webpack to code split your project into chunks? Here is a simple tutorial on how you can get started splitting your code into chunks with React.Lazy.
-
How to convert your images to WEBP or AVIF
A great way to optimise your website, speed up and make it more sustainable / environmental friendly is to convert your images to either WEBP or AVIF. Both of these formats lower the file size drastically without loosing the quality of your image. In this tutorial we teach you how to quickly convert your images to the WEBP or AVIF format online.
-
How to use AVIF images with WebP as a fallback on your website
Since AVIF still isn't fully supported in the major web browsers, it is wise to add a fallback to your images that will be used in case your user's web browser doesn't support the image format. In this short tutorial, you will see how you can create a WebP fallback.
-
How to export images as WebP in Adobe Photoshop
WebP has been around since 2010, but it is first in recent years we have seen it become more popular. This tutorial will show you how you in older and newer versions of Adobe Photoshop can export photos as WebP.
-
The role of WebP in developing a sustainable WordPress site
WordPress is responsible for many websites, and with an increasing global average page weight, finding more sustainable practices is more important than ever. In this article, I talk about the role WebP has when developing a sustainable WordPress website.