Forums

Hi,
​
I've been working on my website, trying to improve my horrible Google PageSpeed Insights Score. After a lot of tinkering, it turns out that ChronoForms V6 is slowing down the site as well as adding >170KB CSS & JS to each site load (with a CF6 module enabled).
​
This is due to the Semantic-UI library. The CSS as well as JS files are really large, and adding a lot of strain to the server with each page load. Bootstrap and JQuery CSS and JS are both together only about 70KB in comparison ...
​
My PageSpeed score is >90 on any page where CF6 is disabled, and drops down to the 70-80 area with any form displayed.
​
Any suggestions on how to solve this issue? Any ideas are more than welcome!
Especially for mobile data users, having almost 200KB additionally on each page load just for a form to be displayed seems way too much.
​
By the way: You will see the problem running a Google PageSpeed Insights Lighthose Audit on the very simply ChronoForms demo form:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.chronojoomla.com%2Fdemos%2Fforms

Over 50% (!!) of the entire page size is caused by the Semantic-UI library. It seems like the entire Semantic-UI library is included (and loaded each time), wouldn't it make sense to only include the actual components needed into the CF6 installation?

Hi,
​
Please check this FAQ:
http://www.chronoengine.com/faqs/78-general-questions/5302-speeding-up-your-joomla-website
​
Best regards

Dear Max,

thanks for your reply, it's most appreciated!
​
I did check the FAQs and the methods suggested are all enabled on my site (compression, additions to the .htaccess for compression as well as expiry times). Furthermore, I'm using Caches as well as additional compression / site-speed methods, some of them via the JCH Optimize plugin.
​
This doesn't solve the actual problem, though: ChronoForms seems to load the entire Semantic-UI JS and CSS libraries, which - both of them together - amount up to almost 200KB in additional data that needs to be transferred. Way more than my actual template, Bootstrap etc. use altogether.
​
I've done some A/B testing: With ChronoForms disabled on my site, I get a good Google PageSpeed Score of >90 points. With a small form enabled, my score drops to the 70-80 area due to the humongous additional CSS and JS that needs to be loaded. As already mentioned in my past comment: Even a test on the ChronoForms sample form on chronojoomla.com yields horrible results.

I've done a search on Semantic-UI size and loading times and it seems like the current suggestion is that - if Semantic-UI is used by an developer - to remove all parts from Semantic-UI's JS and CSS that aren't actually used by the component. So maybe this is an idea the development team can consider? Page load times seem to become an increasingly important metric in SEO and in how our sites can actually be found. Or maybe there are any other ideas ...

Having said that: I do love the style and functionality offered by Semantic-UI, and the way ChronoForms look on the website. It's far above and beyond from what other Joomla extensions can do. So I really do hope there's a possible solution to this, or something that finds consideration in the current development?