One major issue that most of us face while migrating from HTTP to HTTPS is mixed content. This usually happens when you are use a third party script, which continue to use the HTTP protocol. The challenge is to identify such scripts and links which are served on HTTP. For WordPress bloggers, this guide will help you fix this issue. However, if you use any other platform or even WordPress and are unable to identify the content which is served over HTTP, I have a new solution for you.
This one is from the Google Chrome team and something most special marketing lead developers and bloggers using Mac will love. There is a different version of Google Chrome – called Canary – which is targeted at developers and webmasters for testing their site . I have been playing with it for a while and this is something you must know to test your site in various aspects. In this tutorial, I will focus on helping you set up the Canary browser to check your website for mixed content. I’m writing this tutorial on a Mac OS system. They also have a chrome extension which can be used with a chrome browser that you can download from here.
Page Contents
How to use Google Canary browser for website testing, including finding mixed content
First things first, Canary can be run simultaneously with the existing Chrome browser.
To get started, you need to download and install Canary browser from here. For this audit, we will be using Lighthouse, an open source tool by Google for website audit. Wondering what Lighthouse is? Check this official page or just read on:
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it on any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more. You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did. From there, use the failing audits as indicators on how to improve the page. Each audit has a reference doc explaining why the audit is important, as well as how to fix it.
