测试网站速度
在我们部署了我们的静态博客站点后,我们可以使用Google提供的测试工具对网站的性能进行检测,工具地址:https://pagespeed.web.dev/
检测结果如下图:
![Pagespeed Pagespeed](/posts/accelerate-and-protect-your-site-with-cloudflare/images/pagespeed_hu29df624a7e9c79a6be17ebb8e270197c_316051_640x0_resize_q75_bgffffff_box_3.jpg)
常见的优化方向为启动压缩,压缩及合并JS CSS等资源,后置JS等。总体来讲Hugo生成的静态站点性能还是不错的。
搜索引擎收录
在我们的博客站点上线后,如果我们期望被人搜索到,可以在搜索引擎对站点进行提交,更长期的可以做SEO(搜索引擎优化)。
验证我们的网站有没有被搜索引擎收录,可以在搜索引擎中搜索site:tomo.dev
。
![Google Search Google Search](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-google_hu47e8edb04c52d1f301d9ed06824ca486_124115_640x0_resize_q75_bgffffff_box_3.jpg)
![Baidu Search Baidu Search](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-baidu_hua956d1b7f6e24578f23dea1ceddffe8e_118659_640x0_resize_q75_bgffffff_box_3.jpg)
可以发现我们的站点并没有被搜索引擎收录。这时候我们可以通过手动提交的方式让搜索引擎对站点进行索引。
Google可以通过Search Console 提交。
![Google Search Console Google Search Console](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-google-console_hu8238bac6de7a86f8cc501edd97f1ea90_70121_640x0_resize_q75_bgffffff_box_3.jpg)
Baidu可以通过搜索资源平台 进行链接提交。
![Baidu链接提交 Baidu链接提交](/posts/accelerate-and-protect-your-site-with-cloudflare/images/search-baidu-linksubmit_hu2643b1f948db6e950df79a54cdc681be_239005_640x0_resize_q75_bgffffff_box_3.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_hu62782ab8246cb264e6c6d0369f82439e_232054_640x0_resize_q75_bgffffff_box_3.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进行配置。