Semer des utopies et de l'espoir radical, jusque dans le web.

Un site cohérent avec ce que nous défendons, du premier écran au panier d'achat : engageant, léger, ouvert à tous·tes, écoconçu, apaisant et sûr.

Pas d'artifice, de pop up captant votre attention, pas de techniques nouvelles qui rendent obsolescents vos appareils, pas de page lourde, de vidéos qui se lancent automatiquement. Aucun traqueur ni mesure d’audience, votre vie privée est respectée par défaut.
Un hébergement vert chez infomaniak qui fonctionne en énergie renouvelable et chauffe des logements et de l’eau avec l’énergie dégagée par les serveurs.
Parler de nos livres, mettre en avant les auteur·ices, et vous permettre d'acheter les livres en ligne sans trahir l'esprit coopératif ni l'exigence écologique de la maison.

Ecoconception, notre démarche

La Mer Salée conçoit son site web dans une logique de sobriété numérique. Maison d'édition lumiluttante, nous appliquons à notre présence en ligne les principes que nous défendons .

Cette déclaration d'écoconception s'appuie sur le RGESN (Référentiel Général d'Écoconception de Services Numériques), publié par l'Arcep, l'Arcom, l'ADEME, la DINUM, la CNIL et Inria. Ce référentiel propose des critères concrets.

Notre objectif est de réduire l'empreinte environnementale de notre site en limitant les ressources informatiques nécessaires, en optimisant les contenus et en favorisant la transparence sur nos pratiques.

1. Stratégie

Un équilibre usage / sobriété

Le site mersalee.com est conçu pour répondre aux besoins essentiels de nos visiteurs : comprendre la maison, découvrir nos réalisations et les acquérir et nous contacter. Nous évitons les fonctionnalités superflues qui alourdiraient le site sans apporter de valeur réelle.

Pas de tracking, juste de la transparence et de la sécurité

Nous ne déployons aucun outil d'analyse comportementale (pas de Google Analytics, Matomo, ni aucun autre tracker). Aucun cookie de suivi n'est déposé sur votre navigateur. Cette décision élimine les requêtes réseau vers des serveurs tiers et réduit l'empreinte numérique de chaque visite et vous protège d’une récupération malveillante.

Technologies ouvertes et interopérables

Notre site repose sur des technologies standards et ouvertes. Mis à part pour le processus de commande et la newsletter, le site n’a recours à aucune bibliothèque javascript, ni à aucun traqueur publicitaire ou statistique.

2. Spécifications

Compatibilité, contre l’obsolescence de vos appareils et l’exclusion numérique

Le site est conçu pour fonctionner sur une large gamme d'appareils et de navigateurs, y compris les versions plus anciennes. Le design responsive s'adapte de manière fluide aux smartphones, tablettes et ordinateurs de bureau, évitant ainsi la nécessité de télécharger des ressources spécifiques à chaque type d'appareil.

Accessibilité, un site pour tou·tes

Conformément à notre déclaration d'accessibilité, le site vise le niveau WCAG 2.1 AA. L'accessibilité réduit aussi l'empreinte environnementale : un site accessible est un site bien structuré, léger et efficace pour tous les utilisateurices et les technologies d'assistance. Des contenus inclusifs, une palette de couleurs accessible, des formulaires bien conçus, une navigation simple.

3. Architecture

CMS sans base de données

Le site utilise Kirby, un CMS PHP à fichiers plats (flat-file). Contrairement aux CMS traditionnels qui nécessitent un serveur de base de données (MySQL, PostgreSQL), Kirby stocke le contenu directement dans des fichiers texte. Cela signifie :

• Aucun serveur de base de données à maintenir ou alimenter en énergie

• Des requêtes serveur plus légères. Des approches statiques qui limitent les requêtes serveur et affichent rapidement les pages web.

• Une architecture simplifiée qui consomme moins de ressources et une quantité d’énergie limitée d'énergie.

Ressources énergétiques et matières optimisées

• Un seul fichier CSS minifié pour l'ensemble du site
• Un seul fichier JavaScript minifié et chargé en différé (defer)
• Cache busting via le timestamp des fichiers pour garantir un cache navigateur efficace

4. Expérience utilisateur et interface

Sobriété d’une interface apaisante

• Pas de vidéo en lecture automatique : aucun contenu multimédia ne se lance sans action de l'utilisateur
• Pas de scroll infini : les contenus sont paginés et clairement structurés
• Pas de pop-up, de bannière cookie, ni de modal intrusif : l'absence de tracking élimine le besoin d'un bandeau de consentement
• Pas de dark patterns : nous ne manipulons pas l'attention des utilisateurs

Typographie maîtrisée

Nous utilisons x fichiers de polices au format WOFF2 (le format le plus compressé disponible) :

• xxx
• xxxx
• xxxl (titres)

Toutes les polices utilisent font-display: swap pour un affichage immédiat du texte sans bloquer le rendu de la page.

5. Contenus

Images optimisées

• Format WebP par défaut pour toutes les images (configuré au niveau du CMS)
• Images responsives via l'élément <picture> avec srcset : le navigateur télécharge uniquement l'image adaptée à la taille de l'écran
• Chargement différé (loading="lazy") pour toutes les images hors du viewport initial
• Décodage asynchrone (decoding="async") pour ne pas bloquer le rendu de la page
• Dimensions explicites (width et height) sur toutes les images pour éviter les décalages de mise en page (CLS)
• Qualité optimisée à 85% : un bon compromis entre qualité visuelle et poids du fichier

Contenu textuel

Les textes sont gérés via le CMS en format texte brut, sans éditeur WYSIWYG lourd.

6. Frontend (ou côté client) désigne la partie visible et avec laquelle l'utilisateur interagit.

Performance

• Les fichiers CSS et JavaScript sont minifiés pour réduire leur poids
• Le JavaScript est chargé avec l'attribut defer pour ne pas bloquer le rendu de la page
• Les images non critiques sont chargées en lazy loading
• Les images critiques (above the fold) utilisent fetchpriority="high" pour un chargement prioritaire
• Le cache navigateur est optimisé grâce au versioning des fichiers statiques

Animations sobres, non fatiguantes

Les animations CSS sont limitées au strict nécessaire (transitions de navigation, survol des liens). Le site respecte la préférence prefers-reduced-motion pour les utilisateurs sensibles aux animations.

7. Backend (ou côté serveur), correspond aux rouages invisibles, au traitement des données et à la logique du système.

Architecture légère

Kirby est un CMS PHP léger qui ne nécessite pas :

• De serveur de base de données
• De système de cache complexe (Redis, Memcached)
• De processus en arrière-plan (workers, queues)
• De dépendances JavaScript côté serveur (Node.js)

Formulaire de contact

Le formulaire de contact utilise un champ honeypot pour la protection anti-spam, évitant ainsi le recours à un CAPTCHA qui nécessiterait des requêtes vers des serveurs tiers (Google reCAPTCHA), donc de la captation de données et un impact écologique.

8. Hébergement indépendant, vert et respecteux

Notre site est hébergé chez Infomaniak, un hébergeur suisse indépendant engagé dans une démarche environnementale ambitieuse :

• Énergie renouvelable
• Objectif net zero 2030
• Recyclage du matériel
• Compensation carbone
• Réinjection de l’énergie générée par les serveurs
• Respect de la vie privée, notamment via leur IA

Les fichiers statiques (images, CSS, JavaScript) bénéficient de mécanismes de cache HTTP pour minimiser les transferts réseau redondants.

9. Bonnes pratiques supplémentaires

Sécurité sans surcharge

• HTTPS pour toutes les connexions
• Protection honeypot sur les formulaires (pas de scripts CAPTCHA tiers)
• Pas de base de données = pas de risque d'injection SQL
• Pas de cookies = pas de risque de sécuritélié aux données personnelles

Pas de dépendance à des services tiers

Le site ne charge aucune ressource depuis des CDN ou services externes :

• Pas de Google Fonts (polices hébergées localement)
• Pas de bibliothèque JavaScript externe (jQuery, Bootstrap, etc.)
• Pas de widget de réseaux sociaux
• Pas d'iframes embarquées
• Pas de service d'analytics

Chaque visite ne génère des requêtes que vers notre propre serveur.

Axes d'amélioration

Nous identifions les pistes suivantes pour continuer à améliorer notre démarche :

• Mesurer régulièrement l'empreinte carbone du site via des outils comme Website Carbon Calculator ou EcoIndex
• Mettre en place un suivi formel des critères RGESN avec un score par catégorie

Contact

Pour toute question concernant notre démarche d'écoconception, vous pouvez nous contacter :

• Par courrier électronique :
• Par courrier :

Date de la déclaration

Cette déclaration d'écoconception a été créée le 01/06/2026. Elle sera régulièrement révisée et mise à jour pour refléter les améliorations apportées.