Is there a Blazor Bootstrap4 CSS minified version or CDN version? Original file is 5,5MB!!

I'm using Blazor version 18.4.0.30 and I have deployed my project to my server... I discovered only now that bootstrap4.css file is more than 5MB !!
It is too much...
There is a way to have the minified version?
And/or a CDN version?

Thank you

5 Replies 1 reply marked as answer

AN Andrea December 21, 2020 03:26 PM UTC

Now I solved the problem (reducing the CSS file size to 700 KB) using this website (selecting only used components):

https://crg.syncfusion.com/

So I placed the generated CSS file (bootstrap4.css) in my VS Solution folder:

"\wwwroot\_content\Syncfusion.Blazor\styles\custom\"

and in _Host.cshtml I referenced the new css file like here:

 ...
link rel='nofollow' href="_content/Syncfusion.Blazor/styles/custom/bootstrap4.css" rel="stylesheet"
 ...

Now...
  • Is this the correct way to solve the 5,5MB CSS file?
  • https://crg.syncfusion.com/ generate all the correct bootstrap4 css classes?
Thank You


MK Muthukumar Kannan Syncfusion Team December 30, 2020 11:53 AM UTC

Hi Andrea,

Greetings from Syncfusion.

We have validated your reported queries and find the details regarding that below.

Query 1: There is a way to have the minified version?

Yes, currently we are working on providing support for minified CSS in the theme studio site and we have logged the feature task for providing this support. We have planned to refresh it by 23rd December 2020 and let you know once it has been available in live, until then we appreciate your patience. Please follow up on the below feedback to track the status of this requirement.

Feedback: https://www.syncfusion.com/feedback/13694/provide-the-minified-css-support-in-theme-studio
 

Query 2: Having a CDN version?

Yes, we are having the CDN link support for CSS Styles, and please refer to the below CDN link for your requirement.

CDN Link: https://cdn.syncfusion.com/blazor/18.4.30/styles/bootstrap4.css 

Query 3: Is this the correct way to solve the 5,5MB CSS file? CRG generates all the correct bootstrap4 CSS classes?

Yes, CRG will generate the styles and scripts based on the components to be selected. You can also refer to these CRG downloaded styles to reduce the size of the CSS file.

Please let us know if you have any concerns.

Regards,
Muthukumar K
 


Marked as answer

MK Muthukumar Kannan Syncfusion Team December 30, 2020 11:58 AM UTC

Hi Andrea,

Sorry for the delay in getting back to you.

Query #1: There is a way to have the minified version?

We would like to let you know that we have completed the support for providing the minified CSS file and included it along with the downloaded zip file from our Theme Studio and it’s refreshed in live. Could you please check now with the below link and get back to us if you faced any issues or need further assistance?

http://ej2.syncfusion.com/themestudio/
 

Please let us know if you have any concerns.

Regards,
Muthukumar K
 



AN Andrea January 7, 2021 08:08 AM UTC

Thank You!



MK Muthukumar Kannan Syncfusion Team January 7, 2021 08:51 AM UTC

Hi Andrea,

Welcome..!

Please let us know if you need any further assistance.

Regards,
Muthukumar K
 


Loader.
Up arrow icon