Notre démarche

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

Cette déclaration 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 pour concevoir des services numériques plus respectueux de l'environnement.

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

Sobriété fonctionnelle

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

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.

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é

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é

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 utilisateurs et les technologies d'assistance.

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 et plus rapides
• Une architecture simplifiée qui consomme moins de ressources

Ressources 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é de l'interface

• 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 : en cohérence avec notre expertise en sciences comportementales, 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

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

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

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).

8. Hébergement

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

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 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.