Static output is a strong baseline, but images, fonts, and third-party scripts can still slow a page down.
Loading path
- Give above-the-fold images accurate dimensions.
- Lazy-load images below the fold.
- Load diagrams, comments, and other large scripts only on pages that need them.
- Cache versioned assets for a long time while keeping HTML updateable.
Interaction and accessibility
- Menus, tabs, and dialogs work with a keyboard.
- Controls have readable names and visible focus states.
- Dark mode does not flash during the first render.
- Motion respects
prefers-reduced-motion.
Verify the result
Build checks, browser regressions, and deployed verification answer different questions. Run automation first, then verify cache headers and optional services on the target host.
Copyright
Copyright Ownership:
This article link:https://astro.ermao.net/en/blog/web-performance-basics/
License under:Attribution 4.0 International (CC-BY-4.0)