Skip to content
atlookup

Mixed Content: HTTP Stylesheet on HTTPS Page

HTTP stylesheets are blocked on HTTPS pages — the page loads unstyled, severely degrading user experience.

critical Impact: high MIXED_CONTENT_STYLESHEET 2 min read Updated

Why it matters

HTTP stylesheets are blocked on HTTPS pages — the page loads unstyled, severely degrading user experience.

Fix this before publishing the next change. Critical signals frequently block indexing or cause measurable ranking loss. Estimated SEO impact: high — direct effect on rankings or impressions.

How to fix

  • Update the <link rel="stylesheet"> href to https://
  • Host the CSS yourself if the 3rd party does not support HTTPS

Common causes

If the rule is firing across many pages, the root cause is almost always one of these:

  • Mixed-content sub-resources from before HTTPS migration that escaped the rewrite.
  • CDN or upstream proxy strips a security header that was set at the origin.
  • Legacy redirects send HTTPS traffic through HTTP first.
  • Test/staging hostnames leak into production HTML via hard-coded URLs.

Anti-patterns to avoid

Even with the best intentions, these "fixes" make the issue worse — recognise them so you don't ship them:

  • Mixed HTTP/HTTPS resources after migration.
  • Self-signed or expired certificates on production.
  • Long-lived secrets in client-rendered HTML or JS bundles.

How atlookup detects this

Our crawler renders each page with a real headless browser, then inspects HTTPS state, response headers, mixed content, and certificate validity. Pages where the rule fires for mixed content: http stylesheet on https page are flagged on the report.

If you'd like to see this rule fire on your own site, run a free 60-second audit — every page is reported with the exact lines that triggered it.

Tools to verify the fix

Once you've applied the fix, double-check with these external validators:

Frequently asked questions

Why does Mixed Content: HTTP Stylesheet on HTTPS Page matter for SEO?

HTTP stylesheets are blocked on HTTPS pages — the page loads unstyled, severely degrading user experience.

How do I fix mixed content: http stylesheet on https page?

Update the <link rel="stylesheet"> href to https:// Host the CSS yourself if the 3rd party does not support HTTPS

Is this a critical SEO issue?

Fix this before publishing the next change. Critical signals frequently block indexing or cause measurable ranking loss. Estimated SEO impact: high — direct effect on rankings or impressions.

How does atlookup detect mixed content: http stylesheet on https page?

Our crawler renders each page with a real headless browser, then inspects HTTPS state, response headers, mixed content, and certificate validity. Pages where the rule fires for mixed content: http stylesheet on https page are flagged on the report.

How long does it take to fix?

5–15 minutes per page. Most teams batch similar issues across templates so the per-page time goes down at scale.