Performance

Claro is optimized for speed with a target of 60+ on Lighthouse performance scores.

Built-in optimizations

• Critical CSS preloading — essential styles load first
• Deferred JavaScript — all scripts use the defer attribute
• Lazy loading — images load only when they enter the viewport (IntersectionObserver)
• Font preloading — custom fonts are preloaded for faster rendering
• No render-blocking resources — nothing blocks the initial page paint
• Optimized image loading — proper srcset and sizes attributes
• Debounced events — scroll, resize, and input events are throttled
• Progressive enhancement — core shopping flows work without JavaScript

Zero external dependencies

Claro uses no external libraries, CDNs, or third-party scripts. Everything is built with native HTML, CSS, and vanilla JavaScript, ensuring the smallest possible bundle size and maximum reliability.