On peut résumer l'étude par H.264 (aka. x264) était l'un des leaders incontestés de la compression mais depuis quelques années H.265 (aka x265) offre la même qualité vidéo pour une taille 15-20% inférieure.

Après, H.265 n'est quasiment pas supporté en 2020 tandis que H.264 l'est quasiment partout. Donc pour du web mieux vaux H.264 et pour de stockage/visionnage perso on peut se laisser tenter par du H.265 qui de toute façon deviendra la nouvelle norme d'ici à quelques années.

Comment récupérer la vitesse de connexion d'un utilisateur sur PC ou mobile depuis JS ?

Comme cela :

// returns '4g', '3g', '2g' or 'slow-2g' 
var effectiveType = NetworkInformation.effectiveType;

Ensuite il vous suffit de récupérer les bonnes ressources en fonction du débit (les images principalement).

N.B : fin 2019 cette API n'est compatible qu'avec 65% des navigateurs selon caniuse.

Pour Chlouchloutte, Animal et Lenny qui doivent faire du positionnement HTML.

Le modèle FlexBox est un positionnement à une dimension, les CSS Grid font de même mais en deux dimensions.

L'intérêt de se servir de frameworks comme Bulma ou Bootstrap se réduit de semaines en semaines. D'autant que les CSS Grid sont gérées à 88% selon Can I use. Pour info les FlexBox le sont à 95% à cette heure.

Je relaie les inquiètudes d'Oros sur Firefox. J'ai déjà migré vers Iceweasel (le fork de debian) depuis quelques temps.