webp images speed wordpress site

How Can WebP Images Speed Up Your WordPress Site

You’ve been a diligent admin of your WordPress website, minified and compacted the JavaScript and CSS, and optimized all your images in order to make them as light as possible. You also took proper care to have properly sized images or thumbnails loaded everywhere.

If you have a WordPress site, using plugins such as Autoptimize or ShortPixel Image Optimizer saved you a lot of hassle in doing that. That’s great, but what’s next?

Meet WebP images – a next-gen image format created by Google, that provides superior lossy and lossless compression compared to JPG, PNG, and GIF formats.

Continue reading How Can WebP Images Speed Up Your WordPress Site
avif 3

ShortPixel Image Optimizer: The only WP plugin that creates AVIF images

AVIF images are the next big step in image compression, and we have already been talking about it. AVIF promises images 50% smaller than JPG, and still keeping the same image quality. In comparison, WebP makes the image about 30% smaller, so it’s easy to see why you will want AVIF.

Starting with version 4.22, ShortPixel Image Optimizer (SPIO) is able to generate AVIF images! No need to use any hacks or manually upload them to your site. You just need the good old ShortPixel Image Optimizer.

Continue reading ShortPixel Image Optimizer: The only WP plugin that creates AVIF images
01

How to configure your web server to deliver AVIF images

ShortPixel Image Optimizer is able to create and serve AVIF files since version 4.22. The delivery can be done in two different ways: using the <PICTURE> tag syntax or without altering the page code (via .htaccess).

The recommended method is via .htaccess, but it’s only available if you are using Apache as web server. If you are using NGINX, and if you are having trouble after creating AVIF files on your site and the supporting browsers are downloading the images instead of displaying them, you have come to the the right place.

Continue reading How to configure your web server to deliver AVIF images
Screenshot 20210321 160420

What is DNS Prefetch and why you should implement it on your website

We previously talked about what Preconnect is and why you should implement it on your website. In this occasion we will talk about DNS Prefetch, a similar technique.

What is DNS Prefetch?

You probably know that domains exist just so we don’t have to remember the IPs of the servers of every website. Resolving a domain to an IP address is a process that takes some time, usually around 20-120ms, and that is done for every external domain that your website includes. Wouldn’t it be nice if these connections were made in the background while your page is loading, so when the actual resources need to be downloaded it all would take less time? That’s what DNS Prefetch does.

Continue reading What is DNS Prefetch and why you should implement it on your website

How to add AVIF and WebP images to your site

We have already written about how important are WebP images, and how the new AVIF format file is going to be better than WebP. But the most important question remains: how do I add AVIF images to my site? How do I add WebP images to my site?

The answer is ShortPixel.

How to serve WebP or AVIF from WordPress

If you have a WordPress site, and you probably do as more than 40% of all websites use WordPress, you have multiple ways to serve WebP or AVIF files.

Continue reading How to add AVIF and WebP images to your site