• Resolved pheck

    (@pheck)


    Hello,

    I try to get the EWWW Image Optimizer plugin working with Cloudflare.

    I have read the article at https://docs.ewww.io/article/16-ewww-io-and-webp-images and therefore enabled the JS WebP Rewriting. Anyhow, looking at the Network analysis tool in Chrome browser (latest version), I see that the slider pictures are delivered as JPG. I also enabled to enforce WebP delivery by checking the box to enforce it for all pictures (independent from size). In the filesystem, the slider pictures are available as WebP versions.

    Other pictures, like on the page https://www.ph-internet.de/referenzen/, are delivered as WebP.

    Here the response headers received for one of the slider picture:

    		accept-ranges: bytes
    		age: 1243
    		alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400, h3-28=":443"; ma=86400, h3-27=":443"; ma=86400
    		cache-control: max-age=2419200
    		cf-bgj: imgq:200,h2pri
    		cf-cache-status: HIT
    		cf-polished: status=disabled
    		cf-ray: 6be35db1dcbe6967-FRA
    		content-length: 51956
    		content-type: image/jpeg
    		date: Wed, 15 Dec 2021 23:14:03 GMT
    		etag: "caf4-5d3372ae63c15"
    		expect-ct: max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
    		expires: Wed, 12 Jan 2022 22:53:20 GMT
    		last-modified: Wed, 15 Dec 2021 22:52:59 GMT
    		nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
    		report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=Elqn5d7%2Fb4OEmc4xTXX2%2Biob0m6HhzqWir3G2MVQzSoQ52LsrtpLca7QS52E7k86B4kz8UFVmoCt6JjGbdVD5dJ2qoKK6YM8OOFYZOmoi72RxlB1YIjjrromvYqkQpHavNao1j0B%2FYGmnEi4hq7byTw%3D"}],"group":"cf-nel","max_age":604800}
    		server: cloudflare
    		
vary: Accept-Encoding

    Any idea, how to get it working?

    Cheers Peter

    • This topic was modified 4 years, 5 months ago by pheck.
    • This topic was modified 4 years, 5 months ago by pheck.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Shane Bishop

    (@nosilver4u)

    Hi @pheck,
    That’s a tricky one there, as the slider images are in a separate CSS style block. Elementor is one of those that refuses to put them inline on the element so that we can actually manipulate them with JS WebP.

    However, there are a couple solutions, which involve CDN-based WebP deliver. The first is our Easy IO CDN, which can convert CSS background images in both CSS style blocks and those in external CSS files (it can work on top of Cloudlfare just fine also).
    The other would be to use Cloudflare’s Pro plan which comes with Polish for WebP delivery.

    Thread Starter pheck

    (@pheck)

    Thanks for your reply!

    I have the Cloudflare Pro Plan (via my Hoster IONOS), but in their configuration backend, the option to enable WebP (like it is available in the original Cloudflare configuration backend) is not available. I will try to clarify with them, how to get it working. WebP images of the slider are only 50% size, so it would heavily contribute to the overall performance.

    Have a nice Christmas time and stay healthy!

    Peter

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

The topic ‘Cloudflare Setup’ is closed to new replies.