Un utente ha chiesto informazioni su WebP Express di Wordpress

Immagine bianca sul telefono cellulare (iOS)

Un utente ha chiesto 👇

Sto usando l’estensione Gd per la conversione (e il test ha esito positivo).
Va tutto bene su tutti i desktop (Google Chrome), ma su Safari Mobile su iOS 12 vedo un’immagine vuota:
https://unsee.cc/e52cccc6/

Ecco il codice che vedo su Safari Mobile:
https://img42.com/bpR7B+

Che c’è?
Ho selezionato l’immagine originale come “risposta al fallimento”

Questo argomento è stato modificato 2 anni, 1 mese fa da.

Autore del plugin

(@roselldk)

2 anni, 1 mese fa

Non ho Safari Mobile, ma ottengo anche un’immagine vuota in Firefox 63, che non supporta webp.

Il problema nel mio Firefox 63 è che ottiene la pagina web invece del jpg.

Vedo che stai succedendo un paio di cose.

Le intestazioni delle risposte rivelano che stai utilizzando cloud e Varnish


server: cloudflare
tre: 1.1 vernice (vernice / 6.1), 1.1 vernice (vernice / 6.1)

La fonte rivela che stai utilizzando un plug-in per il caricamento lento delle immagini:

https://bombacarta.com/wp-content/uploads/2018/11/hamlet.jpg “; data-lazy-src = “https://bombacarta.com/wp-content/uploads/2018/11/hamlet.jpg “; alt = “” data-lazy-srcset = “https://bombacarta.com/wp-content/uploads/2018/11/hamlet.jpg 720w, https://bombacarta.com/wp-content/uploads/2018/11/hamlet-300MU134.jpg 300 w “data-lazy-size =” (larghezza massima: 700 px) 100 vw, 700 px “dimensioni =” (larghezza massima: 700 px) 100 vw, 700 px “srcset =”https://bombacarta.com/wp-content/uploads/2018/11/hamlet.jpg 720w, https://bombacarta.com/wp-content/uploads/2018/11/hamlet-300MU134.jpg Dati elaborati 300w ”=” true “width =” 700 ″ height = “313 ″>

E per rendere le cose più complicate, ci sono anche degli script in corso.
Ho provato a disabilitare javascript, ma ho ottenuto lo stesso risultato.

Ho poi notato che alcune immagini vengono consegnate correttamente come jpeg. Per esempio [download.jpg](https://bombacarta.com/wp-content/uploads/2018/11/download.jpg).

Download.jpg è referenziato in questo modo in HTML:

https://bombacarta.com/wp-content/uploads/2018/11/download.jpg “; alt = “” width = “259 ″ height =” 194 “/>

Per un momento ho pensato che le immagini fossero fallite. Ma alcune delle immagini funzionano davvero.

Hai trovato lo schema:

Le immagini fornite correttamente come jpeg hanno la seguente intestazione di risposta:


x-cache: MISS

E tutte le immagini fornite in modo errato come webp hanno comunemente questa intestazione di risposta:


x-cache: HIT

La cache dell’immagine semplicemente non sembra tenere conto del fatto che la risposta cambia *. I browser che inviano “image / webp” nell’intestazione Accetta webp, altri browser ottengono jpeg. La cache deve memorizzare nella cache i file jpeg e le immagini web. Va detto che la risposta dipende dal valore dell’intestazione Accept.

Controlla la sezione “Come posso farlo con CDN” nella sezione FAQ [here](https://wordpress.org/plugins/webp-express/)

Autore del plugin

(@roselldk)

2 anni, 1 mese fa

Secondo la risposta ricevuta per moderazione.
Quindi inserisco di nuovo (solo la conclusione principale), quindi spero di ottenere la mia risposta ora, piuttosto che dopo.

Le immagini fornite correttamente come jpeg hanno la seguente intestazione di risposta:


x-cache: MISS

E tutte le immagini fornite in modo errato come webp hanno comunemente questa intestazione di risposta:


x-cache: HIT

La cache dell’immagine semplicemente non sembra tenere conto del cambiamento nella risposta. I browser che inviano “image / webp” nell’intestazione Accetta webp, altri browser ottengono jpeg. La cache deve memorizzare nella cache i file jpeg e le immagini web. Va detto che la risposta dipende dal valore dell’intestazione Accept.

Controlla la sezione “Come faccio a farlo con CDN” nella sezione FAQ qui: https://wordpress.org/plugins/webp-express/

Questa risposta è stata modificata 2 anni, un mese fa da. Questa risposta è stata modificata 2 anni, un mese fa da.

(@ lorenzone92)

2 anni, 1 mese fa

Ciao Rossell,
Grazie per la risposta.

Sembra da cURL che l’immagine jpg ha l’intestazione x-cache:
https://unsee.cc/3513138b/

Come posso verificare se ha anche l’immagine webp? Hai idea di come potrei risolvere questo problema in Cloudflare? Purtroppo non vedo nulla relativo a questo dai loro siti.
Grazie!

(@ lorenzone92)

2 anni, 1 mese fa

PS Ora ho il plugin disabilitato, quindi se esegui curl e non vedi l’intestazione, ecco perché

Autore del plugin

(@roselldk)

2 anni, 1 mese fa

Con Cloudflare, sembra che tu debba utilizzare la funzione “chiave cache personalizzata” e impostarla in modo che si basi sull’intestazione “Accetta”.

La caratteristica principale della cache personalizzata è descritta qui: https://support.cloudflare.com/hc/en-us/articles/115004290387

Tieni presente che una chiave cache personalizzata è una funzionalità Enterprise

Contenuti correlati: https://wordpress.org/support/topic/worked-on-staging-but-not-working-on-production/

Autore del plugin

(@roselldk)

1 anno, 10 mesi fa

Per gli altri che si sono uniti a questo thread, tutti i problemi sollevati finora sulle immagini non mostrate in Safari sono il risultato di problemi di memorizzazione nella cache. Cioè il tuo CDN si perde a causa di varie risposte alle immagini.

Se dovessero esserci problemi con Safari, dovrebbero essere visualizzati in questa piccola pagina di prova:

http://toste.dk/rh.php

La pagina di test utilizza le stesse tecniche di WebP Express.
Se vedi entrambe le immagini, le tecniche funzionano perfettamente.
E il contrario non è stato ancora dimostrato.

Autore del plugin

(@roselldk)

1 anno, 10 mesi fa

contrassegna come risolto

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *