This will ascertain that all resources are properly downloaded via a safe HTTPS connection. Mixed content can arise when the first HTML page is retrieved over a secure HTTPS link, however, any additional resources such as videos, images, stylesheets, and scripts are loaded by an unsecure HTTP connection. This is classified as a mixed content situation as the webpage contains a mix of both HTTP and HTTPS content, despite the fact that the primary connection is secure over HTTPS. Browsers might prevent this, therefore rectifying the problem guarantees your content is presented as expected.
In order to guarantee the safe downloading of all resources, it is essential to utilize a secure HTTPS connection. Mixed content occurs when the first HTML page is obtained through a secure HTTPS connection, however, additional resources such as videos, images, stylesheets, and scripts are accessed through an unsecured HTTP connection. This creates a hybrid of HTTP and HTTPS content, even though the initial connection was secured by HTTPS. Browsers may block this, thus rectifying the problem will ensure that your content is shown correctly.
How to ensure we are good on it?
We just need to make sure everything is loaded through https.
That includes css, js, fonts, websocket connection, images, any kind of media, documents, iframe.