Construire un web écoresponsable, +rapide, +ergonomique.
Plus rapide
Les sites internet ont recours à de grandes quantités de codes destinés à les rendre plus attractifs et vendeurs pour le visiteur
Ces codes ont tendance à ralentir les sites
Ils compliquent la maintenance ( bug, mises à jours .. )
.. tout en rendant les sites plus complexes à éditer
Plus ergonomique
Lorsque VOUS LISEZ un livre , vous le parcourez de gauche à droite , de haut en bas , page après page .. selon une logique simple et prévisible ... à aucun moment le lecteur ne cherche sa ligne !
Mais " Quid " des sites internet ?
-> Les contenus web sont certes riches d'informations mais leur organisation est aléatoire, car dépendante du concepteur du site..
CONSEQUENCE : Sur la plupart des sites, le visiteur doit chercher l'information qui l'intéresse !
Lecture en F , en Z, en U ...( liste non limitative ) , donc faible confort de lecture, fatigue cognitive, occasionnant à la longue dispersion de l’attention et finalement décrochage .
→ ( Sans oublier les indispensables sollicitations parasites ( publicités, cookies) )
→ perte de l’attention du visiteur , moindre capacité d’interaction et de pris de décision
Nécessaire Sobriété numérique
En outre tous nos serveurs , téléphones et ordinateurs consomment de grandes quantités d’électricité et de matériaux .
→ Il est temps d’alléger la toile et nos habitudes !
Ou bien de partir s’installer à l'année dans les bois , ( ce qui est toutefois très bon pour la santé, ( mais peut-être moins pour la vie sociale))
Une page web pèse en général 3 "MégaOctets" , pour une quantité utile d’information de 30 "KiloOctets" ..
... Oups !
Et si on mettait en ligne des pages moins lourdes ? Un site peut proposer un contenu tout à fait satisfaisant en se limitant à des pages pesant 750ko / 1.5Mo .. soit entre 2, 3 ou 4 fois moins !
C'est faisable, moyennant moins de code inutile et des images mieux contrôlées..
Un web plus léger est souhaitable
Moins d’outils techniques, cela signifie :
- Une meilleure robustesse , - moins de maintenance
Ça s’appelle « optimiser »
Concrètement
J’aimerais voir plus souvent des sites internet où l’ensemble des informations utiles seraient synthétisées sur la première page :
identité de la personne ou de l'organisation.. sommaire de ses services et activités .. horaires .. accéder au lieu .. moyens de contact .
Et les infos complémentaires ( références , catalogue complet.. ) sur des pages secondaires
Une logique enfin : Standardiser l’organisation d’une page en
Qui ? (dit / fait) Quoi ? (pour qui ? / où ? )
Comment ? (exemple de réalisations, lien "en savoir plus" )
+ formulaire contact / téléphone / envoi d’email
Ma Formation : Licence d'informatique passée en 2002.
Expérience en Freelance : 12 ans de graphisme, de rédaction de sites.. et de plus en plus de code, toujours tourné vers le web.
Côté Valeurs
La recherche d'efficacité sociale : le digital peut être vu comme un gadget, mais c'est aussi un excellent outil de réponse, de survie, d'émancipation... face à une paralysie sociale et économique ( voire psychologique ) grandissante.
La recherche de performance technique, ergonomique et écologique : le numérique tend comme partout à devenir obèse, or rien ne l'y oblige. Simplifier et optimiser un contenu numérique allège le web, l'accélère, tout en demandant moins d'effort de gestion.
Il n'y a que des avantages à faire de l'écologie avec le numérique Plus écologique => gain de temps et d'énergie => plus économique
Le présent site est hébergé en France, classé "très bas impact carbone", respecte la vie privée, et les outils utilisés réduisent son coût à une petite dizaine d'euros par an .
FAITES PARTIE DE MES EARLY-BIRDS !(*) * désigne les lève-tôt qui ont eu la meilleure part
Ce site n'utilise pas de cookies et ne collecte aucune donnée personnelle à votre insu.
Elements
Text
This is bold and this is strong. This is italic and this is emphasized.
This is superscript text and this is subscript text.
This is underlined and this is code: for (;;) { ... }. Finally, this is a link.
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Blockquote
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
Preformatted
i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'It took ' + i + ' iterations to sort the deck.';
