Table goes out of the borders

Could be due to CSS or JS optimization, try to identify which one by disabling (and re-enabling) CSS optimization and then JS optimization. once you know that you’ll have to look into which CSS- or JS-file to exclude from optimization to fix.

AO’s FAQ has more info on troubleshooting and how to exclude.

Feel free to follow up on your findings here or ask for further guidance if/ where needed.

hope this helps,
frank (ao dev)

Hello,

I have tried to disable both css and js optimization but nothing change.

Only if I disable Autoptimize the table displays in the right way.

But another important fact is if I disable the plugin Async Javascript and I keep Autoptimize activated the table also display correctly.

So what can I do and how can I proceed now?

Thank you for support

But another important fact is if I disable the plugin Async Javascript and I keep Autoptimize activated the table also display correctly.

that’s interesting … maybe try excluding plugins from asyncJS and see if you can get it working that way?

Hi
thank you for your answer.
Which plugin do you suggest me to exclude? Because the top table is a feature of my theme and it is not related to any plugin.

well, maybe try excluding your theme in that case?

I have solved excluding this script (related to the table) from Autoptimize: jquery.tablesorter.min.js

Oddly enough if I exclude the same script from Async Javascript it doesn’t work! Do you know why?

Another way for fixing the problem is to exclude JQuery in Async Javascript.

Besides the problem with the table, there is another issue with the pictures (as you can see if you check the page in mobile version). In fact the photos are not loading.

I thought there was a conflict with Lazy Load by Wp Rocket but if I try to exclude the plugin from Async Javascript nothing change.

If I exclude JQuery, pictures load correctly, but in case I want to keep deferring JQuery do you think is there another way I can try?

Thank you

Having to exclude jquery.js from AO JS optimization & AsyncJS is very common I’m afraid gamma42, a lot of themes/ plugins expect jQuery to be available early.

Ok
do you think this can hurt the speed of my website?
Your default set for optimization seems to be pretty good.

well, the fact you have to exclude jquery.js from being autoptimized & asynced will probably have a (smallish) impact on your start render/ first paint times, so if somehow you can remove JS that depends on jQuery being available early that would always be better. on the other hand; having a working site that meets your functional requirements has value as well, so … ??