• 本博客已正式上线 IPv4 + IPv6 双栈访问

CloudFlare CDN 使用教程 Speed 速度优化

挨踢网络 Young Free! 3年前 (2021-09-11) 1252次浏览 5个评论 扫描二维码

> 挨踢网络 > CloudFlare CDN 使用教程 Speed 速度优化
注意:本系列教程只是 Young Free 的一点点使用经验,仅仅适用于纯小白接入 CloudFlare CDN 免费版,不适用于大佬或者有经验的人。按照教程走完全程,仅仅代表做了小白该做的必备步骤,不代表您的站点就是完全安全的了,也不是您的站点访问速度就有了质的飞跃了。这仅仅是一个良好的开始而已。同时,欢迎大佬们留言指正文中的疏漏之处,也欢迎大佬分享更好的优化经验,带带我们小白,谢谢。

我们进入到 CloudFlare 速度(Speed)管理界面,默认会对比检测我们的网站,直接访问源站 和 通过 CloudFlare CDN 网络访问我们的网站 两者的速度。Young Free 的演示站是一个静态页面,所以看不出区别哈,这不是重点,重点是我们需要选择 优化 项目。

 

CloudFlare CDN 使用教程 Speed 速度优化

优化选项里,大部分都是付费项目,不过,免费项目足够我们使用了。我们往下扒拉,找到免费版可以设置的项目。(Browser Insights 是检测您的网站在不同浏览器中的表现,这个功能已经移到 Analytics 统计分析功能里了。)

CloudFlare CDN 使用教程 Speed 速度优化

在我们第一节教程中,我们就默认选择了优化 HTML / CSS / JS 文件的体积,并启用了 Brotli 来优化访问者的 HTTPS 流量的页面加载时间。如果你当时没操作,那么这里,请勾选上 JavaScript / CSS / HTML 自动压缩(Auto Minify)。

CloudFlare 免费 CDN 小白使用教程 注册与添加域名

CloudFlare 提供免费且不限量的网站加速服务,为站长解决了 jpg / JS / CSS 这些静态文件到 CDN 上的问题,并且通过它部署在全球各大洲的缓存结点服务器,提供高效的加速服务,本教程手把手的图文介绍了如何注册 CloudFlare 账号,并添加站点域名到 CF 进行托管。

CloudFlare CDN 使用教程 Speed 速度优化

对于付费版用户,CloudFlare 提供了针对 WordPress 的优化方案和插件,这里我们无法使用,不管它。

CloudFlare CDN 使用教程 Speed 速度优化 CloudFlare CDN 使用教程 Speed 速度优化

在这里,我们要注意的就是上图中 Rocket Loader 这个开关,一般情况下,Young Free 还是建议开启的,虽然,它偶尔有毛病,会导致部分地区拖慢加载网页的速度,偶尔也可能导致网页布局错乱,但是,只是少数比例。如果你追求稳定完美,那么可以暂时不开启。

下面的缓存部分,如果你的用户是针对国内的,那么,AMP 真实 URL 开关可以关闭。如果是针对国外的,可以开启,让移动端和 PC 端有统一的 URL。

CloudFlare CDN 使用教程 Speed 速度优化


Young Free! , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA 4.0协议进行授权
转载请注明原文链接:CloudFlare CDN 使用教程 Speed 速度优化
喜欢 (6)
[]
分享 (0)
关于作者:
欢迎来吐槽,也欢迎一起交流。如果无法在本文下评论,可以点击信封按钮,给我发送邮件。
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!


请文明发言,谢谢。
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. Rocket Loader 这个功能现在加载他的js不是使用cf的域名,而是使用/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js这样加载的
    许都博客2022-08-30 20:32 回复
    • 通过这种方式加载,不知道对页面载入速度,渲染速度有没有改进。
      Young Free!2022-09-02 20:18 回复
  2. 几篇文章下来 够详细! 到时候合集 给新人看!!
    叶开楗2021-09-11 20:22 回复
    • 哈哈哈,我确实写了个合集,已经排期到20号了,一天一篇。
      Young Free!2021-09-11 21:24 回复