Translations

This audit breaks down your main network thread into its different tasks. The browser generally spends the most time parsing, compiling, and executing your JavaScript. In most cases, delivering smaller JavaScript payloads can reduce the time the browser spends on your main network thread.

This audit breaks down your main network thread into its different tasks. The browser generally spends the most time parsing, compiling, and executing your JavaScript. In most cases, delivering smaller JavaScript payloads can reduce the time the browser spends on your main network thread.

The %1$sfont-display%2$s supports "%1$sauto | block | swap | fallback | optional%2$s" values. Try different values to achieve the desired result. You can read about the different values %3$shere%4$s.

The %1$sfont-display%2$s supports "%1$sauto | block | swap | fallback | optional%2$s" values. Try different values to achieve the desired result. You can read about the different values %3$shere%4$s.

Font URL

Font URL

Your page is not using font-display rule when loading the following web fonts.

Your page is not using font-display rule when loading the following web fonts.

Nice! We couldn't find any web font loading without font-display CSS rule.

Nice! We couldn't find any web font loading without font-display CSS rule.

When you use web fonts on your website, browsers have to download them before any text can be displayed. Most browsers have a maximum timeout, after which a web font will be replaced with a fallback font. It's recommended to use a %1$sfont-display%2$s descriptor in your %1$s@font-face%2$s rule to control how text renders when web font download delays occur.

When you use web fonts on your website, browsers have to download them before any text can be displayed. Most browsers have a maximum timeout, after which a web font will be replaced with a fallback font. It's recommended to use a %1$sfont-display%2$s descriptor in your %1$s@font-face%2$s rule to control how text renders when web font download delays occur.

If you have your homepage set to a post or page using the block editor, delete the image block and replace it with a video block. Enable auto-play, mute the audio, and use the loop option under the block settings on the right.

If you have your homepage set to a post or page using the block editor, delete the image block and replace it with a video block. Enable auto-play, mute the audio, and use the loop option under the block settings on the right.

Note: You'll need to upload the video to your media library and replace the source.

Note: You'll need to upload the video to your media library and replace the source.

Once converted, replace the <image> tag with a comparable <video> tag and configure the element to behave like a GIF. Set your video to auto-play, no sound, on a continuous loop. If the image is hardcoded in your theme template, you can replace the <image> tag with the following code:

Once converted, replace the <image> tag with a comparable <video> tag and configure the element to behave like a GIF. Set your video to auto-play, no sound, on a continuous loop. If the image is hardcoded in your theme template, you can replace the <image> tag with the following code:

Convert your GIFs to videos. There are CLI packages available that will do this for you or you can use a standard online GIF-to-Video converter.

Convert your GIFs to videos. There are CLI packages available that will do this for you or you can use a standard online GIF-to-Video converter.

Follow the steps below (if you need help, a developer can help walk you through the process.)

Follow the steps below (if you need help, a developer can help walk you through the process.)

Size

Size

You can potentially save %dms by replacing the following animated GIFs with MPEG4/WebM videos.

You can potentially save %dms by replacing the following animated GIFs with MPEG4/WebM videos.

Nice! We couldn't find any GIF on your site.

Nice! We couldn't find any GIF on your site.

Replacing animated GIFs with videos will reduce the amount of data you send to your users and the load on your system. Converting GIFs to video files can provide a massive performance improvement with very little effort.

Replacing animated GIFs with videos will reduce the amount of data you send to your users and the load on your system. Converting GIFs to video files can provide a massive performance improvement with very little effort.