HTTPS Is Non-Negotiable for PWAs

Without HTTPS, there is no PWA. That's the blunt starting point for any progressive web app project. The protocol is foundational to site security, and numerous browser APIs simply refuse to function over insecure connections. For teams wrestling with budget approvals, the case for HTTPS lays out the technical and business rationale.

Spotting the Gaps

Browsers make it obvious when a page pulls in mixed content. Users see a warning in the URL bar, such as the one shown below, whenever any asset arrives over plain HTTP.

Chrome 'not secure' warning
From Chrome 68, the address bar warns if not all assets use HTTPS

The mistake is treating HTTPS as a login-page-only concern. Every page and every asset—images, scripts, stylesheets—needs encryption. A single insecure element opens an attack vector that puts both users and the business at risk.

Auditing your own site is straightforward. The Chrome DevTools Security panel highlights problems in a single view. The example below demonstrates how concurrent HTTP- and HTTPS-served assets leave a site flagged as not secure.

Chrome DevTools Security panel
Chrome DevTools Security panel
Sam Dutton

By Sam Dutton