测试网站速度
在我们部署了我们的静态博客站点后,我们可以使用Google提供的测试工具对网站的性能进行检测,工具地址:https://pagespeed.web.dev/
检测结果如下图:
![Pagespeed Pagespeed](/posts/accelerate-and-protect-your-site-with-cloudflare/images/pagespeed_hu2811704973419502587.jpg)
常见的优化方向为启动压缩,压缩及合并JS CSS等资源,后置JS等。总体来讲Hugo生成的静态站点性能还是不错的。
搜索引擎收录
在我们的博客站点上线后,如果我们期望被人搜索到,可以在搜索引擎对站点进行提交,更长期的可以做SEO(搜索引擎优化)。
验证我们的网站有没有被搜索引擎收录,可以在搜索引擎中搜索site:tomo.dev
。
![Google Search Google Search](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-google_hu6266242293859961901.jpg)
![Baidu Search Baidu Search](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-baidu_hu7702565097542431366.jpg)
可以发现我们的站点并没有被搜索引擎收录。这时候我们可以通过手动提交的方式让搜索引擎对站点进行索引。
Google可以通过Search Console 提交。
![Google Search Console Google Search Console](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-google-console_hu9804408844997606507.jpg)
Baidu可以通过搜索资源平台 进行链接提交。
![Baidu链接提交 Baidu链接提交](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-baidu-linksubmit_hu1840018085490020939.jpg)
一般提交后,过1-2天会被搜索引擎收录,再次搜索site:tomo.dev
后就会出现搜索结果:
![Google Search Post Submit Google Search Post Submit](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-google-post-submit_hu15452533146529869555.jpg)
Cloudflare
Cloudflare 提供免费计划,基本能够满足绝大部分个人用户的日常需求。为了使用Cloudflare的CDN服务,我们需要将我们的域名解析迁移至Cloudflare。
注册Cloudflare账号,添加站点,选择Free计划
获取Cloudflare name server地址
根据域名注册站点对name server进行配置,下图为Google Domain配置
在name server迁移后,我们就可以在Cloudflare进行DNS解析的配置,注意选择Proxied模式
确认SSL/TLS配置,由于我们的站点本身有Caddyserver提供HTTPS,所以这边可以选择Full模式
至此,我们的站点就被Cloudflare进行缓存了,会加快各地用户的访问速度。默认Cloudflare的缓存策略是4小时, 可以通过Caching菜单中的Browser Cache TTL进行配置。