Merge branch 'development' of https://github.com/syncfusion-content/document-processing-docs into 491973-DocumentProcessingApis

Author: EshwariBalraj

Document-Processing-toc.html

@@ -0,0 +1,59 @@
+---
+layout: post
+title: Performance Metrics for JavaScript Spreadsheet Control | Syncfusion
+description: Learn about performance metrics for JavaScript Spreadsheet control, measured results, and environment details.
+platform: document-processing
+control: Performance 
+documentation: ug
+---
+
+# Performance Metrics for JavaScript Spreadsheet Control
+
+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.
+
+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.
+
+## Environment
+
+The following configuration was used for the performance evaluations:
+
+* **Browser**: Microsoft Edge (latest stable)
+* **Hardware**: 12th Gen Intel(R) Core(TM) i5-1235U
+* **RAM**: 16 GB or higher
+* **Spreadsheet Version**:
+  * [NPM Version](https://www.npmjs.com/package/@syncfusion/ej2-spreadsheet/v/32.2.5)  
+  * [NuGet Version](https://www.nuget.org/packages/Syncfusion.EJ2.Spreadsheet.AspNet.Core/32.2.5)  
+
+## Evaluated Features
+
+The following operations were measured to evaluate the Spreadsheet's performance with large datasets: rendering, applying styles, number formatting, and data validation.
+
+| Dataset Size | Initial Rendering | Styles     | Number Format     | Data Validation     |
+|--------------|-------------------|------------|-------------------|---------------------|
+| 100k cells   | 0.21s             | 0.72s      | 0.86s             | 0.82s               |
+| 250k cells   | 0.23s             | 1.51s      | 1.81s             | 2.11s               |
+| 500k cells   | 0.28s             | 3.00s      | 3.69s             | 3.95s               |
+
+## Import and Export Performance
+
+The following table summarizes the import and export times for datasets that include various features such as formatting, validation, sorting, and filtering.
+
+| Dataset Description                         | Import     | Export     |
+|---------------------------------------------|------------|------------|
+| 100k cells with formats                     | 3.85s      | 4.38s      |
+| 250k cells with formats                     | 3.96s      | 6.61s      |
+| 100k cells with validation                  | 2.06s      | 2.25s      |
+| 250k cells with validation                  | 3.77s      | 18.04s     |
+| 500k cells with validation                  | 4.16s      | 24.05s     |
+| 100k cells with sorting and filtering       | 3.68s      | 2.31s      |
+| 250k cells with sorting and filtering       | 5.73s      | 5.60s      |
+| 500k cells with sorting and filtering       | 8.59s      | 13.29s     |
+
+You can download the Excel files used for these measurements [here](https://drive.google.com/file/d/1VJN3g7SUnnzdpxtRPCL575QdB1MjeKj5/view?usp=sharing).
+
+## See Also
+
+* [Open and Save](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/open-save)
+* [Performance Best Practices](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/performance-best-practices)
+* [Docker Deployment](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/docker-deployment)
+* [Scrolling](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/scrolling)

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

@@ -13,11 +13,11 @@ To load a file from AWS S3 in a Spreadsheet Component, you can follow the steps
 
 **Step 1:** Create a Simple Spreadsheet Sample in React
 
-Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
+Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
 
 **Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
 
-1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
+1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
 
 2. Open the `SpreadsheetController.cs` file in your web service project.
 
@@ -141,7 +141,7 @@ N> Replace **Your Access Key from AWS S3**, **Your Secret Key from AWS S3**, and
 
 **Step 3:**  Modify the index File in the Spreadsheet sample to make a fetch call to the server to retrieve and load the Excel file from the AWS S3 bucket into the client-side spreadsheet.
 
-```typescript
+```ts
 
 <button class="e-btn" (click)="openFromS3()">Import XLS files from AWS S3 bucket</button>
 

…Storage/Open-from-Cloud/aws-s3-bucket.md …ct/Open-Excel-File/from-aws-s3-bucket.mdDocument-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/aws-s3-bucket.md renamed to Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-aws-s3-bucket.md Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/aws-s3-bucket.md renamed to Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-aws-s3-bucket.md

@@ -13,11 +13,11 @@ To load a file from Azure Blob Storage in a Spreadsheet Component, you can follo
 
 **Step 1:** Create a Simple Spreadsheet Sample in React
 
-Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
+Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
 
 **Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
 
-1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
+1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
 
 2. Open the `SpreadsheetController.cs` file in your web service project.
 
@@ -39,7 +39,7 @@ using Azure.Storage.Blobs.Specialized;
 
 4. Add the following private fields and constructor parameters to the `SpreadsheetController` class, In the constructor, assign the values from the configuration to the corresponding fields.
 
-```Csharp
+```csharp
 
 private readonly string _storageConnectionString;
 private readonly string _storageContainerName;
@@ -55,7 +55,7 @@ public SpreadsheetController(IConfiguration configuration)
 
 5. Create the `OpenFromAzure()` method to open the document from the Azure Blob Storage.
 
-```Csharp
+```csharp
 
 [HttpPost]
 [Route("OpenFromAzure")]
@@ -107,7 +107,7 @@ public class FileOptions
 
 6. Open the `appsettings.json` file in your web service project, Add the following lines below the existing `"AllowedHosts"` configuration.
 
-```Json
+```json
 
 {
   "Logging": {
@@ -126,7 +126,7 @@ N> Note: Install the Azure.Storage.Blobs NuGet package in the service project.
 
 **Step 3:** Modify the index File in the Spreadsheet sample to make a fetch call to the server to retrieve and load the Excel file from the Google Cloud Storage into the client-side spreadsheet.
 
-```typescript
+```ts
 
 <button class="e-btn" onClick={openFromAzure}>
   Import XLS file from Azure Blob Storage

…ge/Open-from-Cloud/azure-blob-storage.md …en-Excel-File/from-azure-blob-storage.mdDocument-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/azure-blob-storage.md renamed to Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-azure-blob-storage.md Document-Processing/Excel/Spreadsheet/React/Cloud-Storage/Open-from-Cloud/azure-blob-storage.md renamed to Document-Processing/Excel/Spreadsheet/React/Open-Excel-File/from-azure-blob-storage.md

@@ -13,11 +13,11 @@ To load a file from Google Cloud Storage in a Spreadsheet Component, you can fol
 
 **Step 1:** Create a Simple Spreadsheet Sample in React
 
-Start by following the steps provided in this [link](../../React//getting-started.md) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
+Start by following the steps provided in this [link](https://help.syncfusion.com/document-processing/excel/spreadsheet/react/getting-started) to create a simple Spreadsheet sample in React. This will give you a basic setup of the Spreadsheet component.
 
 **Step 2:** Modify the `SpreadsheetController.cs` File in the Web Service Project
 
-1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](../../../Spreadsheet/React/open-save.md) for instructions on how to create a web service project.
+1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/blogs/post/host-spreadsheet-open-and-save-services) for instructions on how to create a web service project.
 
 2. Open the `SpreadsheetController.cs` file in your web service project.