Vous trouverez détaillé ici toutes les initiatives RSE que nous avons mises en place sur notre site.
Nous avons choisi d'utiliser des technologies web très légères et performantes. Notre site est principalement construit avec du HTML, CSS et JavaScript vanilla. Nous n'utilisons pas de frameworks lourds qui pourraient alourdir le chargement des pages.
De plus, l'utilisation de framework et de librairies n'aurait pas eu lieu d'être étant donné la simplicité de notre application
Notre code source est actuellement disponible sur le répo suivant : https://github.com/Super-Sympa-2025/ndl
Nous avons choisi d'utiliser Ngnix pour héberger notre site sur notre petit Raspberry pi. En effet, ce serveur est utilisé pour héberger de nombreux projet de la communauté Super Sympa. Cela permet d'avoir une seule machine pour plusieurs projets au lieu d'une nouvelle instance d'un serveur cloud qui utiliserait trop de ressource par rapport au trafic généré par ces sites. Nous pensons donc que cet usage est résonné et s'inscrit dans la démarche RSE de ce site.
Aucune de nos pages ne dépasse la limite recommandée de 50 ko. La plupart ne dépassent même pas les 20 ko. Nous avons vraiment axé notre développement en ayant en tête cette problématique. Chaque page de notre application ne fait qu'une seule requête HTTP. Il n'y a pas de requêtes inutiles, tout est chargé en une seule fois pour plus de performances.
Nous n'avons pas utilisé d'assets polices / image / video / audio pour ne faire en sorte d'avoir la page la plus légère possible. Le CSS a été très utilisé pour donner un aspect plus ludique au site pour qu'il ne ressemble pas à une RFC ;) En revanche nous avons mis en avant le contenu texte de notre site pour avoir un accès direct à l'information (ex: la page guide).
Exception : Dans le cadre du challenge Décathlon, nous avons réalisé des vidéos que nous avons intégrées avec des iframe dans la page sport. Nous avons pensé aux utilisateurs qui ne souhaiteraient pas afficher les vidéo avec un chargement conditionnel des vidéo Youtube.
Nous avons découvert l'aberration d'avoir une iframe youtube, le nombre de requêtes HTTP qui sont générés est vraiment gigantesque! Essayez par vous même en regardant votre console.
Nous avons essayé au maximum d'avoir une navigation possible au clavier. Nous avons utilisé l'extension web Wave pour essayer d'identifier les problèmes d'accessibilité et de les corriger.
En revanche la navigation avec des outils comme Links reste complexe sur les pages où il y a des intégration avec du JavaScript.