Increase your Progressive Webapp’s Responsiveness and Speed with WebP

Expancio
Expancio
Nov 29 · 2 min read

With people spending more and more time on the web, one of the biggest problems for web developers is finding ways to make a website or webpage load in the quickest and most efficient way possible. Text is easy to send and load on a website. Images are a whole different ball game. This is one of the reasons Google began their work on their own image format that would alleviate some of the problems. So, what is WebP and why should you care?

What is WebP?

WebP is a type of image format that was developed by Google in 2010. One major benefit of this image format includes providing a higher compression ratio (making images smaller in size) while retaining image quality. WebP is said to reduce an image’s file size anywhere from 19% to 64%.

Image comparison of same image saved as JPEG and WebP. Switching the WebP reduced the JPEG’s size around 53%

This essentially means that images being used on a website are much smaller in size, and help the website load much quicker than it would otherwise. Additionally as mentioned before, the quality of the image is still retained, so your website will still look good.

One additional benefit of this smaller image size is that certain websites with many images such as e-commerce sites, travel or food blogs, image heavy sites, etc., can save on bandwidth and data. These savings are crucial for mobile users who may not have very high data or bandwidth to load image heavy sites.

How can I use WebP on my site?

If you’re using an Expancio template, you won’t have to jump through any additional hoops. Just upload your pictures like you normally would and your images will automatically be converted to WebP. Make sure to give at least one day for WebP changes to appear on your site after uploading . That’s it.

Now you and your customers can also enjoy reduced loading times and lower data usage for your website. If you don’t have a site, feel free to try making your own website out free for 15-days and experience the speed of progressive webapps and WebP.

Expancio

Written by

Expancio

One platform to create, publish, and mange your mobile commerce and eCommerce web app

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade