EWWW Alternative WebP Rewriting

  • Resolved Petr

    (@csclubtauranga)


    7 years, 3 months ago

    Hi,

    I’ve just found incompatibility between the EWWW plugin and DrawAttention. This only occurs when Alternative WebP rewriting is switched on. As I’m not using Apache i do have to keep this option on.

    The error I see in the dev console on the front end is

    jquery.responsilight.js?ver=1.6.8:46 Uncaught TypeError: Cannot read property 'replace' of undefined
    at convertToRgba (jquery.responsilight.js?ver=1.6.8:46)
    at drawPoly (jquery.responsilight.js?ver=1.6.8:159)
    at drawShape (jquery.responsilight.js?ver=1.6.8:143)
    at mapOver (jquery.responsilight.js?ver=1.6.8:394)
    at HTMLAreaElement.<anonymous> (jquery.responsilight.js?ver=1.6.8:303)
    at HTMLAreaElement.dispatch (jquery.js?ver=1.12.4:3)
    at HTMLAreaElement.r.handle (jquery.js?ver=1.12.4:3)

    and in particular in function convertToRgba (jquery.responsilight.js?ver=1.6.8:46).

    Any ideas how to resolve it from your side?

    Thank you,
    Petr

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author croixhaug

    (@croixhaug)

    Hi Petr,

    That’s an odd issue, I think the cleanest solution would be to disable image optimization for Draw Attention images. We’ve added special classes to disable lazy loading and jetpack photon (other optimization solutions) for Draw Attention images. When something else modifies the image, it can interfere with Draw Attention’s ability to set up the clickable areaas.

    If you happen to know how to disable EWWW for a single image, that should fix it. We’ll also contact EWWW to see if there’s a filter or CSS class we can use to make Draw Attention more compatible with their plugin.

    Thanks,
    Nathan

    Plugin Author Natalie MacLees

    (@nataliemac)

    Hello Petr!

    We got in touch with the EWWW developer and identified the source of the conflict – EWWW is stripping data from the images that we’re relying on to make the plugin work. He’s going to modify the EWWW plugin to preserve that data, so that the two plugins will work well together.

    He said it will be at least a month before he’s able to release that new compatibility and recommends that you disable Alt WebP until he can get that implemented.

    –Natalie

    Thread Starter Petr

    (@csclubtauranga)

    Thanks Natalie for the heads up. Will do.

    Hey folks, I’ve pushed the potential fix to GitHub. If you could confirm it works, I’d appreciate it, since the official release won’t be until the first week in October. https://github.com/nosilver4u/ewww-image-optimizer

    Plugin Author Natalie MacLees

    (@nataliemac)

    I installed the updated EWWW plugin on a test site and activated the alternative WebP Rewriting option and confirmed that the Draw Attention images work as expected.

    Thank you so much for the quick compatibility fix!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘EWWW Alternative WebP Rewriting’ is closed to new replies.