Lazy Load, Skeleton loader

Created on 7 November 2024, 16 days ago

Problem/Motivation

The loading and rendering of components can be optimized to enhance user-perceived performance and overall output.

Steps to Reproduce

Add multiple components to the same page.

Proposed Resolution

Implement lazy loading solutions with skeleton screens to improve First Contentful Paint (FCP) and Largest Contentful Paint (LCP) performance metrics.

Approaches:

- [React.lazy](https://react.dev/reference/react/lazy)
- [HTMX Lazy Load Examples](https://htmx.org/examples/lazy-load/)
- [Turbo Frames by Hotwired](https://turbo.hotwired.dev/reference/frames)

Feature request
Status

Active

Version

3.0

Component

Code

Created by

🇨🇴Colombia Freddy Rodriguez Bogotá

Live updates comments and jobs are added and updated live.
  • Performance

    It affects performance. It is often combined with the Needs profiling tag.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024