Le Responsive Design : pourquoi l’optimiser ?

Aux débuts d’Internet, les seuls appareils qui pouvaient permettre d’accéder à Internet étaient des ordinateurs (de bureau ou portables). Ces appareils avaient tous une taille d’écran semblable, ou en tout cas suffisamment proche pour ne pas présenter de problème d’affichage d’une machine à l’autre pour le même site Internet. La solution la plus simple consistait à s’adapter tout de suite à la largeur de l’écran d’un ordinateur portable. En termes de taille, on parle d’une largeur de 1000 à 2000 pixels. Ceci n’avait pour effet que d’agrandir les espaces blancs sur un ordinateur de bureau. Or, avec l’avènement des téléphones portables et des tablettes et l’augmentation de la navigation sur Internet avec ces appareils par les utilisateurs, il a fallu repenser totalement l'affichage des contenus d'un site en fonction du support utilisé. La diversification des supports de navigation a engendré la nécessité de rendre plus flexibles les sites Internet ; en effet, la largeur d’écran et la résolution d’une tablette ou d’un mobile diffèrent significativement de celles d’un écran d’ordinateur. Aujourd’hui, on doit travailler avec des largeurs d’écran variant de 320 à 4000 pixels ; cela demande une grande faculté d’adaptation aux sites que l’on peut construire de nos jours ! C’est là qu’intervient la notion de Responsive Design pour un site Internet, dont nous allons parler dans cet article.