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.