templates/home/declaration-ecoconception.html.twig line 1

  1. {% extends 'base-infos.html.twig' %}
  3. {% block title %}Déclaration écoconception
  4. {% endblock %}
  6. {% block body %}
  9.     <main class="container-fluid px-0 pb-5">
  12.         <section
  13.             class="" style="">
  15.             {# <div class="col-lg-1"></div> #}
  16.             <div class="bg-primary text-white d-flex flex-column py-5 justify-content-center align-items-center">
  17.                 <h1 class="display-4 text-center">Déclaration d'écoconception</h1>
  18.             </div>
  21.             <article class="pt-4 container-text">
  22.                 <p class="small fw-light mb-5">Dernière mise à jour le 18/12/2024</p>
  23.                 <p>Cette application web vise à centraliser et piloter toute la démarche Numérique Responsable des organisations privées comme publiques. L'objectif est donc d'accompagner ces organisations vers un numérique plus sobre, humain et durable.</p>
  24.                 <p>Bilbea s'engage à apporter des mises à jour fonctionnelles et correctives régulières tout en respectant les principes d'écoconception définis par le RGESN v2.</p>
  25.             </article>
  27.             <article class="pt-4 container-text">
  28.                 <h2 class="text-primary fw-bold mb-3">Stratégie mise en œuvre et objectifs en matière de réduction ou de limitation des impacts environnementaux</h2>
  29.                 <ul>
  30.                     <li>Travail sur l'UX (expérience utilisateur) en permettant à l'utilisateur de trouver rapidement l'information avec moins de pages et moins de clics pour limiter les transferts de données.</li>
  31.                     <li>Limites strictes des ressources fixées</li>
  32.                     <li>Toutes les ressources envoyées à l'utilisateur sont compressées, minifiées et le cache client est utilisé pour réduire la bande passante utilisée.</li>
  33.                     <li>Optimisation des médias : utilisation systématique du format WebP pour les images, compression et redimensionnement adaptés aux résolutions des écrans utilisateurs. Pas de médias inutiles utilisés (vidéo, son)</li>
  34.                 </ul>
  35.             </article>
  37.             <article class="pt-4 container-text">
  38.                 <h2 class="text-primary fw-bold mb-3">Diagnostic RGESN</h2>
  39.                 <p>Le diagnostic mené en décembre 2024 par nos soins a porté sur l'échantillon suivant :</p>
  40.                 <ul>
  41.                     <li>Consulter la feuille de route d'une organisation</li>
  42.                     <li>Consulter la maturité NR d'une organisation</li>
  43.                     <li>Consulter un audit de maturité NR en détails</li>
  44.                     <li>Consulter le bilan carbone d'une organisation</li>
  45.                     <li>Consulter l'évaluation Label NR d'une organisation</li>
  46.                 </ul>
  47.                 <p>Les outils utilisés pour évaluer l'empreinte de l'application sont les extensions
  48.                     <strong>Green IT Analysis</strong>,
  49.                     <strong>Page Size Inspector</strong>
  50.                     et l'outil
  51.                     <strong>Lighthouse</strong>
  52.                     de Google.</p>
  55.                 <div class="bg-white border-start border-5 p-4 border-primary my-45 box-shadow d-md-flex gap-5 align-items-center ">
  56.                     <img class="mb-3 mb-md-3" src=" data:image/png;base64,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" alt="Logo MiNum_Eco"/>
  57.                     <div>
  58.                         <h5 class="fw-bold text-primary">Conformité</h5>
  59.                         <p>À l'aide de
  60.                             <a href="https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/numecodiag/">NumEcoDiag</a>, l'auto-diagnostic donne un taux de conformité au
  61.                             <a href="https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/">RGESN</a>
  62.                             (référentiel général d'écoconception) de
  63.                             <strong>87%</strong>, soit une augmentation de 4% par rapport à 2023.</p>
  64.                         <a href="{{ asset('assets/rgesn_actnr.xls') }}" target="_blank" class="btn btn-primary">Voir le diagnostic (.xls, 121Ko)</a>
  65.                     </div>
  66.                 </div>
  67.             </article>
  69.             <article class="pt-4 container-text">
  70.                 <h2 class="text-primary fw-bold mb-3">Configuration minimale requise pour accéder au site</h2>
  71.                 <p>ACTnR utilise des technologies standards. Tous les navigateurs bureau ou mobile sont supportés, hormis Internet Explorer (non testé).
  72.                 </p>
  73.                 <p>L'application est destinée à un usage professionnel, donc dans de bonnes conditions de connexion. Elle est toutefois utilisable à un niveau minimal de connexion. Pour cela nous nous engageons à ne pas dépasser, par page :</p>
  74.                 <ul>
  75.                     <li>2 Mo de poids total, 200Ko avec la compression des fichiers et le cache</li>
  76.                     <li>30 requêtes</li>
  77.                     <li>5 noms de domaine</li>
  78.                 </ul>
  79.             </article>
  82.             <article class="pt-4 container-text ">
  83.                 <h2 class="text-primary fw-bold mb-3">Mesures</h2>
  84.                 <div class="overflow-auto">
  85.                     <table class="collection-content table  small">
  86.                         <thead>
  87.                             <tr>
  88.                                 <th>Page</th>
  89.                                 <th>Poids page (Ko)</th>
  90.                                 <th>Poids page compressée (Ko)</th>
  91.                                 <th>% Performances (Lighthouse)</th>
  92.                                 <th>% Accessibilité (Lighthouse)</th>
  93.                                 <th>% Bonnes pratiques (Lighthouse)</th>
  94.                                 <th>Nb requête</th>
  95.                                 <th>Nb domaine</th>
  96.                                 <th>Nbre éléments DOM</th>
  97.                                 <th>EcoIndex (GreenIT Analysis)</th>
  98.                                 <th>Note (GreenIT Analysis)</th>
  99.                                 <th>Tps chargement (512 kbs)</th>
  100.                                 <th>Tps chargement (3G)</th>
  101.                             </tr>
  102.                         </thead>
  103.                         <tbody>
  104.                             <tr>
  105.                                 <td>Feuille de route</td>
  106.                                 <td>1318</td>
  107.                                 <td>75</td>
  108.                                 <td>98</td>
  109.                                 <td>90</td>
  110.                                 <td>100</td>
  111.                                 <td>21</td>
  112.                                 <td>5</td>
  113.                                 <td>690</td>
  114.                                 <td>60,1</td>
  115.                                 <td>C</td>
  116.                                 <td>493ms</td>
  117.                                 <td>2,4s</td>
  118.                             </tr>
  119.                             <tr>
  120.                                 <td>Page Maturité NR</td>
  121.                                 <td>1272</td>
  122.                                 <td>30</td>
  123.                                 <td>99</td>
  124.                                 <td>94</td>
  125.                                 <td>100</td>
  126.                                 <td>17</td>
  127.                                 <td>5</td>
  128.                                 <td>211</td>
  129.                                 <td>79,55</td>
  130.                                 <td>B</td>
  131.                                 <td>367ms</td>
  132.                                 <td>2,22s</td>
  133.                             </tr>
  134.                             <tr>
  135.                                 <td>Détails Audit NR</td>
  136.                                 <td>1286</td>
  137.                                 <td>54</td>
  138.                                 <td>98</td>
  139.                                 <td>94</td>
  140.                                 <td>96</td>
  141.                                 <td>18</td>
  142.                                 <td>5</td>
  143.                                 <td>334</td>
  144.                                 <td>74,55</td>
  145.                                 <td>B</td>
  146.                                 <td>358ms</td>
  147.                                 <td>2,31s</td>
  148.                             </tr>
  149.                             <tr>
  150.                                 <td>Détails Bilan Carbone</td>
  151.                                 <td>1329</td>
  152.                                 <td>65</td>
  153.                                 <td>99</td>
  154.                                 <td>100</td>
  155.                                 <td>100</td>
  156.                                 <td>20</td>
  157.                                 <td>5</td>
  158.                                 <td>321</td>
  159.                                 <td>58,74</td>
  160.                                 <td>C</td>
  161.                                 <td>399ms</td>
  162.                                 <td>2,44s</td>
  163.                             </tr>
  164.                             <tr>
  165.                                 <td>Évaluation Label NR</td>
  166.                                 <td>1301</td>
  167.                                 <td>121</td>
  168.                                 <td>99</td>
  169.                                 <td>96</td>
  170.                                 <td>100</td>
  171.                                 <td>18</td>
  172.                                 <td>5</td>
  173.                                 <td>398</td>
  174.                                 <td>71,81</td>
  175.                                 <td>B</td>
  176.                                 <td>601ms</td>
  177.                                 <td>2,47s</td>
  178.                             </tr>
  179.                         </tbody>
  180.                     </table>
  181.                 </div>
  183.             </article>
  184.         </section>
  185.     </main>
  186. {% endblock %}