Cloudflare Zaraz 增加对 X 和 Instagram 嵌入的服务器端渲染支持
内容提要
Cloudflare Zaraz现在支持X和Instagram的服务器端渲染嵌入，消除了对第三方JavaScript和cookies的需求，提高了隐私和性能。该方法通过在服务器端获取和缓存内容，实现浏览器和第三方服务器之间的直接通信。通过与传统嵌入代码的比较，展示了性能优势。X和Instagram的托管组件是开源的，可在GitHub上获取。Cloudflare Zaraz计划扩展对其他媒体类型的支持，并邀请对该项目进行合作。
延伸解读
隐私与安全：消除第三方脚本与Cookie
传统嵌入方式依赖第三方JavaScript和Cookie，可能导致用户数据被社交媒体平台收集，甚至通过请求头泄露IP地址或User Agent。Zaraz的服务器端渲染完全避免了浏览器与第三方服务器的直接通信，所有内容由服务器获取并缓存，从源头切断了数据泄露途径。同时，不加载外部脚本也降低了因第三方库漏洞导致的安全风险，符合GDPR等隐私法规要求。
性能优势：从数据看服务器端渲染
文章通过对比测试展示了Zaraz嵌入的显著性能提升：使用Zaraz的X嵌入获得Google PageSpeed Insights满分100分，总阻塞时间为0毫秒，仅1个请求，传输大小12.1 KiB；而传统嵌入方式性能得分下降27分，产生多个请求，传输大小475 KiB，总阻塞时间高达1010毫秒。这种差异源于服务器端获取和缓存内容，减少了浏览器端的网络请求和脚本执行开销。
实现机制：X与Instagram的不同处理路径
Zaraz对X和Instagram嵌入采用了不同的技术方案。X嵌入通过服务器端请求X的API获取JSON数据，再使用Mustache模板引擎将数据填充到预写的HTML模板中，生成模拟原帖外观的嵌入内容。Instagram嵌入则直接获取Instagram生成的HTML，使用Cheerio库移除所有脚本和样式表链接，并将图片和CSS路由到用户自己的域名下，避免浏览器直接请求Instagram服务器。两者都利用缓存机制提升性能。
当前支持与未来扩展
目前Zaraz的X嵌入仅支持文本推文，Instagram嵌入仅支持图片帖子。Cloudflare计划扩展对其他媒体类型的支持，并邀请用户和合作伙伴参与开源项目，共同开发更多可完全服务器端渲染的工具。这一方向旨在打造更安全、更快速的网络体验，但现阶段功能有限，用户需注意适用范围。
Q&A
Cloudflare Zaraz如何提高隐私和性能？
Cloudflare Zaraz通过服务器端渲染嵌入内容，消除了对第三方JavaScript和cookies的需求，从而避免了浏览器与第三方服务器的直接通信，提升了隐私和性能。
使用Cloudflare Zaraz嵌入X和Instagram内容的步骤是什么？
只需在HTML中添加占位符元素，然后在Cloudflare Zaraz仪表板中激活相应工具即可。例如，X的占位符为<twitter-post tweet-id='你的推文ID'></twitter-post>。
Cloudflare Zaraz的X和Instagram托管组件在哪里可以找到？
Cloudflare Zaraz的X和Instagram托管组件是开源的，可以在GitHub上获取。
传统嵌入方式存在哪些隐私和安全风险？
传统嵌入方式可能导致社交媒体平台收集用户数据，使用cookies和JavaScript脚本，增加了隐私泄露和安全漏洞的风险。
Cloudflare Zaraz如何处理内容以确保安全和性能？
Zaraz通过服务器端获取和缓存内容，避免直接与第三方服务器通信，从而确保用户数据的安全和更快的加载速度。
Cloudflare Zaraz未来有哪些扩展计划？
Cloudflare Zaraz计划扩展对其他媒体类型的支持，并邀请用户和合作伙伴共同开发更多工具。
