From 8fe6bb22d0a54b2f9cd304f7240011b303b44356 Mon Sep 17 00:00:00 2001 From: Salih Date: Mon, 17 Apr 2023 22:46:33 +0300 Subject: [PATCH 1/5] Create post.md --- .../post.md | 111 ++++++++++++++++++ 1 file changed, 111 insertions(+) create mode 100644 docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md diff --git a/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md b/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md new file mode 100644 index 0000000000..ecd589c3d1 --- /dev/null +++ b/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md @@ -0,0 +1,111 @@ +# 💻 How to Optimize Your ASP.NET Core Web Application for Improved Performance 🚀 + +If you want your ASP.NET Core web application to perform well, you need to optimize it for speed, responsiveness, and user experience. Performance optimization is critical for factors like fast page load times, improved response efficiency, and happy users. In this article, I'll provide several tips and tricks to help you optimize performance in ASP.NET Core. + +🚀 Use Response Compression +You can use ASP.NET Core's built-in response compression middleware to compress response data and reduce the amount of data that needs to be transferred over the network. To use response compression, add the following code to your application's Startup.cs file: + +```javascript + +services.AddResponseCompression(options => +{ + options.EnableForHttps = true; +}); + +app.UseResponseCompression(); +``` + +🖼️ Optimize images: + +Images can be a major contributor to page bloat and slow load times. Here are some tips for optimizing images: + +🖌️ Use a tool like ImageOptim or Kraken.io to compress and optimize images. + +🖼️ Specify the width and height of images in HTML so the browser can allocate space for them before they load. + +📝 Use alt attributes to provide descriptive text for images, which can improve accessibility and also help with SEO. + +📜 Use lazy loading for images that are below the fold, meaning they're not visible on the initial screen view. You can use libraries like Vanilla LazyLoad to implement lazy loading. + +📱 Use responsive images to serve different image sizes to different devices. This can improve page load times by reducing the size of images that are displayed on smaller devices. + +💻 Example: + +```html + + + + Image + + + +``` + +🧱 Optimize HTML: + +The structure and organization of HTML can affect page speed. Here are some tips for optimizing HTML: + +📝 Use heading tags (h1, h2, h3, etc.) in a logical and sequential order. + +🔩 Use the "defer" attribute for script tags that don't need to be executed immediately. This can improve page load times by delaying the execution of scripts until after the page has rendered. + +🔩 Use the "async" attribute for script tags that can be executed asynchronously. This can further improve page load times by allowing scripts to be downloaded and executed simultaneously. + +🧱 Use semantic HTML elements (like nav, section, and article) to provide additional structure and meaning to the page. + +🎨 Optimize CSS and JavaScript: + +CSS and JavaScript files can be a major contributor to page load times. Here are some tips for optimizing CSS and JavaScript: + +🔨 Minify and concatenate CSS and JavaScript files to reduce their size. + +🔩 Use the "defer" or "async" attributes for script tags to delay or asynchronously load scripts. + +🔡 Use system fonts: + +Loading custom fonts can be slow and increase page load times. Using system fonts can improve page speed by allowing the browser to use fonts that are already installed on the user's device. + +🖼️ Use Placeholders and Progress Indicators: + +To improve the perceived performance of your website, you can use placeholders and progress indicators for slow-loading sections of your page. You can use JavaScript to load these sections after the initial page load. + +Example: + +```html + +
+

Loading...

+
+ + +``` + +🔗 Use appropriate link text and ARIA labels: + +When using links, use appropriate link text that accurately describes the content of the linked page. This can improve accessibility and also help with SEO. + +Also, use ARIA labels to provide additional context for links. This can improve accessibility and also help with SEO. + +Example: + +```html +Example +Another Example +``` + +🌐 Optimize third-party resources: + +Third-party resources like social media widgets and advertising scripts can slow down page load times. Here are some tips for optimizing third-party resources: + +🔩 Use asynchronous scripts when possible. + +🔍 Only load third-party resources that are necessary for the page. + +By following these optimization techniques, you can significantly improve the page speed of your ASP.NET Core web application. \ No newline at end of file From 7b6969b3825000d1b68c27d693b2bf0834c83cd9 Mon Sep 17 00:00:00 2001 From: Salih Date: Mon, 17 Apr 2023 23:06:23 +0300 Subject: [PATCH 2/5] Update post.md --- .../post.md | 30 ++++++++++++------- 1 file changed, 19 insertions(+), 11 deletions(-) diff --git a/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md b/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md index ecd589c3d1..fb7e3b2743 100644 --- a/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md +++ b/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md @@ -2,7 +2,7 @@ If you want your ASP.NET Core web application to perform well, you need to optimize it for speed, responsiveness, and user experience. Performance optimization is critical for factors like fast page load times, improved response efficiency, and happy users. In this article, I'll provide several tips and tricks to help you optimize performance in ASP.NET Core. -🚀 Use Response Compression +## 🚀 Use Response Compression You can use ASP.NET Core's built-in response compression middleware to compress response data and reduce the amount of data that needs to be transferred over the network. To use response compression, add the following code to your application's Startup.cs file: ```javascript @@ -15,7 +15,7 @@ services.AddResponseCompression(options => app.UseResponseCompression(); ``` -🖼️ Optimize images: +## 🖼️ Optimize images: Images can be a major contributor to page bloat and slow load times. Here are some tips for optimizing images: @@ -43,7 +43,7 @@ Images can be a major contributor to page bloat and slow load times. Here are so ``` -🧱 Optimize HTML: +## 🧱 Optimize HTML: The structure and organization of HTML can affect page speed. Here are some tips for optimizing HTML: @@ -55,7 +55,7 @@ The structure and organization of HTML can affect page speed. Here are some tips 🧱 Use semantic HTML elements (like nav, section, and article) to provide additional structure and meaning to the page. -🎨 Optimize CSS and JavaScript: +## 🎨 Optimize CSS and JavaScript: CSS and JavaScript files can be a major contributor to page load times. Here are some tips for optimizing CSS and JavaScript: @@ -63,15 +63,15 @@ CSS and JavaScript files can be a major contributor to page load times. Here are 🔩 Use the "defer" or "async" attributes for script tags to delay or asynchronously load scripts. -🔡 Use system fonts: +## 🔡 Use system fonts: Loading custom fonts can be slow and increase page load times. Using system fonts can improve page speed by allowing the browser to use fonts that are already installed on the user's device. -🖼️ Use Placeholders and Progress Indicators: +## 🖼️ Use Placeholders and Progress Indicators: To improve the perceived performance of your website, you can use placeholders and progress indicators for slow-loading sections of your page. You can use JavaScript to load these sections after the initial page load. -Example: +💻 Example: ```html @@ -87,20 +87,20 @@ Example: ``` -🔗 Use appropriate link text and ARIA labels: +## 🔗 Use appropriate link text and ARIA labels: When using links, use appropriate link text that accurately describes the content of the linked page. This can improve accessibility and also help with SEO. Also, use ARIA labels to provide additional context for links. This can improve accessibility and also help with SEO. -Example: +💻 Example: ```html Example Another Example ``` -🌐 Optimize third-party resources: +## 🌐 Optimize third-party resources: Third-party resources like social media widgets and advertising scripts can slow down page load times. Here are some tips for optimizing third-party resources: @@ -108,4 +108,12 @@ Third-party resources like social media widgets and advertising scripts can slow 🔍 Only load third-party resources that are necessary for the page. -By following these optimization techniques, you can significantly improve the page speed of your ASP.NET Core web application. \ No newline at end of file +By following these optimization techniques, you can significantly improve the page speed of your ASP.NET Core web application. + +## What is ABP Framework? + +ABP Framework offers an opinionated architecture to build enterprise software solutions with best practices on top of the .NET and the ASP.NET Core platforms. It provides the fundamental infrastructure, production-ready startup templates, modules, themes, tooling, guides and documentation to implement that architecture properly and automate the details and repetitive work as much as possible. + +If you are starting a new ASP.NET Core project, try [abp.io](https://abp.io/) now... + +**IT IS FREE AND OPEN-SOURCE!** From 2dad60aa8ec942591e0472a7af0f3974fa6f93f6 Mon Sep 17 00:00:00 2001 From: Salih Date: Tue, 18 Apr 2023 13:41:20 +0300 Subject: [PATCH 3/5] Update post.md --- .../post.md | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md b/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md index fb7e3b2743..2af5eb9353 100644 --- a/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md +++ b/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md @@ -1,8 +1,8 @@ -# 💻 How to Optimize Your ASP.NET Core Web Application for Improved Performance 🚀 +# 💻 How to Optimize Your ASP.NET Application for Improved Performance 🚀 -If you want your ASP.NET Core web application to perform well, you need to optimize it for speed, responsiveness, and user experience. Performance optimization is critical for factors like fast page load times, improved response efficiency, and happy users. In this article, I'll provide several tips and tricks to help you optimize performance in ASP.NET Core. +If you want your ASP.NET application to perform well, you need to optimize it for speed, responsiveness, and user experience. Performance optimization is critical for factors like fast page load times, improved response efficiency, and happy users. In this article, I'll provide several tips and tricks to help you optimize performance in ASP.NET Core. -## 🚀 Use Response Compression +## 🚀 Use Response Compression in Your ASP.NET Application You can use ASP.NET Core's built-in response compression middleware to compress response data and reduce the amount of data that needs to be transferred over the network. To use response compression, add the following code to your application's Startup.cs file: ```javascript @@ -15,7 +15,7 @@ services.AddResponseCompression(options => app.UseResponseCompression(); ``` -## 🖼️ Optimize images: +## 🖼️ Optimize Images in Your ASP.NET Application: Images can be a major contributor to page bloat and slow load times. Here are some tips for optimizing images: @@ -43,7 +43,7 @@ Images can be a major contributor to page bloat and slow load times. Here are so ``` -## 🧱 Optimize HTML: +## 🧱 Optimize HTML in Your ASP.NET Application: The structure and organization of HTML can affect page speed. Here are some tips for optimizing HTML: @@ -55,19 +55,19 @@ The structure and organization of HTML can affect page speed. Here are some tips 🧱 Use semantic HTML elements (like nav, section, and article) to provide additional structure and meaning to the page. -## 🎨 Optimize CSS and JavaScript: +## 🎨 Optimize CSS and JavaScript in Your ASP.NET Application: -CSS and JavaScript files can be a major contributor to page load times. Here are some tips for optimizing CSS and JavaScript: +CSS and JavaScript files can be a major contributor to page load times. Here are some tips for optimizing CSS and JavaScript in your ASP.NET application: 🔨 Minify and concatenate CSS and JavaScript files to reduce their size. 🔩 Use the "defer" or "async" attributes for script tags to delay or asynchronously load scripts. -## 🔡 Use system fonts: +## 🔡 Use system fonts in Your ASP.NET Application: Loading custom fonts can be slow and increase page load times. Using system fonts can improve page speed by allowing the browser to use fonts that are already installed on the user's device. -## 🖼️ Use Placeholders and Progress Indicators: +## 🖼️ Use Placeholders and Progress Indicators in Your ASP.NET Application: To improve the perceived performance of your website, you can use placeholders and progress indicators for slow-loading sections of your page. You can use JavaScript to load these sections after the initial page load. @@ -100,7 +100,7 @@ Also, use ARIA labels to provide additional context for links. This can improve Another Example ``` -## 🌐 Optimize third-party resources: +## 🌐 Optimize third-party resources in Your ASP.NET Application: Third-party resources like social media widgets and advertising scripts can slow down page load times. Here are some tips for optimizing third-party resources: @@ -112,8 +112,8 @@ By following these optimization techniques, you can significantly improve the pa ## What is ABP Framework? -ABP Framework offers an opinionated architecture to build enterprise software solutions with best practices on top of the .NET and the ASP.NET Core platforms. It provides the fundamental infrastructure, production-ready startup templates, modules, themes, tooling, guides and documentation to implement that architecture properly and automate the details and repetitive work as much as possible. +ABP Framework offers an opinionated architecture to build enterprise software solutions with ASP.NET Core best practices on top of the .NET and the ASP.NET Core platforms. It provides the fundamental web application infrastructure, production-ready dotnet startup templates, modules, asp.net core ui themes, tooling, guides and documentation to implement that ASP.NET core architecture properly and automate the details and repetitive work as much as possible. If you are starting a new ASP.NET Core project, try [abp.io](https://abp.io/) now... -**IT IS FREE AND OPEN-SOURCE!** +**IT IS FREE AND OPEN-SOURCE!** \ No newline at end of file From aa8c9ed404cee57220d6549b8463547e653c953a Mon Sep 17 00:00:00 2001 From: Salih Date: Tue, 18 Apr 2023 13:52:19 +0300 Subject: [PATCH 4/5] folder location updated --- .../post.md | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename docs/en/{Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance => Blog-Posts/2023-04-17-How-to-Optimize-Your-ASP.NET-Application-for-Improved-Performance}/post.md (100%) diff --git a/docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md b/docs/en/Blog-Posts/2023-04-17-How-to-Optimize-Your-ASP.NET-Application-for-Improved-Performance/post.md similarity index 100% rename from docs/en/Community-Articles/2023-04-17-How-to-Optimize-Your-ASP.NET-Core-Web-Application-for-Improved-Performance/post.md rename to docs/en/Blog-Posts/2023-04-17-How-to-Optimize-Your-ASP.NET-Application-for-Improved-Performance/post.md From f6e7927087637a546831a05d72edb9edb26b1a96 Mon Sep 17 00:00:00 2001 From: Hamza Albreem <94292623+braim23@users.noreply.github.com> Date: Tue, 18 Apr 2023 12:02:12 +0000 Subject: [PATCH 5/5] Doc Quick Fix --- .../post.md | 26 +++++++++---------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/docs/en/Blog-Posts/2023-04-17-How-to-Optimize-Your-ASP.NET-Application-for-Improved-Performance/post.md b/docs/en/Blog-Posts/2023-04-17-How-to-Optimize-Your-ASP.NET-Application-for-Improved-Performance/post.md index 2af5eb9353..ba045e4c45 100644 --- a/docs/en/Blog-Posts/2023-04-17-How-to-Optimize-Your-ASP.NET-Application-for-Improved-Performance/post.md +++ b/docs/en/Blog-Posts/2023-04-17-How-to-Optimize-Your-ASP.NET-Application-for-Improved-Performance/post.md @@ -3,7 +3,7 @@ If you want your ASP.NET application to perform well, you need to optimize it for speed, responsiveness, and user experience. Performance optimization is critical for factors like fast page load times, improved response efficiency, and happy users. In this article, I'll provide several tips and tricks to help you optimize performance in ASP.NET Core. ## 🚀 Use Response Compression in Your ASP.NET Application -You can use ASP.NET Core's built-in response compression middleware to compress response data and reduce the amount of data that needs to be transferred over the network. To use response compression, add the following code to your application's Startup.cs file: +You can use ASP.NET Core's built-in response compression middleware to compress the response data and reduce the amount of data that needs to be transferred over the network. To use response compression, add the following code to your application's Startup.cs file: ```javascript @@ -17,7 +17,7 @@ app.UseResponseCompression(); ## 🖼️ Optimize Images in Your ASP.NET Application: -Images can be a major contributor to page bloat and slow load times. Here are some tips for optimizing images: +Images can be a major contributor to page bloat and slow load times. Here are some tips to optimize images: 🖌️ Use a tool like ImageOptim or Kraken.io to compress and optimize images. @@ -45,19 +45,19 @@ Images can be a major contributor to page bloat and slow load times. Here are so ## 🧱 Optimize HTML in Your ASP.NET Application: -The structure and organization of HTML can affect page speed. Here are some tips for optimizing HTML: +The structure and organization of HTML can affect the page speed. Here are some tips to optimize HTML: -📝 Use heading tags (h1, h2, h3, etc.) in a logical and sequential order. +📝 Use the heading tags (h1, h2, h3, etc.) in a logical and sequential order. -🔩 Use the "defer" attribute for script tags that don't need to be executed immediately. This can improve page load times by delaying the execution of scripts until after the page has rendered. +🔩 Use the "defer" attribute for script tags that don't need to be executed immediately. This can improve the page load times by delaying the execution of scripts until after the page has rendered. -🔩 Use the "async" attribute for script tags that can be executed asynchronously. This can further improve page load times by allowing scripts to be downloaded and executed simultaneously. +🔩 Use the "async" attribute for script tags that can be executed asynchronously. This can further improve the page load times by allowing scripts to be downloaded and executed simultaneously. 🧱 Use semantic HTML elements (like nav, section, and article) to provide additional structure and meaning to the page. ## 🎨 Optimize CSS and JavaScript in Your ASP.NET Application: -CSS and JavaScript files can be a major contributor to page load times. Here are some tips for optimizing CSS and JavaScript in your ASP.NET application: +CSS and JavaScript files can be a major contributor to the page load times. Here are some tips to optimize CSS and JavaScript in your ASP.NET application: 🔨 Minify and concatenate CSS and JavaScript files to reduce their size. @@ -87,11 +87,11 @@ To improve the perceived performance of your website, you can use placeholders a ``` -## 🔗 Use appropriate link text and ARIA labels: +## 🔗 Use the Appropriate Link Text and ARIA Labels: -When using links, use appropriate link text that accurately describes the content of the linked page. This can improve accessibility and also help with SEO. +When using links, use appropriate link texts that accurately describe the content of the linked page. This can improve the accessibility and also help with SEO. -Also, use ARIA labels to provide additional context for links. This can improve accessibility and also help with SEO. +ARIA labels should also be used to provide additional context for links. This can also improve the accessibility and help with SEO. 💻 Example: @@ -100,9 +100,9 @@ Also, use ARIA labels to provide additional context for links. This can improve Another Example ``` -## 🌐 Optimize third-party resources in Your ASP.NET Application: +## 🌐 Optimize the Third-party Resources in Your ASP.NET Application: -Third-party resources like social media widgets and advertising scripts can slow down page load times. Here are some tips for optimizing third-party resources: +Third-party resources like social media widgets and advertising scripts can slow down the page load times. Here are some tips to optimize third-party resources: 🔩 Use asynchronous scripts when possible. @@ -116,4 +116,4 @@ ABP Framework offers an opinionated architecture to build enterprise software so If you are starting a new ASP.NET Core project, try [abp.io](https://abp.io/) now... -**IT IS FREE AND OPEN-SOURCE!** \ No newline at end of file +**IT IS FREE AND OPEN-SOURCE!**