我们进入到 CloudFlare 速度(Speed)管理界面,默认会对比检测我们的网站,直接访问源站 和 通过 CloudFlare CDN 网络访问我们的网站 两者的速度。Young Free 的演示站是一个静态页面,所以看不出区别哈,这不是重点,重点是我们需要选择 优化 项目。
在优化选项里,大部分都是付费项目,不过,免费项目足够我们使用了。我们往下扒拉,找到免费版可以设置的项目。(Browser Insights 是检测您的网站在不同浏览器中的表现,这个功能已经移到 Analytics 统计分析功能里了。)
在我们第一节教程中,我们就默认选择了优化 HTML / CSS / JS 文件的体积,并启用了 Brotli 来优化访问者的 HTTPS 流量的页面加载时间。如果你当时没操作,那么这里,请勾选上 JavaScript / CSS / HTML 自动压缩(Auto Minify)。
CloudFlare 提供免费且不限量的网站加速服务,为站长解决了 jpg / JS / CSS 这些静态文件到 CDN 上的问题,并且通过它部署在全球各大洲的缓存结点服务器,提供高效的加速服务,本教程手把手的图文介绍了如何注册 CloudFlare 账号,并添加站点域名到 CF 进行托管。
对于付费版用户,CloudFlare 提供了针对 WordPress 的优化方案和插件,这里我们无法使用,不管它。
在这里,我们要注意的就是上图中 Rocket Loader 这个开关,一般情况下,Young Free 还是建议开启的,虽然,它偶尔有毛病,会导致部分地区拖慢加载网页的速度,偶尔也可能导致网页布局错乱,但是,只是少数比例。如果你追求稳定完美,那么可以暂时不开启。
下面的缓存部分,如果你的用户是针对国内的,那么,AMP 真实 URL 开关可以关闭。如果是针对国外的,可以开启,让移动端和 PC 端有统一的 URL。