1. Home
  2. Forum
  3. Angular - EJ 2
  4. Help reducing the bundle size of an app using documenteditor, pdfviewer, and spreadsheet

Help reducing the bundle size of an app using documenteditor, pdfviewer, and spreadsheet

I have an Angular 17 application, which uses the ej2-angular-documenteditor, ej2-angular-pdfviewer, and ej2-angular-spreadsheet (version: 25.1.37) packages to display read-only word documents, pdfs, and spreadsheets. The final bundle size is huge. I am happy to share the stats file if needed. Is there anything I can do to reduce the bundle size? Thanks!


Image_9506_1724252923542



3 Replies
DS Dhanush Sekar Syncfusion Team August 23, 2024 01:22 PM UTC

Hi Balasundaram,


Currently, we are checking this issue with the Core team and will update the details on August 27, 2024


Regards,

Dhanush S


DS Dhanush Sekar Syncfusion Team August 28, 2024 09:57 AM UTC

Hi Balasundaram,


Document Editor:

We have confirmed the size of the document editor app. You can utilize the Document Editor component independently with the print module, rather than using the Document Editor container component. We developed an Angular app for the Document Editor, Document Editor container, and a simple app, and we compared their sizes, as shown in the images below. The size of the Document Editor app should decrease, as indicated in the images below.

Document Editor:

 

 

 

Document Editor container:

 

Simple App:

 

Please find the sample in below attachment

PDF Viewer:

We have checked the bundle size for the default Angular sample, the PDF Viewer with all modules, and the PDF Viewer in read-only mode. The bundle size is slightly reduced when using the PDF Viewer in read-only mode. Below, we have provided the bundle sizes for the different samples:


Bundle size for the default Angular sample:


Image_8652_1724839024503


Bundle size for the PDF Viewer sample with all modules:


Image_5587_1724839024503



Bundle size for the PDF Viewer sample in read-only mode:


Image_6585_1724839024503


Please find the sample below to open the PDF document in read-only mode:

PDFViewerReadOnlyMode


Kindly try this and let us know, if you have any concerns.


We will update details about spreadsheet on August 28, 2024.


Regards,

Dhanush S


Attachment: syncfusionangularapp_61d3e1fb.zip


DS Dhanush Sekar Syncfusion Team August 28, 2024 01:00 PM UTC

Hi Balasundaram,


Regarding spreadsheet component:

We have reviewed your query and would like to inform you that the Syncfusion Angular Spreadsheet component is composed of multiple modules. However, these modules are not exposed as injectable modules. Exposing them could complicate the process of including all the necessary modules to render the complete spreadsheet component. As a result, all modules are injected at the source level by default. Additionally, the modules within the Spreadsheet component are interdependent. We have explored the feasibility of reducing the bundle size, but unfortunately, there is currently no alternative solution to decrease the size of the Syncfusion Angular Spreadsheet component.


Regards,

Dhanush S


Loader.
Up arrow icon