If you have seen errors related to “Mixed Content”, then this guide will help you understand what this means and how to fix it! We will discuss Mixed Content and the risks involved in it.

Mixed Content is content on a secured site which is not secure. For a secured/encrypted website; its content such as text, images, videos, objects, scripts, link, iframe, etc… that is being delivered over HTTP instead of HTTPS.  If any of content loads over HTTP or mixed with HTTP & HTTPS, it is called Mixed Content – or partially encrypted content.

Web browsers such as Google Chrome, Mozilla Firefox, and Internet Explorer, etc… identify Mixed Content loaded over the website and display warnings with red/yellow triangle on the padlock icon in URL/address bar which is called a Mixed Content Error Message.

Everything about SSL Mixed Content Error in Chrome

How Browsers Identify ssl Mixed Content?

If a secured page is loaded on any browser, it will check for secured (HTTPS) and non-secured content (HTTP) on that page. If it finds any non-secured content (HTTP) the browser will display mixed content error.

Please note this only affects resources (images, videos, scripts, CSS, etc) that are loaded. If you have links in your page that are specifying HTTP,

Web sites with no warning indicate all the content is secured with SSL. If there is Mixed Content, the security warning indicates the website is partially secured and vulnerable to MITM (Man in the Middle Attack) and insecure content transmission.

What are the Risks involved in Mixed Content?

Mixed content with HTTP puts a user at risk of an MITM attack, which lets attackers modify the content which may put users in trouble if a resource is replaced with harmful code or is captured by an unauthorized party. This presents a clear risk of data breach and identity theft. Attackers can steal user’s credentials, personal & sensitive and financial information as well.

Google will introduce Chrome version 43 with a new feature which lets website developers ensure that their website is running over HTTPS and not compromised by any HTTP insecure resources.

As per Google’s new ‘Content Security Policy, it will allow Chrome browser to upgrade the insecure resources from HTTP to HTTPS before it fetches. This will allow developers to fix their insecure content requests much easier.

mixed content warning chrome

Disable the Mixed Content ssl Error Message on Google Chrome

Once Google Chrome version 43 releases, if you wish to deliver your HTTP content without any Mixed content Error message you need on add a single line code on your website’s head section.

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

This meta tag will force Google Chrome to execute your website’s content without any SSL Mixed Content Error Message.

Users can disable this mixed content error message on Google chrome by 30th June 2015.

Disable the Mixed Content Error Message on Firefox

The only solution is encrypting all your website content with HTTPS. This requires you to comb through your HTML and remove/change and references to HTTP. For instance, any images, videos, javascript, css, etc that is linked to via HTTP needs to be updated to be protocol relative, or specify HTTPS. For a secured website if there is no HTTP then you are safe.

 

Purchase an SSL Certificate from CheapSSLSecurity & Save Up to 88%!

We offer the best discount on SSL certificates starting as low as $5.45 per year.

Shop All SSL Certificate

Author

Welcome to Savvy Security, a blog focused on providing practical cybersecurity advice for website owners and small businesses. Our team brings you the latest news, best practices and tips you can use to protect your business...without a multi-million dollar budget or 24/7 security teams.

bold
Close