Nom de class incompréhensible sur certains sites

Hello

J’ai remarqué, depuis quelques temps et cela sur certains sites (comme reddit.com par exemple), qu’ils utilisent des noms de class pour leurs CSS incompréhensible.

Exemple :

<button class="pqvesn-2 esxAEQ">back to top</button>

<div class="s73mpk5-0 grJhRk" data-redditstyle="true">
<div class="TmgZY6tDcdErbE5d7E0HJ">
<div class="s1wbv0ui-0 jVuUot">
<div class="s1wbv0ui-2 iKKazK">
<div class="s1wbv0ui-3 jLhzBs">

Voilà, je me demandais comment sont généré ces noms ? et pourquoi ?

En gros ça combine différentes class, si j’ai compris ? en effet ça peut "optimiser" la taille du CSS pour les gros sites, comme Reddit

Et de ce que j’ai compris au lieu d’avoir ".machin > .machin > .machin" tu aurais .ljkmd, je n’ai pas vu de library sur internet pour tester, faudrait essayer pour comprendre en détail ou lire la page de présentation d’un module qui permet de faire ça.

C’est aussi utilisé pour faire des scopes css dans les frameworks à composants.