HTML-Size Of Pages - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

HTML-Size Of Pages

KL

Klaus Liedtke

SP Page Builder 5 months ago

Hi, I have a problem with the loading-time of my webpage. All my pages have a very big html-size form over 860 kb. I think this is because the page builder loads all the add-ons even though they aren't needed. Is there a way to minify the HTML code? Furthermore, numerous analysis tools report that unused CSS should be minified. These are: /------ bootstrap.min.css ------/ @charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--…

sp-page-builder{position:relative} …

/! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawe… /! animate.css - https://animate.style/ Version - 4.1.1 * Licensed under the MIT license - htt…

Is there a way to do this?

Thank you in advance

0
7 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 months ago #192064

Hello Klaus,

Thank you for reaching out to us.

Since you’re using Helix Ultimate based template you can compress your css and js from Helix Ultimate, check this documentation:https://www.joomshaper.com/documentation/helix-framework/advanced, also there are many extensions available on online that can help you minify CSS and HTML. You can choose any that suits your needs.

Additionally, you may find this blog post helpful: How to Speed Up Joomla Site.

Thanks,

0
KL
Klaus Liedtke
Accepted Answer
5 months ago #192072

Hi,

I still compress css from Helix Ultimate. I'm also use the plugin AIMY Speed index. The problem is the big html-code and the unused CSS-Files. Any idea?

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 months ago #192074

You can also check for unused files, plugins, or extensions that might be adding unnecessary code to your site. Removing or disabling them can help reduce the overall HTML size.

Additionally, you may try using the JCH Optimize plugin. There are also many helpful tools and extensions available online—doing a bit of research should help you find the right fit for your setup.

Hope this helps!

0
KL
Klaus Liedtke
Accepted Answer
5 months ago #192076

How can i remove the code for?: /------ bootstrap.min.css ------/ @charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--…

sp-page-builder{position:relative} …

/*! * Font Awesome Free 6.6.0 by @fontawesome - fontawesome.com * License - fontawe…
/*! * animate.css - animate.style/ * Version - 4.1.1 * Licensed under the MIT license - htt…
0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 months ago #192079

Please, check my attched screenshot:

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 months ago #192081

Your mentioned code is comes from your used AIMY Speed index extensions, So this css comes from this extensions after minified.

If you want to remove them, Check this css in here:

/templates/your_template_name/css/template.css

Thanks.

0
KL
Klaus Liedtke
Accepted Answer
5 months ago #192080

this are exactly my settings.

0