strapi / community-content

Contribute and collaborate on educational content for the Strapi Community
https://strapi.io/write-for-the-community
572 stars 400 forks source link

[SUBMIT] Optimizing performance of a Strapi-powered website or application #1109

Closed Taofiqq closed 1 year ago

Taofiqq commented 1 year ago

My Topic: Optimizing performance of a Strapi-powered website or application

Abstract: This article discusses the importance of performance optimization for Strapi-powered websites and applications and provides an overview of the key areas to focus on for performance optimization. It covers techniques for optimizing server-side performance, such as using a reverse proxy, caching, and connection pooling, as well as strategies for optimizing frontend performance, such as reducing the size and number of assets loaded, improving perceived performance, and handling images and media assets. Additionally, it gives an overview of tools and techniques for monitoring and measuring performance, setting performance goals, and provides the best practices to follow in order to have a fast and efficient Strapi-powered website or application.

Outline

  1. Introduction

    • Explanation of why performance optimization is important for Strapi-powered websites and applications
    • Overview of the key areas to focus on for performance optimization in Strapi
  2. Optimizing Strapi server-side performance

    • Tips for optimizing Node.js server performance, such as using a reverse proxy and caching
    • Best practices for managing database performance, such as using indexes and connection pooling
    • Techniques for minimizing the number of API calls and reducing response times
  3. Optimizing frontend performance

    • Strategies for reducing the size and number of assets loaded on the frontend, such as using code splitting and lazy loading
    • Techniques for improving the perceived performance of the application, such as using skeleton screens and progress indicators
    • Best practices for handling image and media assets in the frontend, such as using webp format and image optimization tools
  4. Monitoring and measuring performance

    • Explanation of tools and techniques for monitoring and measuring performance, such as using performance monitoring tools and browser developer tools
    • Tips for analyzing performance data and identifying bottlenecks
    • Best practices for setting performance goals and targets
  5. Conclusion

My content is

What do you all think? ❤️ I love it! 🚀 I can help you!

Thank you for submitting your article proposal.

PaulBratslavsky commented 1 year ago

@Taofiqq Sounds good. You can start working on this.

Marktawa commented 1 year ago

Hey @Taofiqq If possible please add stuff on securing your server, performing updates, and server-based caching for optimizing your server. And on the frontend, please include stuff on CDNs, DPR (Distributed Persistent Rendering), and/or ISR (Incremental Static Regeneration, immutable deploys, and atomic deploys for optimizing performance.

PaulBratslavsky commented 1 year ago

@Marktawa hey, sounds like a great idea, but for a whole new separate article otherwise, it will be too much.

Marktawa commented 1 year ago

Hey @PaulBratslavsky Can I write a separate article that covers these points?

Taofiqq commented 1 year ago

Hey @PaulBratslavsky

Kindly find the link for the dropbox paper doc attached: https://www.dropbox.com/scl/fi/c9ikzzneqlontqvnj5cst/Untitled.paper?dl=0&rlkey=lhufmidb8ag5owe77by91xzym

Please do let me know if you are able to access it.

Taofiqq commented 1 year ago

@PaulBratslavsky Good day, can you help confirm you got this ?

PaulBratslavsky commented 1 year ago

@Taofiqq yes thank you for the submission. Will add it to the review cue.

Taofiqq commented 1 year ago

Hi @PaulBratslavsky , Please is there any update on this?

dessireugarte commented 1 year ago

Hello @Taofiqq 👋  Your article is live! 🎉 Please register to our forum by clicking on the discussion at the bottom of your post, so you automatically receive notifications when someone adds comments. Also, please follow the guidelines to issue and submit an invoice.

You should register yourself once as an "Individual Vendor" in this form, please let me know if you have any questions about the form. Just be aware that in the W-8BEN form:

Then you can submit your invoice hereand soon you will receive your payment. If you want to promote your article, here are some ideas and templates that might help you! Please feel free to reach out to me if you have any questions!

Taofiqq commented 1 year ago

Hey @dessireugarte i have already filled up the vendor form, could you help confirm this ?

Taofiqq commented 1 year ago

@dessireugarte , I have submitted my vendor and invoice form, can you help confirm this? cc @PaulBratslavsky

dessireugarte commented 1 year ago

Thanks @Taofiqq 👍 Could you please resubmit just the invoice? The right amount is $150 since it is a beginner article with > 1300 words.

Taofiqq commented 1 year ago

@dessireugarte , I just resubmitting another invoice for $150, please help confirm

dessireugarte commented 1 year ago

Thank @Taofiqq! I already submitted your invoice, you should receive your payment by the end of next week. But feel free to contact me otherwise.