Lazy Loading vs. Eager Loading

Format: Decide when to use lazy loading vs. eager loading.

Lazy loading (load only when needed):

• Off-screen images
• Infrequently used page components
• Large third-party libraries
• Dropdown menu content

Eager loading (load immediately):

• Above-the-fold content
• Core feature components
• Critical CSS
• Font files