What is Mixed Content?

Mixed content is when an HTTPS page loads some resources (images, scripts, stylesheets) over plain HTTP. Browsers automatically block "active" mixed content (scripts, iframes) because it could be used to inject code. "Passive" mixed content (images) is usually allowed but shown with a broken-padlock warning.

In more detail

Any `http://` URL inside an `https://` page is mixed content. The fix is to update URLs to `https://` or use protocol-relative URLs (`//example.com/...`). As a safety net, add `Content-Security-Policy: upgrade-insecure-requests` which tells browsers to auto-upgrade HTTP requests to HTTPS.

Why this matters

Why builders care

Mixed content breaks the trust indicator in the address bar — users see a warning padlock even if the rest of your site is fine. For AI-built apps copying tutorial code, mixed content often sneaks in from outdated image hosts.

See where your site stands

Paste a URL, get a score in 60 seconds. Free, no signup.