Skip to content

Commit e7a0876

Browse files
BalajiLoganathanSF4826BalajiLoganathanSF4826
authored
Merge branch 'development' into EJ2-1010339-core
2 parents 2b143ad + 5499265 commit e7a0876

120 files changed

Lines changed: 8300 additions & 3459 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎Document-Processing-toc.html‎

Lines changed: 63 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -888,11 +888,21 @@
888888
<li>
889889
<a href="/document-processing/pdf/pdf-viewer/react/overview">React</a>
890890
<ul>
891-
<li>Getting Started
891+
<li>
892+
<a href="/document-processing/pdf/pdf-viewer/react/getting-started-overview">Getting Started</a>
892893
<ul>
893894
<li><a href="/document-processing/pdf/pdf-viewer/react/getting-started">with Standalone PDF Viewer</a></li>
894895
<li><a href="/document-processing/pdf/pdf-viewer/react/getting-started-with-server-backed">with Server-Backed PDF Viewer</a></li>
895-
<li><a href="/document-processing/pdf/pdf-viewer/react/preact">Preact</a></li>
896+
</ul>
897+
</li>
898+
<li>
899+
Environment Integration
900+
<ul>
901+
<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/nextjs-getting-started">NextJS</a></li>
902+
<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/preact">Preact</a></li>
903+
<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/remix">Remix</a></li>
904+
<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/share-point">SharePoint Framework (SPFx)</a></li>
905+
<li><a href="/document-processing/pdf/pdf-viewer/react/depoyment-integration/gatsby">Gatsby</a></li>
896906
</ul>
897907
</li>
898908
<li><a href="/document-processing/pdf/pdf-viewer/react/feature-module">Feature Modules</a></li>
@@ -923,6 +933,14 @@
923933
<li><a href="/document-processing/pdf/pdf-viewer/react/save-pdf-file/to-azure-active-directory">To Azure Active Directory</a></li>
924934
</ul>
925935
</li>
936+
<li>Document Handling
937+
<ul>
938+
<li><a href="/document-processing/pdf/pdf-viewer/react/document-handling/load-large-pdf">Load Large PDF Files</a></li>
939+
<li><a href="/document-processing/pdf/pdf-viewer/react/document-handling/load-password-pdf">Load Password Protected PDFs</a></li>
940+
<li><a href="/document-processing/pdf/pdf-viewer/react/document-handling/preprocess-pdf">Preprocess PDF Document Before Displaying</a></li>
941+
<li><a href="/document-processing/pdf/pdf-viewer/react/document-handling/retrieve-loadedDoc">Retrieve the Loaded Document Instance </a></li>
942+
</ul>
943+
</li>
926944
<li><a href="/document-processing/pdf/pdf-viewer/react/mobile-toolbar">Mobile Toolbar Interface</a></li>
927945
<li><a href="/document-processing/pdf/pdf-viewer/react/toolbar">Toolbar Customization</a>
928946
<ul>
@@ -947,6 +965,19 @@
947965
<li><a href="/document-processing/pdf/pdf-viewer/react/text-search">Text Search</a></li>
948966
<li>Annotation
949967
<ul>
968+
<li>Annotation Types
969+
<ul>
970+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/highlight-annotation">Highlight</a></li>
971+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/underline-annotation">Underline</a></li>
972+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/strikethrough-annotation">Strikethrough</a></li>
973+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/squiggly-annotation">Squiggly</a></li>
974+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/line-annotation">Line</a></li>
975+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/arrow-annotation">Arrow</a></li>
976+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/rectangle-annotation">Rectangle</a></li>
977+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/circle-annotation">Circle</a></li>
978+
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotation-types/polygon-annotation">Polygon</a></li>
979+
</ul>
980+
</li>
950981
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/text-markup-annotation">Text Markup Annotation</a></li>
951982
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/shape-annotation">Shape Annotation</a></li>
952983
<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/stamp-annotation">Stamp Annotation</a></li>
@@ -1002,13 +1033,18 @@
10021033
<li><a href="/document-processing/pdf/pdf-viewer/react/forms/form-fields-api">APIs</a></li>
10031034
</ul>
10041035
</li>
1005-
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pdf">Organize Pages</a>
1036+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/overview">Organize Pages</a>
10061037
<ul>
1007-
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/overview">Overview</a></li>
1038+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/copy-pages">Copy pages</a></li>
1039+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/import-pages">Import pages</a></li>
1040+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/insert-blank-pages">Insert blank pages</a></li>
1041+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/remove-pages">Remove pages</a></li>
1042+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/reorder-pages">Reorder pages</a></li>
1043+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/rotate-pages">Rotate pages</a></li>
1044+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/zoom-pages">Zoom pages</a></li>
1045+
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/extract-pages">Extract Pages</a></li>
10081046
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/programmatic-support">Programmatic Support</a></li>
1009-
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/ui-interactions">UI Interactions</a></li>
10101047
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/toolbar">Toolbar</a></li>
1011-
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/extract-pages">Extract Pages</a></li>
10121048
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/mobile-view">Mobile View</a></li>
10131049
<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/events">Events</a></li>
10141050
</ul>
@@ -1019,6 +1055,13 @@
10191055
<li><a href="/document-processing/pdf/pdf-viewer/react/text-selection">Text Selection</a></li>
10201056
<li><a href="/document-processing/pdf/pdf-viewer/react/globalization">Globalization</a></li>
10211057
<li><a href="/document-processing/pdf/pdf-viewer/react/accessibility">Accessibility</a></li>
1058+
<li><a href="/document-processing/pdf/pdf-viewer/react/theming-and-styling">Theming and Styling</a></li>
1059+
<li><a href="/document-processing/pdf/pdf-viewer/react/context-menu/context-menu">Context Menu</a>
1060+
<ul>
1061+
<li><a href="/document-processing/pdf/pdf-viewer/react/context-menu/builtin-context-menu">Built-in Context Menu</a></li>
1062+
<li><a href="/document-processing/pdf/pdf-viewer/react/context-menu/custom-context-menu">Customize Context Menu</a></li>
1063+
</ul>
1064+
</li>
10221065
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to-overview">How to</a>
10231066
<ul>
10241067
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/load-document">Load the PDF documents dynamically</a></li>
@@ -1042,7 +1085,6 @@
10421085
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/retry-timeout">Retry Timeout</a></li>
10431086
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/load-n-number-page">Load N number of pages on initial loading</a></li>
10441087
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/conformance">Supported conformance documents</a></li>
1045-
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/custom-context-menu">Customize context menu</a></li>
10461088
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/pagerenderstarted-pagerendercompleted-event">PageRenderInitiate and PageRenderComplete event</a></li>
10471089
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/open-bookmark">Open and Close Bookmark pane programmatically</a></li>
10481090
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/signatureselect-signatureunselect">SignatureSelect and SignatureUnselect event</a></li>
@@ -1067,6 +1109,7 @@
10671109
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/show-hide-annotation">Show and Hide Annotation</a></li>
10681110
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/enable-text-selection">Dynamically Enable or Disable Text Selection</a></li>
10691111
<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/load-document-after-resources-loaded">Load document after resources loaded</a></li>
1112+
<li><a href="/document-Processing/pdf/pdf-viewer/react/how-to/existing-react-layout">Integrate PDF Viewer into existing react layout</a></li>
10701113
</ul>
10711114
</li>
10721115
<li>Troubleshooting
@@ -5196,43 +5239,25 @@
51965239
<li><a href="/document-processing/excel/spreadsheet/react/getting-started">Getting Started</a></li>
51975240
<li><a href="/document-processing/excel/spreadsheet/react/nextjs-getting-started">Getting Started with NextJS</a></li>
51985241
<li><a href="/document-processing/excel/spreadsheet/react/data-binding">Data Binding</a></li>
5199-
<li><a href="/document-processing/excel/spreadsheet/react/open/open">Open Excel File</a>
5200-
<ul>
5201-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/file-uploader">using a file uploader</a></li>
5202-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/external-url">using an external URL</a></li>
5203-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/blob-data">from blob data</a></li>
5204-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/base64-string">from base64 string</a></li>
5205-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/server">located on a server</a></li>
5206-
<li><a href="/document-processing/excel/spreadsheet/react/open/open-excel-file/aws-lambda">using AWS Lambda hosted web service</a></li>
5207-
</ul>
5208-
</li>
5209-
<li><a href="/document-processing/excel/spreadsheet/react/save/save">Save Excel File</a>
5210-
<ul>
5211-
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/blob-data">as blob data</a></li>
5212-
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/base64-string">as base64 string</a></li>
5213-
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/server">to a server</a></li>
5214-
<li><a href="/document-processing/excel/spreadsheet/react/save/save-excel-file/aws-lambda">using AWS Lambda hosted web service</a></li>
5215-
</ul>
5216-
</li>
5217-
<li><a href="/document-processing/excel/spreadsheet/react/open-from-cloud">Open From Cloud</a>
5242+
<li><a href="/document-processing/excel/spreadsheet/react/open-excel-files">Open Excel Files</a>
52185243
<ul>
5219-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/aws-s3-bucket">AWS S3</a></li>
5220-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/azure-blob-storage">Azure Blob Storage</a></li>
5221-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/open-from-cloud/google-cloud-storage">Google Cloud Storage</a></li>
5244+
<li><a href="/document-processing/excel/spreadsheet/react/open-excel-file/from-aws-s3-bucket">From AWS S3</a></li>
5245+
<li><a href="/document-processing/excel/spreadsheet/react/open-excel-file/from-azure-blob-storage">From Azure Blob Storage</a></li>
5246+
<li><a href="/document-processing/excel/spreadsheet/react/open-excel-file/from-google-cloud-storage">From Google Cloud Storage</a></li>
52225247
</ul>
52235248
</li>
5224-
<li><a href="/document-processing/excel/spreadsheet/react/save-to-cloud">Save To Cloud</a>
5249+
<li><a href="/document-processing/excel/spreadsheet/react/save-excel-files">Save Excel Files</a>
52255250
<ul>
5226-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/aws-s3-bucket">AWS S3</a></li>
5227-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/azure-blob-storage">Azure Blob Storage</a></li>
5228-
<li><a href="/document-processing/excel/spreadsheet/react/cloud-storage/save-to-cloud/google-cloud-storage">Google Cloud Storage</a></li>
5251+
<li><a href="/document-processing/excel/spreadsheet/react/save-excel-file/to-aws-s3-bucket">To AWS S3</a></li>
5252+
<li><a href="/document-processing/excel/spreadsheet/react/save-excel-file/to-azure-blob-storage">To Azure Blob Storage</a></li>
5253+
<li><a href="/document-processing/excel/spreadsheet/react/save-excel-file/to-google-cloud-storage">To Google Cloud Storage</a></li>
52295254
</ul>
52305255
</li>
5231-
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment">Server Deployment</a>
5256+
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/spreadsheet-server-docker-image-overview">Server Deployment</a>
52325257
<ul>
5233-
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/docker-deployment">How to Deploy Spreadsheet Docker Image Locally</a></li>
5234-
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-visual-studio">Deploy Spreadsheet Server Docker Image to Azure App Service using Azure CLI</a></li>
5235-
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/how-to-deploy-spreadsheet-server-to-azure-app-service-using-azure-cli">Deploy Spreadsheet Server to Azure App Service using Visual Studio</a></li>
5258+
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/spreadsheet-server-docker-image-overview">Spreadsheet Server Docker Overview</a></li>
5259+
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/deploy-spreadsheet-docker-to-azure-using-azure-cli">Deploy Spreadsheet Docker to Azure App Service using Azure CLI</a></li>
5260+
<li><a href="/document-processing/excel/spreadsheet/react/server-deployment/publish-spreadsheet-server-to-azure-using-visual-studio">Publish Spreadsheet Server to Azure App Service using Visual Studio</a></li>
52365261
</ul>
52375262
</li>
52385263
<li><a href="/document-processing/excel/spreadsheet/react/worksheet">Worksheet</a></li>
@@ -5406,6 +5431,7 @@
54065431
<li><a href="/document-processing/excel/spreadsheet/javascript-es6/styles">Styles and Appearance</a></li>
54075432
<li><a href="/document-processing/excel/spreadsheet/javascript-es6/print">Print</a></li>
54085433
<li><a href="/document-processing/excel/spreadsheet/javascript-es6/performance-best-practices">Performance Best Practices</a></li>
5434+
<li><a href="/document-processing/excel/spreadsheet/javascript-es6/performance-metrics">Performance Metrics</a></li>
54095435
<li><a href="/document-processing/excel/spreadsheet/javascript-es6/global-local">Globalization</a></li>
54105436
<li><a href="/document-processing/excel/spreadsheet/javascript-es6/accessibility">Accessibility</a></li>
54115437
<li><a href="/document-processing/excel/spreadsheet/javascript-es6/keyboard-shortcuts">Keyboard Shortcuts</a></li>

‎Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-metrics.md‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
---
2+
layout: post
3+
title: Performance Metrics for JavaScript Spreadsheet Control | Syncfusion
4+
description: Learn about performance metrics for JavaScript Spreadsheet control, measured results, and environment details.
5+
platform: document-processing
6+
control: Performance
7+
documentation: ug
8+
---
9+
10+
# Performance Metrics for JavaScript Spreadsheet Control
11+
12+
The [Syncfusion® Spreadsheet component](https://www.syncfusion.com/spreadsheet-editor-sdk/javascript-spreadsheet-editor) provides a powerful, Excel‑like experience for web applications, allowing users to create, edit, view, and manage spreadsheets with ease. It supports large datasets, formulas, and interactive features such as styling, validation, sorting, filtering, and file import/export while maintaining a smooth and responsive user experience.
13+
14+
This document presents measured performance results for the Spreadsheet when working with large datasets and common operations such as rendering, styling, validation, and file import/export.
15+
16+
## Environment
17+
18+
The following configuration was used for the performance evaluations:
19+
20+
* **Browser**: Microsoft Edge (latest stable)
21+
* **Hardware**: 12th Gen Intel(R) Core(TM) i5-1235U
22+
* **RAM**: 16 GB or higher
23+
* **Spreadsheet Version**:
24+
* [NPM Version](https://www.npmjs.com/package/@syncfusion/ej2-spreadsheet/v/32.2.5)
25+
* [NuGet Version](https://www.nuget.org/packages/Syncfusion.EJ2.Spreadsheet.AspNet.Core/32.2.5)
26+
27+
## Evaluated Features
28+
29+
The following operations were measured to evaluate the Spreadsheet's performance with large datasets: rendering, applying styles, number formatting, and data validation.
30+
31+
| Dataset Size | Initial Rendering | Styles | Number Format | Data Validation |
32+
|--------------|-------------------|------------|-------------------|---------------------|
33+
| 100k cells | 0.21s | 0.72s | 0.86s | 0.82s |
34+
| 250k cells | 0.23s | 1.51s | 1.81s | 2.11s |
35+
| 500k cells | 0.28s | 3.00s | 3.69s | 3.95s |
36+
37+
## Import and Export Performance
38+
39+
The following table summarizes the import and export times for datasets that include various features such as formatting, validation, sorting, and filtering.
40+
41+
| Dataset Description | Import | Export |
42+
|---------------------------------------------|------------|------------|
43+
| 100k cells with formats | 3.85s | 4.38s |
44+
| 250k cells with formats | 3.96s | 6.61s |
45+
| 100k cells with validation | 2.06s | 2.25s |
46+
| 250k cells with validation | 3.77s | 18.04s |
47+
| 500k cells with validation | 4.16s | 24.05s |
48+
| 100k cells with sorting and filtering | 3.68s | 2.31s |
49+
| 250k cells with sorting and filtering | 5.73s | 5.60s |
50+
| 500k cells with sorting and filtering | 8.59s | 13.29s |
51+
52+
You can download the Excel files used for these measurements [here](https://drive.google.com/file/d/1VJN3g7SUnnzdpxtRPCL575QdB1MjeKj5/view?usp=sharing).
53+
54+
## See Also
55+
56+
* [Open and Save](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/open-save)
57+
* [Performance Best Practices](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/performance-best-practices)
58+
* [Docker Deployment](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/docker-deployment)
59+
* [Scrolling](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/scrolling)

0 commit comments

Comments
 (0)