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

Reducing page size


Hi, I ask question on ThemeForest comment section:

Hi, I used Laravel Demo 1 from Metronic 8.

Is there a way to reduce page size? The basic page has almost 15MB, so is there a way to remove unused CSS and js files?

Reply :

Hi,

Thank you for heads-up. Yes, sure, the assets size can be reduced by excluding unused plugins from webpack mix config. Could you please contact our core development team via devs.keenthemes.com and provide exact version of Metronic that you use ?

Regards, Sean

----------------------

I use : 8.1.7 Metronic version.

Thanks,
Pavle


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 (1)


Hi,

You can remove the unused 3rd party plugins from this list?

/starterkit/resources/mix/plugins.scss
/starterkit/resources/mix/plugins.js

You can reduce more unused CSS from this SCSS file:
/starterkit/resources/_keenthemes/src/sass/vendors/plugins/_plugins.scss
/starterkit/resources/_keenthemes/src/sass/components/components.scss

Rebuild the Laravel assets to get the latest bundle file.

Thanks


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  :(