Support

Akeeba Backup for Joomla!

#35934 FOF 4.0.9 - site layout fully destroyed

Posted in ‘Akeeba Backup for Joomla! 4 & 5’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Environment Information

Joomla! version
n/a
PHP version
n/a
Akeeba Backup version
n/a

Latest post by on Friday, 05 November 2021 20:17 CDT

Chigolo

Hi there,

after today's update to FOF 4.0.9, the layout of my page is completely destroyed, see:https://www.krebshilfe-yana.de/. Before that everything worked. What should I do?

On one of my other pages, the layout of the contact form is now destroyed and one below the other, instead of next to each other ... see: https://www.monkey-security.de/kontakt/bewerbunsgformular

nicholas
Akeeba Staff
Manager

I don't think these events are related. We only changed a single line compared to FOF 4.0.8. Namely, we simplified an if–block so that it works as it did before, without the possibility of misfiring under CLI.

I visited the first URL you sent me and your site looks just fine.

The second URL you sent me returns a 404. The correct URL seems to be https://www.monkey-security.de/kontakt/kontaktformular Regardless, what FOF 4 changed cannot have any bearing to your site's layout. In fact, I can see that your problem is completely unrelated to our software. It's caused by the third party CSS and JS minifier (JCH Optimize) you are using on your site. It minifies the JavaScript improperly, causing the Fox object not to be defined before it's attempted to be used. JCH Optimize IS NOT an Akeeba product and DOES NOT have anything to do with FOF 4.

I suspect that you may have updated or reconfigured this third party extension at the same time as FOF 4 which is why you are wrongly blaming the FOF 4 update for an issue unrelated to it.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

Chigolo

That's strange, because nothing was changed on the JCH plugin, nor was there an update. I am now trying to test with the JCH plugin on both sides for the first time and then contact me again.

Chigolo

It was actually due to the JCH plugin mentioned, but I think that an error arose here after the last Joomla update or another component.

I have now opened the second page again by excluding the contact forms from the optimization by JCH. Please see: https://www.monkey-security.de/kontakt/bewerbungsformular.

I will import the first page and then see why it is here, because the same plugins and components are used there as on the second page.

However, I still noticed a problem with the Admin Tool, because a pop-up does not open during the cleaning process, but the entire page is used for this and nothing happens, here is a short video from the second page: https://gyazo.com/0abcb87da0111e9d6842d760ab38c43e.

I also have a problem with the backups in Akeeba Backup, they don't work anymore, please see: https://gyazo.com/75ff76ec44cd09d1545069d3ee5a2c72

 

I have tested both with and without deactivated JCH Plugin.

Thx for your answer in advance.

nicholas
Akeeba Staff
Manager

Both problems (Admin Tools and Akeeba Backup) would happen because of JavaScript issues. We know that as shipped our components do not have any such issues. So you either need to clean your browser's cache or, if that doesn't help, you need to find which third party extension is causing a JavaScript issue on the page which prevents our JavaScript from running.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

Chigolo

I have now tried to get the other side back and was successful. After a few (long!) Tests the error was in the last Joomla update (V3.10.2) in combination with the JCH plugin.
Really very strange, since it was just an extremely small update, but apparently with a great effect.
Thanks for the hint, I wouldn't have come across the JCH plugin myself.

Top support and thanks again for the help!

nicholas
Akeeba Staff
Manager

You're welcome!

I have been bitten by minifiers before. The problem is that you need to know in which order to minify things and which things to not minify at all. JavaScript can be loaded in the head of the page (blocking), asynchronously (anytime during the page load) or deferred (after the browser has built the DOM). Extensions which put the JS at the head of the page know that it's being loaded in a blocking manner, therefore any inline head or body JavaScript can access it by definition. Minifiers will typically combine all JS files and load them asynchronously or deferred, breaking this assumption and causing a multitude of problems.

Sure, there are ways around that but they require intimate knowledge of how the JS on your site works. I have created a plugin for my own use, Combinator, which allows this kind of fine–grained control. I wouldn't really recommend it unless you are a hardcore developer who understands everything about how JavaScript works on your site.

Joomla 4 fixes that problem by supporting deferred loading of JavaScript, EcmaScript 6 modules and dependencies. A native Joomla 4 extension written using the Joomla 4 best practices and conventions will not have any blocking JavaScript and make your site faster. The Joomla core already does that and so do our native Joomla 4 extensions. That's why page loads are so staggeringly fast on Joomla 4. I expect it will be another 1–2 years before the bulk of extension developers catch up with the One True Joomla 4 Way of using JavaScript, allowing you to have very fast sites with near–100 Lighthouse scores and the associated benefits for search engine rankings.

Nicholas K. Dionysopoulos

Lead Developer and Director

🇬🇷Greek: native 🇬🇧English: excellent 🇫🇷French: basic • 🕐 My time zone is Europe / Athens
Please keep in mind my timezone and cultural differences when reading my replies. Thank you!

System Task
system
This ticket has been automatically closed. All tickets which have been inactive for a long time are automatically closed. If you believe that this ticket was closed in error, please contact us.

Support Information

Working hours: We are open Monday to Friday, 9am to 7pm Cyprus timezone (EET / EEST). Support is provided by the same developers writing the software, all of which live in Europe. You can still file tickets outside of our working hours, but we cannot respond to them until we're back at the office.

Support policy: We would like to kindly inform you that when using our support you have already agreed to the Support Policy which is part of our Terms of Service. Thank you for your understanding and for helping us help you!