➕ Add resource
auto‑hint
💡 Suggested hint: preload — Critical font, use preload with crossorigin
📦 Resources (0)
No resources added yet. Use the form above.
🧾 Generated <link> tags
<!-- add resources to see hints -->
🌊 Loading waterfall · no hints vs with hints
Without hints (estimated)
With hints (optimized)
* simulated improvement: hints reduce latency by ~40-60% for preloaded resources
✅ Best practices
- • Don't over-preload — only critical resources (above‑the‑fold).
- • Font preload always include
crossorigin (anonymous).
- • Preconnect for third‑party origins (APIs, CDN) to cut handshake latency.
- • Use modulepreload for ES modules (type="module").
- • dns-prefetch for many domains; lightweight but limited.