#16910

StĂ©phanie Walter 🩊 sur Twitter : "#BlendWebMix “Le souci du responsive c’est qu’on charge tout le gros site donc c’est lent” Oui, enfin du responsive MAL FAIT surtout hein
"

+1

Un template fait correctement Ă  la base, il demande trĂšs peu d’ajustements pour ĂȘtre compatible mobile. Et les media-queries servent justement pour faire ces ajustements.
En pratique, il s’agit souvent de transformer les dispositions "ligne" (les blocs/sections sont cîte à cîte) en disposition "colonne" (les uns sous les autres). Avec les flex, c’est devenu trùs trùs rapide à faire.

Le souci du responsive c’est qu’on charge tout le gros site donc c’est lent

Ben oui, car le "gros site" reprĂ©sente Ă  la fois l’architecture desktop et l’architecture mobile de la page. On a factorisĂ© le code pour avoir 90% du code commun Ă  tous les appareils (mobiles et non-mobiles).

Ce n’est donc pas lent : la vitesse est normale.

Et puis, comme je l’avais moi-mĂȘme mis lĂ  : https://lehollandaisvolant.net/tuto/responsive-css/ , une simple ligne <meta /> dans le HTML fait dĂ©jĂ  90% du boulot et redimensionnant l’ensemble des Ă©lĂ©ments Ă  une taille visible.

De toute façon, on peut toujours ajouter une ligne <styles> en HTML qui ne charge le document CSS uniquement quand on est sur mobile. Comme ça il n’y a aucune bande passante de consommĂ© (Ă  part la centaine d’octets de la ligne HTML, ce qui est une quantitĂ© de donnĂ©es absolument nĂ©gligeable).

À une Ă©poque je m’étais fait comme spĂ©cialitĂ© de trouver des solutions pour des webmasters qui voulaient un site responsive sans toucher au thĂšme.
LĂ  il fallait faire en sorte que le navigateur mobile 1) casse le thĂšme desktop et 2) reconstruise l’architecture de la page pour mobile. Certes, c’était trĂšs une pratique honteuse, mais ça dĂ©pannait Ă  moindre frais pour le webmaster (et c’est loin des pires trucs que j’ai pu voir, comme un template oĂč tout, absolument tout, Ă©tait positionnĂ© en absolute (phrase par phrase, ligne de texte par ligne de texte
 une horreur
).

Ce n’est pas du tout une chose à faire quand on fait un thùme from-scratch.

https://twitter.com/WalterStephanie/status/923567524020662272