La bobine n'utilisait jamais hls.js, et les téléphones payaient pour elle

Performancekamo-marketing
Expédié
20 août 2026 à 14:23 UTC
Auteur
Kamo
Commite
8399936

La chasse "faites moins de requêtes HTTP" a trouvé deux choses réelles, et la seconde est beaucoup plus important que l'audit qui l'a conduit. La NOY DE L'ÉTÉ NE SOULIGNE S'est pas soumise. HeroStage choisit HLS natif lorsque l'élément rapporte qu'il peut jouer le type, avec un commentaire qui en tant qu'affaire Safari. C'est n'est pas : - retourne "peut-être" dans Chrome, sur bureau ET sur Android. Donc Chrome n'a jamais atteint la branche hls.js, et aucun de son réglage - niveau de démarrage, calotte de niveau, limites de tampon - a jamais été appliqué à celui-ci. Uniquement Firefox, qui répond "", utilisait hls.js. Cela importait parce que le joueur natif n'offre pas d'API de qualité, donc son propre ABR a grimpé jusqu'au rung 720p pour une ouverture de 369 px. Mesuré sur un Moto G imité: 8 requêtes des médias, 5 353 KB dans une sourde dans une période de quinze secondes, au téléphone, pour un muet une boucle décorative. Une fenêtre de visualisation étroite est remise directement à la liste de diffusion 540p, la seule Une façon de plafonner la lecture native est de lui donner une liste de lecture sans un rung plus élevé dedans. Cela coûte un changement adaptatif à l'intérieur de la bobine, qui est le commerce délibéré: il est décoration, et ses visiteurs les plus lents (Save-Data, 2G/3G) sont déjà exclus avant tout ce qui s'étend. médias: 8 demandes / 5 353 KB - 6 demandes / 3 143 KB (-41%) La configuration hls.js est aussi fixe, pour la trajectoire de Firefox qui l'utilise. "Démarrage du niveau" Lire -narrow ? 2 : 1' avec un commentaire appelant 2 "le rung inférieur" niveaux ascendants ("les niveaux de tri du plus bas au plus haut"), donc 2 est l'échelon TOP et Les téléphones y parchaient également le 720p. «capLevelToPlayerSize» est maintenant un ordinateur de bureau uniquement: il mesure dans les pixels DEVICE, donc 412 px à DPR 2.625 est dit '1080' et autorise 720p de toute façon, et le contrôleur de niveau de culaxage sur le matelot auto-marche une minuterie, écrasant silencieusement tout capuchon manuel placé à côté d'elle. Des fenêtres étroites obtiennent un plafond explicite dérivé du manifeste à la place, plus un avance de 10 secondes et tampon arrière de sorte qu'une boucle de 66 secondes n'est pas tirée enfoncée entière. AN FAVICON 85 KB. Le thème bucket's favicon.svg est le logo complet attribué à 669 Les chemins - 219 KB brut, 84 KB sur le fil et les navigateurs préfèrent une icône SVG lorsque L'une est offerte. Le PNG à côté de lui est la même marque à 4,9 KB. La liaison SVG est née; c'était la demande la plus lourde sur la page après la vidéo. Sur l'avis lui-même: combiner des scripts et des feuilles de style est un guidage HTTP/1.1 et ce site est desservi plus de h2, où les requêtes sont multiplexées sur une connexion et la fusion de paquets coûterait une granularité de cache et un fractionnement de code sans gain. Le les déchets ci-dessus étaient réels et sont fixes; les nombres restants sont de 23 châssis à plis de code et 15 préfetches, et les préfetches sont ce qui rend la navigation instantanée. Diagnostiqué avec Chrome sur le protocole de débogage, y compris un hls.js isolé page pour prouver que la logique de la calotte a fonctionné avant de conclure que l'application ne l'atteignait pas.

Tous les changements

Comme ce que tu vois expédier ?

Chacune de ces mises à jour atterrit automatiquement dans votre espace de travail. Commencez gratuitement et regardez-le grandir semaine après semaine.

Commencez gratuitement pour toujoursPrix de visualisation