Turn On Brotli. Is this correct?

tomtr202

Hi
I am trying to turn ON Brotli. Are the steps in this image correct?

cristianuibar

Haha! Great find! I thought enabling the Brotli PHP extension would work just by that toggle itself, but after your post, I tested it and it didn't work.

I had to define in php.ini the 3 settings to make it work:
brotli.output_compression = ENABLED
brotli.output_compression_level = -1
extension = brotli.so

Thanks again for pointing this out!

I guess this should have more info on that PHP Extensions page. Maybe a tooltip about this with a link to docs?

Also, the docs are not very clear. They should be improved:
https://enhance.com/docs/php/enable-brotli.html

Zoinkies

tomtr202 Out of interest, what are you using auto_prepend__file for?

ivansalloum

cristianuibar Which web server are you using? If Litespeed, it is enabled by default.

tomtr202

I have a problem with Brotli. How about you? cristianuibar

When I click links on the website, it's ok, but if I click the Back button on the browser, it shows the encrypted machine code like the picture below

Could you test on your website and tell me whether you have these issues?

tomtr202

Thanks for your confirmed. Just added brotli.output_compression_level = -1 to my PHP directive

I am using OLS as well

JohnB

tomtr202 Does this give you two green boxes? https://www.daniel.priv.no/tools/brotli-browser-test/

That output looks like a browser that doesn't support brotli either because its old, IE, or disabled: https://caniuse.com/brotli

tomtr202

JohnB
I am using the latest Edge version on Linux Mint, so, Yes. I have two green boxes

JohnB

tomtr202 Can you try visiting the page on your phone or any other device / OS?

tomtr202

JohnB I get the same error on Android. You can see it here https://travel.turnkeywebsites.net/

JohnB

tomtr202 The site loaded fine for me. If you lower your compression level to 4 do you get the same issue?

tomtr202

JohnB
I tried with level 1, but still an error, so I turned OFF Brotli. 100% we can't use Brotli on OLS with Litespeed cache

cristianuibar

I had no such issues with OLS and Brotli with the settings I provided earlier.

I use my own DNS servers, no cloudflare.

I also use Edge but on Windows.

No issue on smartphones either.

My clients didn't report any issues either.

tomtr202

Zoinkies This directive to active full protection from NinjaFirewall plugin.

cristianuibar

JohnB
I turned off all plugins except Litespeed cache, also turned off Cloudflare proxy, tried to change the theme

PHP 8.2

But still issues. You can test it now. Click a link and, click back on your browser, click the link again....you will see the errors

https://travel.turnkeywebsites.net/

JohnB

Same. OLS + LScache + Brotli and I have no problems.

100% something else in your config (assuming you get the same issue across multiple devices / OS).

In theory I guess it could be some plugin/setting/code you have that is stripping out the header that marks the response as Brotli compressed. Perhaps some browsers (ie when I tested it) can adapt to this and some can't. When I tested it was the latest version of Chrome.

cristianuibar

Zoinkies Wordfence uses that for the WAF. That's the easiest to see and test if you want.

You can also use it for other things, like for example adding some custom code to run before a request.

I've seen it being used to setup some environment variables for example. Or loading a custom integration for a caching layer on top of WordPress.

cristianuibar

tomtr202

Check your php logs. I found an error there for my Brotli install due to extension = brotli.so added to php.ini. Looks like that is added automatically by the Brotli checkbox that enables it. So you just need to add brotli.output_compression = ENABLED brotli.output_compression_level = -1

Anyway, I also noticed that in my browser your website is always broken. No need to press back.

Also, I noticed that the encryption returned by your server is "gzip" not "brotli". Here is your header: Content-Encoding: gzip

Did you change anything else related to gzip maybe?

Or did you change any litespeed settings / config?

tomtr202

cristianuibar

I did not do/change anything related to Gzip

rdbf

cristianuibar

This is interesting, I was getting all kinds of weird behaviour on several domains, which I now managed to get rid of by disabling the brotli slider and removing the php.ini directives. Using Nginx + Cloudflare proxy, the WP single-signon from the panel would fail, and sometimes the domain root (and the domain root only....) would have trouble resolving.

I´ll leave it off until changing the slider takes care of everything properly, without having to mess with directives and options and possible conflicts.

tomtr202

cristianuibar

OLS enabled gzip by default so your websites have both gzip and brotli ON, right?

What is your Headers Content-Encoding result?
br,gzip - right?

ronald

Errors like these usually appear when there is double/multiple compression methods active. Check if you have enabled gzip or any other compression method in a plugin etc.

JohnB

If you're using cloudflare I'm curious why you want brotili enabled? If origin is compressed they have to decompress just to compress it again. Maybe this has changed but I doubt it. In the real world it won't make much a performance difference but its extra CPU time on your server to compress files that cloudflare will compress themselves.

Cloudflare will also take care of using gzip vs brotli where its appropriate.

That said it shouldn't cause your issue. I noticed that NOW I get your error. Most likely my first visit a few days ago was hitting cloudflare and had no issues and now its not. The header response was gzip not brotoli. Like ronald said you could have a conflict going on.

ecknz

tomtr202 try this it seems to be what you are experiencing.

https://community.cloudflare.com/t/website-showing-garbage-text/422747/6