Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Poor performance of the template through pagespeed.web.dev


Have a good time with you, I would like you to kindly make the content of the css file and js files for all the required properties of the required page and the tools used separately, and not to stuff all the properties and widgets of the pages in a few files, I see that the use of properties is less than “2%” On some pages, using the Google browser tool Chrome "coverage".
You have grouped the css and js files into a few and added all the properties to the pages, Resulting leads to an increase in size, and cause in a problem the speed and performance of the template during its use and make it dynamic, Notice this using "https://pagespeed.web.dev" and other tools.

Please help to make browsing to the template faster, especially on mobile


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi,

Thank you for your feedback.

Our default build uses the bundle method for global users across pages. In terms of performance, this method is much preferred versus loading multiple separate plugins.

However, we will add documentation for separating the plugins into sub-bundles and load them on demand. Referring to this guide you will be able to have a custom build for required plugins and include them only when you need them. I will let you know asap once this guide is ready and you can access to via Metronic Docs.

Regards,
Sean



Hi,

In the meantime you can check this guide to optimize and reduce the bundle size or create separate bundles for plugins.

Regards.



Hi,

As promised we added documentation page for creating custom bundles per plugin and loading each plugin separately on demand.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(