WordPress Page Optimization Pt. 5
LiteSpeed Viewport ImagesSettings
Continuing with the 5th part on LiteSpeed Cache Page Optimization.
You can read out on Pt.1 here
You can read out on Pt. 2 here
You can read out on Pt. 3 here
You can read out on Pt. 4 here
Starting off with 5th tab VPI:
When you need to optimize images on your WordPress website, one of the main question is how large is that image?
That’s where VPI becomes important.
What is VPI?
VPI — stands for Viewport Images
It is what the visitors see when the image has not initially loaded.
Get Muhammad Muntiqa’s stories in your inbox
Join Medium for free to get updates from this writer.
There are 2 options for VPI in WordPress LiteSpeed Cache:
- Viewport Images
When this is enabled the VPI uses QUIC.Cloud server to decide which images shall de displayed on the initial viewport load.
Note: if lazy load is already enabled, enabling VPI would cause extra delay of loading all images, in such case, keep the Viewport Images disabled.
Examples of Images that should be displayed by enabling VPI:
- Hero Section Image
- Product Image
- Larg banner Image
- Featured article Image
2. Viewport Images Cron
This setting controls how VPI generation is processed.
Understanding what is a Cron?
In WordPress terminology, it means an automated task scheduler.
Enabling Cron job will start an auto VPI process, and disabling it requires a manual requesting of the VPI process.
The two above VPI settings has a complete different job, and this VPI Settings tab is all about how the images are being loaded when the browser is processing the website content.
If you found this article helpful, leave a like and subscribe for more content like this.
