preload

SKILL.md

Preload

Table of Contents

When to Use

When NOT to Use

Instructions

Details

Source

Preload (<link rel="preload">) is a browser optimization that allows critical resources (that may be discovered late) to be requested earlier. If you are comfortable thinking about how to manually order the loading of your key resources, it can have a positive impact on loading performance and metrics in the Core Web Vitals. That said, preload is not a panacea and requires an awareness of some trade-offs.

When to Use

Use this when critical resources (fonts, scripts, images) are discovered late in the loading process

This is helpful for improving Time To Interactive (TTI) and Largest Contentful Paint (LCP)

When NOT to Use