Cloudflare has introduced a new HTML renderer feature for posting X/Twitter and Instagram on websites through Cloudflare Zaraz service. This allows users to directly load scripts and content from the domain where the post is placed, reducing the amount of user data being sent externally and speeding up the overall website performance.
In a test demonstration by Cloudflare, posting a single tweet on a blank webpage using Zaraz resulted in a total data size of 12.1KB with no Blocking Time, achieving a perfect 100 Google PageSpeed score. On the other hand, posting the same tweet on a website conventionally increased the data size to 475KB and the Blocking Time to 1.01 seconds, causing the web rendering time to elevate from 0.9 seconds to 5.8 seconds.
Websites utilizing Zaraz can now directly embed Twitter or Instagram posts using the twitter-post and instagram-post tags in HTML. Cloudflare Zaraz will then replace this with the content of those posts, mimicking the embedding of scripts as usual. Behind the scenes, Zaraz fetches post data and caches images, ensuring that the displayed information remains consistent with regular embedding, such as the number of likes or replies.
Source: Cloudflare
TLDR: Cloudflare introduces HTML renderer feature for X/Twitter and Instagram posts to enhance website performance and reduce data transfer, achieving faster web rendering times and maintaining consistent display of post information.
Leave a Comment