Preload console warnings

Resolved nookyyy
(@nookyyy)

9 months, 3 weeks ago

Hey,

next question 🙂 Im using the VPI feature and the image opti .webp feature. The correct images are added to the VPI section on each page and the preload part is added to the head – still i get these warnings everywhere across the site

The resource https://cdn.nookyyy.com/wp-content/uploads/logo_nookyyy_wordmark-1200×401.webp was preloaded using link preload but not used within a few seconds from the window’s load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

for example on the frontpage https://nookyyy.com

Is this a bug or do i need to change something?

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Support qtwrk
(@qtwrk)

9 months, 3 weeks ago

it’s not exactly a bug or issue , but more like an imperfection

here is why or how it happens

when VPI generator open your page, it sees that 1200×401.webp , and conclude it to be an view port image , so plugin preloads it

but , as you know , wordpress will resize image to multiple different copies when you upload image

so now when other visitors , that is not same as VPI generator (screen size, resolution) , wordpress generate images with srcset like rcset="https://cdn.nookyyy.com/wp-content/uploads/logo_nookyyy_wordmark-1200x401.webp 1200w, https://cdn.nookyyy.com/wp-content/uploads/logo_nookyyy_wordmark-300x100.webp 300w, https://cdn.nookyyy.com/wp-content/uploads/logo_nookyyy_wordmark-150x50.webp 150w, https://cdn.nookyyy.com/wp-content/uploads/logo_nookyyy_wordmark-400x134.webp 400w, https://cdn.nookyyy.com/wp-content/uploads/logo_nookyyy_wordmark-600x201.webp 600w, https://cdn.nookyyy.com/wp-content/uploads/logo_nookyyy_wordmark.webp 1920w"

the browser will choose the image that fit to its screen/resolution

so , the page will preload 1200×401 , but browser may use other size , thus it says preload image is not used and gives that messages

Plugin Support litetim
(@litetim)

9 months, 3 weeks ago

@nookyyy Sorry, I am not able to see the warning
Thread Starter nookyyy
(@nookyyy)

9 months, 3 weeks ago
Ok thats strange i tested different browsers on different devices and got them in each of them – on chrome for example i have to interact with the page then they will show up (if i do nothing they wont show), in firefox it just takes a few seconds.

@qtwrk ah thx i understand – so theres no perfect way to do the preload then
- This reply was modified 9 months, 3 weeks ago by nookyyy.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Preload console warnings’ is closed to new replies.