Learn about Centmin Mod LEMP Stack today
Register Now

Wordpress Installing WebP Express Wordpress Plugin on Centmin Mod Nginx

Discussion in 'Blogs & CMS usage' started by eva2000, May 11, 2019.

  1. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    Last edited: Sep 29, 2019
  2. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    Vary:Accept header. --> Resolved and Cloudflare as well. Made some progress in the nginx rules.
    Almost 81% of the browsers accept WebP, Safari is experimenting with it (after 9 years... Some are slow)
    Next step is to wait for Safari.

    Project_CMM_7313.png
     
  3. eva2000

    eva2000 Administrator Staff Member

    43,474
    9,870
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +15,239
    Local Time:
    12:26 PM
    Nginx 1.17.x
    MariaDB 5.5/10.x
    Are you using cloudflare free or pro plan? If you use pro plan, you don't need webP express plugin as cloudflare pro does conversion for webP automatically :)
     
  4. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    .. You mean business, that convents to WebP on the fly pro not. Pro only does a codec with the Polish.

    And I got it working. Without append.web. 100% Just RTFM. Created exclude page rule for Cloudflare, Created some extra rules for the domain.ssl.conf, installed Cache Enable, Setup up the HTML things correct. And everything is WebP. Things that don't have WebP show in the response header as WebP. Even with the Multisite Wordpress it works. Tested on a normal install and the MultiSite.

    And I have so many domains, most of the are free, some pro and others business. Depends on the usagae of these domains. So to get WebP working without having to pay a dime Excellent:)
     
  5. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    It's time;)
     
  6. eva2000

    eva2000 Administrator Staff Member

    43,474
    9,870
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +15,239
    Local Time:
    12:26 PM
    Nginx 1.17.x
    MariaDB 5.5/10.x
    nice that you got it working though it's still doing the html replace of image.webp via PHP/plugin ?

    Yes Polish is what I am referring to - it's all you really need Using Cloudflare Polish to compress images unless you like increasing disk space usage on origin server by having to host both .jpg/.png images and .webP versions for every size (wordpress resized) of images uploaded to your Wordpress install.
     
  7. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    Project_CMM_7314.png
    And after a few refreshes in developer tools.
    Project_CMM_7315.png
     
    Last edited: Sep 29, 2019
  8. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest

    Better wait until Macintosh and Safari Support it



    Well, placed all setting back to the old configuration. It works perfect, only for Mac Iphone and Safari, we are out of luck. ... Of course, they can install Chrome, but until now 20% uses Safari. All my visits on sites with a mobile device and something from Macintosh uses Safari.

    Tested it with Cross Browser Testing Tool: 2050+ Real Browsers & Devices and until now it won't work with these "fine and expensive" things that the company Macintosh has. While their profile is to sell state of the art, the latest technology and so, they fail on this part. WebP that Google created in 2010
     
  9. eva2000

    eva2000 Administrator Staff Member

    43,474
    9,870
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +15,239
    Local Time:
    12:26 PM
    Nginx 1.17.x
    MariaDB 5.5/10.x
    ?? you should be conditionally serving webP to only web browsers that support it and fallback to non-webP images for browsers that do not support webP i.e. Safari
     
  10. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
  11. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    Last edited: Sep 30, 2019
  12. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    Guess the post above is about DNSSEC. Tested it with my centmin test domain, that doesn't have that and it works fine with Centmin. Sorry for the confusion
    Project_CMM_7318.png
    InkedProject_CMM_7319_LI.jpg
     
    Last edited: Sep 30, 2019
  13. eva2000

    eva2000 Administrator Staff Member

    43,474
    9,870
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +15,239
    Local Time:
    12:26 PM
    Nginx 1.17.x
    MariaDB 5.5/10.x
    What are you testing for and seeing in your tests? If browser doesn't support webP like Safari, then a properly configured conditional webP configuration like mentioned in 1st post here, will serve non-webP version of the image i.e. orginal jpg/png image to visitors and only serve webP to browsers that support it like Chrome etc. So it is expected to see no webP images in Safari = working as expected.
     
  14. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    What I see, no pictures on Safari and Mac. And it does not serve non-webP.
     
  15. eva2000

    eva2000 Administrator Staff Member

    43,474
    9,870
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +15,239
    Local Time:
    12:26 PM
    Nginx 1.17.x
    MariaDB 5.5/10.x
    Did you use method outlined in 1st post or use advanced HTML replacements from webP express ? If you webP express advance HTML replacement then .webp is hard coded into your HTML and any resulting caches so Safari is probably being served webP image version and can't render it so it shows blank/no images on the site. That's why i also use webP conditional serving at Nginx level and not PHP/Wordpress plugin level :)

    Quote from 1st post
     
  16. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    Yep, exactly. Maybe I should clean all caching options.
     
  17. EckyBrazzz

    EckyBrazzz Active Member

    857
    174
    43
    Mar 28, 2018
    >>>>Click here<<<< i'm nearby......
    Ratings:
    +318
    Local Time:
    11:26 PM
    Latest
    Latest
    Let's see if we get any improvements. Didn't notice that wp-rocket had an update.
    Project_CMM_7320.png
     
  18. Jay Chen

    Jay Chen Active Member

    118
    37
    28
    Sep 10, 2017
    Ratings:
    +63
    Local Time:
    10:26 PM
    I am on Cloudflare free plan and looking to implement webP as well.

    If I choose option #1, then it defeat the purpose of using cloudflare right? Because the images won't be cached.
    If I select #2, might as well go for Cloudflare pro.

    Looks like the only viable option with cliudflare is option #3, but it may actually hurt performance, because it needs to execute additional php logic. Am I missing anything?[/CODE]
     
  19. Shirkit

    Shirkit New Member

    9
    1
    3
    Feb 6, 2019
    Ratings:
    +2
    Local Time:
    11:26 PM
    1.15.8
    I'd like to add that the plugin has been updated and has a tests functionality. By following the steps on the first post, things do not work corretly.

    From the 7 tests, 5 fails and 2 passes with warnings.

    Also, the plugin is unable to create webp on the fly.

    But, as good news, is that by bulk generating the images, everything works. Not ideal, but hey, at least works! I got my ecommerce unders 1s!
     
    • Informative Informative x 1
  20. eva2000

    eva2000 Administrator Staff Member

    43,474
    9,870
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +15,239
    Local Time:
    12:26 PM
    Nginx 1.17.x
    MariaDB 5.5/10.x
    Are you talking about the Conversion method listing ? you only need for 1 of the following ImageMagick, Imagick (PHP) or GD php extension to pass for webp conversion to work. cwebp, Vips, GraphicMagick, Remote WebP express, ewww cloud converter, Gmagick PHP extension are optional tools for doing WebP conversion which do not need to be installed, so they would fail the test links.