🍙
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
  1. Frontend Deep Dive
  2. Performance

Asset Optimizations

How to optimize so when you load these assets these actually boost the performance of your application.

Images

Videos

Fonts

CSS

Javascript

PreviousBuild OptimizationsNextCore Web Vitals

Last updated 2 years ago

🔦
🔋
🟣