Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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


G
Guest 3 years ago
Laravel Bootstrap 5
1 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Faizal Author 3 years ago

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(