Coder Social home page Coder Social logo

vimeo-lite-worker's Introduction

Lite Vimeo Worker ๐Ÿ‘ท

A Cloudflare Worker that looks for Vimeo embeds on a page, and replaces them with the Lite Vimeo Embed facade.

Why would you want to do this?

  • It's better for performance ๐Ÿš€
  • It makes your page greener ๐ŸŒ๏ธ

Better performance

Rather than loading the Vimeo player, and all the JavaScript that comes with it. This Worker replaces it with a facade. Vimeo's JS code gets downloaded when the user wants to use the player.

Better for the planet

By default the Vimeo player downloads just around 250kB of data when it is loaded on a page. Using this Worker can reduce the initial size of your page by about 200kB per video (about 0.050 grams of CO2).

Options

This Worker uses slightlyoff/lite-vimeo. You can adjust the script to use any of options available in that web component.

Try it out

You can test this worker locally using Wrangler.

  1. Checkout the demo branch.
  2. Run the wrangler dev command.
  3. Open your browser and navigate the running local server.
  4. Using an extension like ModHeader in Chrome, set a new Request header x-demo: <the URL you want to test>.

vimeo-lite-worker's People

Watchers

fershad avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.