Giter Site home page Giter Site logo

Comments (3)

jellegerbrandy avatar jellegerbrandy commented on June 2, 2024

I'm not sure what this is for, but I assume for optimiziation

In that case, I think we are interested in loading times more than "bundle size", and specifically times like "how long before you see a complete page", "how long before you can click on something", "how long before a video starts playing".

These are of course very much related to the size of the code - but it is not the same.

For the record, here: a pattern that @bent0b0x has introduced and I'd like to leverage is to reduce loading times by load releveant pieces of the app only when they are needed. So there is no single "bundle" (there may be different bunldes at different entry points, like we already have with portal vs embed)

from paratii-mediaplayer.

felipegaucho avatar felipegaucho commented on June 2, 2024

Yes, for optimisation. I propose keeping track of minified bundle size (for the embedded player, 'standalone', only); startup time; and playback failure rates, for now.

@bent0b0x and @ya7ya naturally come to mind, but maybe @Leeaandrob can help us streamline the process or use a proper tool/flow.

(for ref: https://mux.com/blog/the-four-elements-of-video-performance)
(for ref2: https://github.com/lucasrodcosta/clappr-nerd-stats | plugin for clappr stats)

from paratii-mediaplayer.

felipegaucho avatar felipegaucho commented on June 2, 2024

Closing this in favour of tracking metrics here: https://github.com/Paratii-Video/paratii-mediaplayer/wiki/Tracking-performance-metrics

It'd be great if @ya7ya could point there the change in bundle size and corresponding PR for optimisation that happened recently (I couldn't find it).

Later on we can get stats on the legacy player.

from paratii-mediaplayer.

Related Issues (20)

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.