前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >别再盲目套 CloudFlare 啦,这有几点优化建议助你网站再加速

别再盲目套 CloudFlare 啦,这有几点优化建议助你网站再加速

作者头像
wo.
发布2021-06-15 14:24:00
13.3K0
发布2021-06-15 14:24:00
举报

提到免费 CDN 大家第一个想到的估计都是 CloudFlare ,这玩意儿免费虽好,但是有时可能有减速效果,emmmm...

虽然大家套的都是同一个 CF ,但是设置优化还是可以一定程度改善性能的!!

以下是基础优化:
1. 开(白)通(piao) Pro 套餐

CloudFlare Pro 虽然在线路上和免费版无异,但是可以开启 Polish(图片自动转 WebP)、 TCP Turbo、 Mirage(弱网优化)这几个附加功能,对加载速度有所提升。

2. 使用自选 IP

(前提是 CNAME 接入)最基础的是自选 Enterprise 版本才分配的 IP 段,就比如 V2EX 的节点,可以启用 HKG 等普通版不分配的节点;剩下的就是解析到从大佬口中得知的,有特殊路由的节点(走香港等等)。

3. Railgun

有 CFP 的大佬可以开,加速动态内容效果不错。

4. Argo

每月 5$ 起步,可以改善 CF 到你源站的访问速度,可以达到类似 Railgun 的加速程度,见图: 4.1 开启前>

4.2 开启Argo后>

4.3 前后对比,以日本为例,TTFB从 271ms 降到 139ms,加速明显

5. 开启 HTTP/3 (with QUIC)
6. 针对某个运营商/地区,禁用 CF 的 IPv6

(前提是 CNAME 接入)现在国内家宽大多自带了 IPv6 ,但是部分地区 v6 部分的路由魔幻的不行(全球旅行),由于操作系统会偏向使用 v6,在确定 CF v6 IP 存在路由问题后可以删掉 v6 记录,会有一定提升。

重点来了!!
1. HTTP/2 Server Push:

开启后你选择的资源会随第一个请求一起推送,大幅减少加载时间,

需要你的服务器添加一条 Header,效果见图: 1.1 未开启

1.2 开启 Server Push 的同服务器网站

2. 你只需要添加一个名为 Link 的 Header

内容为(以我的举例):

Link: </lib/abc.css>; rel=preload; as=style, </lib/abc.js>; rel=preload; as=script, </meta/bg.png>; rel=preload; as=image, </meta/favicon.png>; rel=preload; as=image;

假如你使用 PHP,可以添加一行代码:

header('Link: </lib/abc.css>; rel=preload; as=style, </lib/abc.js>; rel=preload; as=script, </meta/bg.png>; rel=preload; as=image, </meta/favicon.png>; rel=preload; as=image;');

内容记得修改~

含义为:

推送 "/lib/abc.css",类型为样式表; 推送 "/lib/abc.js",类型为JS;推送 "/meta/bg.png",类型为图片;

如果你使用 Wordpress,比如 iON 的免费 WP,可以安装 "HTTP2 Push Content" 这个插件,会自动添加这个 Link 头。

添加后按 F12,看到资源后面有个 Push / Other , 可以找到类似:

cf-h2-pushed: </lib/abc.css>,</lib/abc.js>,</meta/bg.png>,</meta/favicon.png>

的 Header 就意味着已开启推送。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-03-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 以下是基础优化:
    • 1. 开(白)通(piao) Pro 套餐
      • 2. 使用自选 IP
        • 3. Railgun
          • 4. Argo
            • 5. 开启 HTTP/3 (with QUIC)
              • 6. 针对某个运营商/地区,禁用 CF 的 IPv6
              • 重点来了!!
                • 1. HTTP/2 Server Push:
                  • 2. 你只需要添加一个名为 Link 的 Header
                    • 含义为:
                    相关产品与服务
                    内容分发网络 CDN
                    内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
                    领券
                    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档