延迟升级到 HTTPS (TLS/SSL)

Question

HTTP 速度快（在初始页面加载时），而 HTTPS 是安全的。我有一个站点 example.com，仅在用户登录时才需要安全（它使用安全 cookie 进行身份验证）。

速度是第一印象中最重要的因素之一，我想提供正常的 HTTP 页面 (http://example.com)，然后使用 Javascript 懒惰地升级到 HTTPS。

if ( location.protocol === 'http:' ) {
    $.ajax({
        url: 'https://example.com',
        cache: true,
        success: function() {
            window.top.location.replace('https://example.com');
        }
    );
}

这样做会导致页面在新页面加载时“闪烁”。有没有一种方法可以让用户不那么明显？

Answer 1

flash 来自于从第二个https url 加载 assets/css/images 等。

虽然http 速度更快，但将网站的面向公众的部分设为https 会带来 SEO 优势，这将解决双域问题。

预取

如果他们在登录屏幕上并且您知道他们很快就会被重定向到安全的 https 版本，您可以开始在 https 协议上预加载资产。

一些 HTML5 预取可能会很好，How can I preload a page using HTML5?

<link rel="prefetch" href="/path/to/prefetch" />

与 https 一致的资产链接

您可以使用 https 协议链接到 http 站点上的所有资产，无需预加载。这可能会给不在 https 版本上的任何人增加开销。因此，您可能只想通过 https 加载徽标/标题图形和 css/js。这将改善当域切换主要资产和样式时的感知性能，并且样式会像任何其他重新加载一样迅速到位。

CDN

最终的解决方案是将资产推送到像亚马逊网络服务这样的内容交付网络。因此，两个域都加载相同的资产，您必须使用https，否则在https 域上链接到http 时会收到警告。当用户切换浏览器时，浏览器已经保存了所有资产的缓存副本。这通常会加快页面加载速度。由于浏览器的并发请求限制（6 - 8 之间），这意味着您的服务器将交付 HTML 等重要内容，并且浏览器可以同时从 CDN 加载资产。

SPDY

回到主题，考虑到协议升级，我将开始研究 Google 的 SPDY。 Chrome Firefox Opera & IE11 都有支持。它比 HTTP 或 HTTPS 安全且更快。再加上从 CDN 加载的一些 WEBP 图形，您将面临接近光速的危险。 http://en.wikipedia.org/wiki/SPDY#Browser_support_and_usage

Answer 2

你想要你只能在 php 中完成。

if($_SERVER['SERVER_PORT'] != 443) {
  $url = "https://{$_SERVER[HTTP_HOST]}{$_SERVER[REQUEST_URI]}";
  header("Location: $url");
  exit;
}