πŸ™
Frontend Dev Guide
  • ⚑Read Me First
  • πŸ“–Frontend Interview Guide
    • πŸ’¬Technical Behavior
      • Frontend Interview Questions
      • Answering Interview Questions
    • πŸ’»Coding Challenges
      • Frontend Code Challenges
      • Data Structures and Algorithms
        • Binary Search Tree
        • Blind 75 and Neetcode
      • Take Home Assignments
    • πŸ•ΈοΈFrontend System Design
      • What is Frontend System Design?
        • Parts of the Frontend System Design
          • 1) Gather Requirements
          • 2) Architecture/High Level Design
          • 3) Data Model and Flow
          • 4) API
          • 5) Optimization and Deep Dive
        • Example: Design Spotify
  • πŸ”¦Frontend Deep Dive
    • πŸ₯žMicrofrontends
    • 🧩Fundmentals
      • πŸ”΅Cross Browser Compatibility
    • πŸ“šFrameworks/Libraries
      • 🟒Vue
      • πŸ”΅React
        • Waterfalls, Unidirectional Data Flow
        • React Server Components
    • 🏁Patterns
      • 🟑Design Patterns
      • βšͺRendering Patterns
      • 🟣Performance Patterns
    • πŸ”‹Performance
      • βšͺNetwork Optimizations
      • 🟠Build Optimizations
      • 🟣Asset Optimizations
      • πŸ”΅Core Web Vitals
  • 🐍Python
    • βšͺDjango
      • Classbased Views (CBV)
      • Cross-Site Request Forgery (CSRF)
  • πŸ—»Working Life
    • 🟣Technical Communication
  • πŸ“šGlossary
  • πŸ’‘Resources
  • πŸ‘©β€πŸ’»About Me
Powered by GitBook
On this page
  • Code splitting
  • Asynchronous loading
  • Caching
  • Lazy loading
  • List Virtualization
  1. Frontend Deep Dive
  2. Patterns

Performance Patterns

Patterns that support improvements in performance on web applications

Code splitting

This pattern involves breaking down the application's codebase into smaller chunks that are only loaded when needed. This can improve the performance of the web application by reducing the initial load time and making the application more responsive.

Asynchronous loading

This pattern involves loading resources and data asynchronously, rather than blocking the loading of the rest of the application. This can improve the performance of the web application by reducing the amount of time it takes for the application to load.

Caching

This pattern involves storing frequently accessed data and resources in the browser's cache, so that they can be accessed quickly without having to be re-downloaded from the server. This can improve the performance of the web application by reducing the amount of data being transferred between the client and server.

Lazy loading

This pattern involves only loading resources when they are needed, rather than loading them all at once. This can improve the performance of the web application by reducing the initial load time and making the application more responsive.

List Virtualization

List virtualization refers to the process of creating a virtualized representation of a list data structure in a computer program or application. This allows for more efficient manipulation and management of the data within the list, as well as improved performance when working with large or complex lists. Some common techniques used in list virtualization include paging, scrolling, and data binding.

PreviousRendering PatternsNextPerformance

Last updated 2 years ago

πŸ”¦
🏁
🟣