Key Takeaways
Maximize your page speed scores by preloading critical resources. Teach the browser its priorities.
Browser Hints (Resource Hints)
When opening a website, the browser decides what to load first. You, as an engineer, can whisper the critical ones to him. Resource Hints is the standard way to give these hints to the browser.
Preload
Used for critical fonts, main LCP image or critical JS files. The browser doesn't wait to discover the file, it downloads it immediately. Usage:
Preconnect (Preconnect)
Used for third-party services (Google Fonts, CDN, analytics). Completes DNS, TCP, and TLS handshakes before the file is requested. This alone can save 100-300ms.
DNS-Prefetch
preconnect. It just does DNS resolution ahead of time. Suitable for less critical third party services.
Attention! Using too much preload may prevent the actual page from loading (bandwidth congestion). Choose only the "truly critical" ones.
Meta Ads & Performance
Stop ad budget leakage with server-side CAPI tracking and provably scalable ROAS
