Le immagini del profilo e gli elementi immagine nei post vengono caricati pigramente impostando l’attributo loading="lazy".
Le emoji non ne beneficiano. 
<img src="https://emoji.discourse-cdn.com/twitter/sloth.png?v=12" title=":sloth:" class="emoji" alt=":sloth:">
Non sono riuscito a trovare nei sorgenti il punto in cui vengono generati i tag delle emoji.
Le emoji sono “incorporate” nei post?
Puoi spiegare perché hai aggiunto larghezza e altezza codificate in modo fisso? Perché la nostra soluzione CSS non è sufficientemente valida qui?
Personalmente penso che sia buona norma aggiungere sempre gli attributi width e height agli elementi img nel momento in cui l’elemento img viene generato. È lì che potrei sapere con certezza quale file immagine sto inserendo. Il CSS è lontano dal file immagine effettivo.
Inoltre, i browser utilizzano queste informazioni aggiuntive sulla dimensione dell’immagine per calcolare l’aspect-ratio prima di caricare il file immagine e prima dell’analisi CSS.
In questo caso, le emoji vengono utilizzate in molti posti diversi e a volte la definizione delle dimensioni tramite CSS viene saltata accidentalmente.
Ad esempio, vedi la visualizzazione crawler di questo stesso argomento su PageSpeed
Capisco, quindi il browser utilizza questo per determinare le proporzioni e questo offre alle persone maggiore flessibilità con CSS (e limita il blocco attorno a CSS). Mi sembra buono, rende solo il nostro HTML un po’ più prolisso.
Questo PR è stato unito, grazie per il contributo @rrit!
