LoWWeb Agency : propositions autour de sites web plus frugaux et mieux optimisés

Description générale

LoWeb Agency est une petite entreprise coopérative imaginaire. Son objectif est de proposer un service de re-conception de sites web.

Pour cela elle demande à ces clients une copie du site (couches côté client et serveur) et elle :

  • analyse le site web et le critique sous l'angle de la low-technicisation ;

  • propose des idées de (re)conception pour obtenir un site web plus modeste.

L'objectif de votre projet est de réaliser quelques exemples de telles études afin de montrer le travail que pourra réaliser l'agence. Il ciblera en premier lieu des sites dont on peut contacter les propriétaires pour en faire d'éventuels premiers clients.

L'agence pourra se doter de ses propres outils :

  • grilles d'analyse manuelle

  • outils d'analyse automatique d'indicateurs

  • outils de création de sites frugaux (Wiki, CMS, extension à des CMS...)

Sous-projets

  • LowCat : low-technicisation de services Chatons : le Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires a relevé le défi de proposer des services en ligne libres, éthiques et décentralisés. Comment pourrions-nous low-techniciser leurs services afin qu'ils deviennent plus durables et appropriables ?

    • où poser ses serveurs ?

    • quels serveurs ?

    • quels services ?

    • quelles disponibilités ?

    • quelles volumétries ? performances ?

  • LowCms / LowWiki : proposer des logiciels de création de site web statiques ou dynamiques qui mettent en avant des pages web simples et légères.

ExemplePistes de recherche : exemples de sites à adresser

  • Sites institutionnels : par exemple le site de l'UTC, des sites institutionnels locaux (mairie de Compiègne), de l'état (gouv.fr), d'associations militantes (Chatons, associations œuvrant dans le domaine écologique ou sociétal...)...

  • Sites marchands : par exemple le site web de Label Emmaüs, de Fair Phone ou d'autres Licoornes...

ExemplePiste de recherche : bibliographie

ExemplePistes fonctionnelles

  • Retirer le contenu image et vidéo de la page par défaut

  • Couper la lecture automatique de contenu vidéo

  • Supprimer l'usage de trackers (Google, Youtube)

  • Supprimer l'usage de bannières dynamiques/carroussels qui nécessite du Javascript et des images

  • Se passer des images de décoration ou les compresser et tramer/ditheriser afin de réduire le poids de la page

  • Charger les images uniquement après clic de l'utilisateur ou les charger en basse qualité/ditherisé dans un premier temps

  • Diminuer la taille de la page d'accueil et/ou des pages les plus consultés via moteur de recherche ; proposer des chargements progressifs des pages (ne pas trop charger par défaut)

  • Étudier la nécessité de chaque librairie Javascript utilisée et chercher des alternatives de design ou en CSS

  • Proposer un mode sobre par défaut : réduction HTML, CSS, JS, images...

  • ...

ExemplePistes techniques

  • Scenari

  • Wikipedia et MediaWiki

  • uBlock Origin

ComplémentProjets lownum antérieurs