css and js files slow down my system

[tayfun uyrun]

I have a css and js file from csg. I put this on my layout page. but my pages slowed down considerably. How do I make it faster?

before

after

[Farveen Sulthana Thameeztheen Basha]

Hi Tayfun, 

Thanks for contacting Syncfusion support. 

 

Maybe scripts and CSS files size cause this problem. The following two ways to reduce the time while initial Grid rendering,  

 

Compress the ZIP file using GZIP  

   

We suggest you to use GZip. If you use the GZip for compressing the file size, you will have optimal solution in the production server. Please refer to the documentation for information on GZip.    

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer?hl=en

   

https://stackoverflow.com/questions/4352378/how-to-gzip-a-javascript-file

webserver - How to Gzip a javascript file? - Stack Overflow 179KB of jQuery is Minified and Gzipped to 26KB. I am trying to do the same compressions to my javascript files and found the Yuicompressor to Minify it. But I am still searching for a way to Gzip ... stackoverflow.com

  

   

Referring Grid dependent files alone:     

   

We can also refer individual files for rendering the Grid control instead of referring the ej.web.all.min.js file. Please refer to the below documentation, where we have listed out the dependent files for rendering the Grid control. Because its reduce the file size and also reducing the load time while page gets again build. Please refer to the Help documentation for more information,  

https://help.syncfusion.com/js/grid/getting-started     

https://help.syncfusion.com/aspnetmvc/dependencies 

We can find the above mentioned files from the below mentioned installed location.     

Script Location:      

C:\Program Files (x86)\Syncfusion\EssentialStudio\XX.X.X.XX\JavaScript\assets\scripts\web     

     

Here, XX.X.X.XX denotes the Product Version such for example, 17.2.0.34       

Regards,

Farveen sulthana T

[tayfun uyrun]

Can you make me an example.

With Grid, I'm just listing data.

I have more than 10 dependencies when I look at the page but I use a few of them

please help me

[Farveen Sulthana Thameeztheen Basha]

Hi tayfun, 

 

We have prepared simple sample with dependencies which is necessary to render the Grid. Refer to the below files in Layout.cshtml:- 

 

 <link rel='nofollow' href="https://cdn.syncfusion.com/17.3.0.14/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" /> 

    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script> 

    <script src="@Url.Content("~/Scripts/jsrender.min.js")"></script>> 

    <script src="https://cdn.syncfusion.com/17.3.0.14/js/common/ej.core.min.js"></script> 

    <script src="https://cdn.syncfusion.com/17.3.0.14/js/common/ej.data.min.js"></script> 

    <script src="https://cdn.syncfusion.com/17.3.0.14/js/common/ej.globalize.min.js"></script> 

    <script src="https://cdn.syncfusion.com/17.3.0.14/js/web/ej.grid.min.js"></script> 

    <script src="https://cdn.syncfusion.com/17.3.0.14/js/web/ej.pager.min.js"></script> 

 

 

Sample Link:- https://www.syncfusion.com/downloads/support/forum/148159/ze/Sample145862_(2)-2070805837.zip 

 

Note:- In this sample we have referred the dependencies to render the Grid alone. If you want to add any controls like scroller, dialog, you need to add corresponding dependent files as like documentaion 

https://help.syncfusion.com/js/grid/getting-started 

 

Please get back to us if you need any further assistance. 

 

Regards, 

Farveen sulthana T