Skiplink Web Performance Checklist Updated on December 27, 2024 If updating an existing site, measure current peformance so you can compare. Use component architecture with scoped styles and scripts. Inline styles and scripts. Optimize fonts .Optimize images .Cache assets in the browser using HTTP headers. Prefetch/prerender links and assets .For a small site, manually adding rel="prefetch"
is easiest. You can also use speculation rules, but those aren't widely supported yet. You can also use Astro's Prefetch
component. Jampack it if necessary.If I'm building with Astro or 11ty, this seems a little redundant. It does some additional image compression which could save you quite a few bytes if you have a lot of images. Measure .Resources