AO wont work with bunnycdn
-
Hello, and first of all i want to tell your plugin is awesome as i uset it for many projects for my clientes. Simple, light weight and awesome coded.
This time i’m creating a personal news website but i can’t make AO to work with bunny cdn as i put the correct url (with https) but some strange errors appear on console.
image attached – https://paste.pics/EYUH2
The fact is if i use Wprocket (for expample) this erros dessapear, and wp rocket is has almost same config as AO.
I honestly don’t know what to do to fix that. On pasts projects it worked perfectly with other cdn but this time i just don’t know what to do to fix this. After 2 days i gave up and came here for a bit oh help :=)
Thanks kindly for your time.
The page I need help with: [log in to see the link]
-
No idea yet I’m afraid .. the resources mentioned load fine when requested separately (e.g. https://cryptomagaziner.b-cdn.net/wp-content/themes/jnews/assets/img/preloader.gif or https://cryptomagaziner.b-cdn.net/wp-content/plugins/cryptocurrency-price-ticker-widget-pro/assets/js/stream.min.js). For some files I see a CORS error, so you might have to configure your CORS headers (for fonts & JS) on the bunny-side of things?
Hello again and thanks kidnly for your time / help. =:)
I’ll try to explain with detalis the problem.
1. I use the Jnews theme for wordpress who have a full docs to how to optimize with AO their theme ( as they only support the AO integration with their theme).
Link of their official Doc: docs theme official
I followed 100% the docs ( excpet i didn’t isntalled yet super cache and now i deactivate the cdn )..
The main problem i guess is i gess is the arforms plugin and some other plugins. So i think i have to exclude this plugins from “Exclude scripts from Autoptimize:” but i don’t know the correct syntax, i tried some syntax but it’s not working. I think not only have o exlude the js, i have to exclude css of respective plugins too.
A attach the image with the problems on console right now: https://paste.pics/F073F
Maybe if i exlude it correctly ( plugins which i have or i guess i have problem with AO ) maybe this will work.
Could you help me with the corret syntax to make it works? Once it works i can contact with the Bunnycdn support to ask them to help me with integration.
2. The strange case is, if i use Wprocket fro js and css optimization it works but the perfomarmance is not so good as with your plugin. and i have 0 problems with the cdn integration. But forgive that for a while, my main problem is to see which plugins are creating the conflict and then make site works like a charm.
Thanks kidnly once again for your time =:)
OK, can you try to:
1. addmodule
to the comma-separated JS optimization exclusion list
2. addjnewsads
to the comma-separated JS optimization exclusion list
3. addplugins/arforms/
to the comma-separated JS optimization exclusion list
4. disable lazyload in your theme (you also seem to have ti active in perfmatters)?once all is done purge any page cache and re-test?
Helo again and thanks for the fast feedback =:)
I do all steps, i attach image: https://paste.pics/F07OH
And i deactivate the permatters ( i can’t not use it if create conflits ) but only deactivated it to be sure.
New error consoles: https://paste.pics/F07QW
I will attach also on paste bin the htaccess configuration, maybe there are some problems, i’m not sure so i’ll attach it for you, maybe some usefull information is there.
Pastebin: https://pastebin.com/bbZ2Qd0R
And also i forgot to tell you i’m using (right now) varnish cache + autoptimize , nothing more to speed it up. And obviously the jthene docs for speed.
so to be clear; does all of this work when “optimize JavaScript” is off? and what happens when “optimize JavaScript” is on but “aggregate JavaScript” is off?
Yep, all works when i disable the following settings on AO:
– Optimize JavaScript Code?
– Aggregate JS-files?when i do that 0 error and all seems working well. See the following image: https://paste.pics/F07Y4
Now if i enagle Optimize JavaScript Code? and disable Aggregate JS-files? it works also fine. Also 0 error in console.
Configuration: https://paste.pics/F081N
So it’s the Aggregate JS-files? main problem?
Thanks again 🙂
and if you tick the “don’t aggregate but defer” option (optionally with “also defer inline JS”)?
Well, if i tick that (as you can see on attached image ) – https://paste.pics/F0866 i have also 0 erros in console.
in that case my recommendation would be to use that configuration, as aggregating has little (no) advantages when on HTTP/2 anyway. you might even try to remove some of the exclusions for even better results 🙂
Thanks for the help, honestly.
So the last configuration we made is the best one right? ( sorry for ask that again but i just want to be sure, because as you can see on Jnews docs they choose the first configuration and we choose the second one).
So just to be sure, this is the correct one right? https://paste.pics/F0866
I didn’t even know my server support or had enabled the “HTTP/2″, didn’t even know that.
Sorry for ask this but, what that means exactly? 🙂
2you might even try to remove some of the exclusions for even better results 🙂”Which exclusion i should make? 🙂
Thanks kidnly
So just to be sure, this is the correct one right? https://paste.pics/F0866
yes
I didn’t even know my server support or had enabled the “HTTP/2″, didn’t even know that.
it’s pretty standard these days 🙂
Sorry for ask this but, what that means exactly? 🙂
2you might even try to remove some of the exclusions for even better results 🙂”try removing all exclusions, if it does not work add them one at a time to see which one(s) are needed? 🙂
Hi again and thaks for explaining me the excatly solution 🙂
“try removing all exclusions, if it does not work add them one at a time to see which one(s) are needed? 🙂” By this you mean exclusions about js or css or both?
Thanks kindly 🙂
I have other question if you don’t mind. Can i use Wp super cache + varnish + Ao? Is this a good perfomance or maybe only Ao + varnish? Other question is AO use cache but i’m not sure if i understand how it works, like.. AO cache the styles and scripts, and then varnish use them on dynamic cache right? Is this a good setup for performance or i’m missing something?
Thanks once again 🙂
“try removing all exclusions, if it does not work add them one at a time to see which one(s) are needed? 🙂” By this you mean exclusions about js or css or both?
JS 🙂
Can i use Wp super cache + varnish + Ao? Is this a good perfomance or maybe only Ao + varnish?
having both WPSC & Varnish results in having 2 page caching layers, which although possible will (a) not result in better performance and (b) might result in stale cache in one of the two that can be hard to troubleshoot.
Hi again thanks for your help, once again, i really apreciate your recomendations and apreciate to share with me your knowledge.
So i think i will finally use Varnish cache + autoptimize + cdn (if i can get if configured on the right way. Honestly i think is the best way to make the best combination for obtain the best perfomrance.
Can you share with me your meanings about that?
Thank you, kindly
- The topic ‘AO wont work with bunnycdn’ is closed to new replies.