Your options for preloading images with JavaScript | Alex MacArthur
macarthur.me · 2,688 words · saved by 1 readers
There are a number of ways to preload an image on demand with JavaScript — each with their own strengths & drawbacks. Let's explore them.
Your options for preloading images with JavaScript | Alex MacArthur Photo by Nick Abrams / Unsplash "> Back to All Posts Your options for preloading images with JavaScript There are a number of ways to preload an image on demand with JavaScript — each with their own strengths & drawbacks. Let's explore them. Alex MacArthur / Mar 30, 2026 I just learned that the task of preloading images with JavaScript is surprisingly quirky. There are actually several ways to do it, and the best one to choose can very much depend on the circumstances. Let's explore them through the lens of what I was trying t
saved by
related reading
- Preload critical assets to improve loading speed | Articles | web.devweb.dev
- 7 Principles of Rich Web Applicationsrauchg.com
- JavaScript Loading Priorities in Chromeaddyosmani.com
- Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · Mark's Dev Blogblog.isquaredsoftware.com
- Why React Re-Renders • Josh W. Comeaujoshwcomeau.com
- File-system conventions: loading.js | Next.jsnextjs.org
- How Mozilla’s Rust dramatically improved our server-side performance | Figma Blogfigma.com
- Getting Started: Caching | Next.jsnextjs.org
- workbox-precaching | Modules | Chrome for Developersdeveloper.chrome.com
- The new wave of Javascript web frameworksfrontendmastery.com
- Getting Started: Fetching Data | Next.jsnextjs.org
- Getting Started: Fetching Data | Next.jsnextjs.org