How to Optimize CloudflareStream Embed for Load Time - LCP
Hey guys, I've never worked with cloudflare before but a client of mine is using it to deliver their videos to their website.
An example of a page can be seen here: https://www.sketchy.com/medical-lessons/staphylococcus-epidermidis-saprophyticus
They've been having issues passing Core Web Vitals on a lot of their pages, specifically LCP. I've done a lot to improve overall load speed but cloudflare video seems to be the culprit of a lot of render delay.
They're embedding via the stream player: https://developers.cloudflare.com/stream/viewing-videos/using-the-stream-player/
Is this the most efficient way to embed from a page speed optimization perspective?
I've attached an image of the waterfall viz GTMetrix
Staphylococcus Epidermidis & Saprophyticus - Free Sketchy Medical L...
Watch a free lesson about Staphylococcus Epidermidis & Saprophyticus from our Bacteria unit. Sketchy Medical helps you learn faster and score higher on the USMLE Step 1 and Step 2 exams.
Use the Stream Player · Cloudflare Stream docs
Cloudflare provides a customizable web player that can play both on-demand and live video, and requires zero additional engineering work.
1 Reply
As an important note: This website is being hosted on Webflow so there is no access to adjust things on the server side.