<!doctype html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

    <!-- Preconnect critical domains FIRST -->
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://images.pexels.com" crossorigin />
    <link rel="preconnect" href="https://migbmhmphnjpqhmdlghs.supabase.co" crossorigin />

    <!-- Preload LCP image for mobile -->
    <link rel="preload" as="image" href="https://images.pexels.com/photos/106399/pexels-photo-106399.jpeg?auto=compress&cs=tinysrgb&w=800" fetchpriority="high" />

    <!-- Preload critical font -->
    <link rel="preload" as="font" type="font/woff2" href="https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2" crossorigin />

    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
    <link rel="canonical" href="https://www.comparateurchauffage.com/" />

    <!-- DNS prefetch for deferred domains -->
    <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
    <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com" />
    <link rel="dns-prefetch" href="https://www.youtube.com" />
    <link rel="dns-prefetch" href="https://i.ytimg.com" />

    <!-- Critical CSS - Inline for fastest FCP/LCP -->
    <style>
      @font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2')}
      *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
      html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
      body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;background:#f8fafc;color:#1e293b}
      #root{min-height:100vh;min-height:100dvh}
      img,video{max-width:100%;height:auto;display:block}
      img{content-visibility:auto}
      .loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);flex-direction:column;gap:1rem}
      .loading-spinner{width:40px;height:40px;border:3px solid #99f6e4;border-top-color:#0d9488;border-radius:50%;animation:spin .6s linear infinite}
      .loading-text{color:#0d9488;font-size:14px;font-weight:500}
      @keyframes spin{to{transform:rotate(360deg)}}
      .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    </style>

    <title>Comparateur Chauffage 2026 - Simulez vos aides MaPrimeRenov gratuitement</title>
    <meta name="description" content="Simulation gratuite en 2 min : comparez les systemes de chauffage, calculez vos aides MaPrimeRenov jusqu'a 11 000 euros et trouvez un installateur RGE. +150 000 utilisateurs." />

    <meta name="robots" content="index, follow, max-image-preview:large" />
    <meta name="theme-color" content="#0d9488" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />

    <!-- Open Graph -->
    <meta property="og:locale" content="fr_FR" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Comparateur Chauffage 2026 - Simulez vos aides gratuitement" />
    <meta property="og:description" content="Simulation gratuite : comparez les systemes de chauffage et calculez vos aides. +150 000 utilisateurs." />
    <meta property="og:url" content="https://www.comparateurchauffage.com/" />
    <meta property="og:site_name" content="Comparateur Chauffage" />
    <meta property="og:image" content="https://www.comparateurchauffage.com/og-image.jpg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Comparateur Chauffage 2026" />
    <meta name="twitter:description" content="Simulez gratuitement vos aides chauffage" />

    <!-- Google verification -->
    <meta name="google-site-verification" content="oQKJ0Q_SRN2tnHpyQr5rOjcjvdLHtTeQR4a21joUpzw" />

    <!-- Pinterest verification -->
    <meta name="p:domain_verify" content="4f6a4a577a2975a3ded58322c25efafb" />

    <!-- Structured Data - Minified -->
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","name":"Comparateur Chauffage","description":"Comparateur gratuit de systemes de chauffage avec simulation des aides","url":"https://www.comparateurchauffage.com","applicationCategory":"UtilitiesApplication","offers":{"@type":"Offer","price":"0","priceCurrency":"EUR"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","ratingCount":"1247"}}</script>
    <script type="module" crossorigin src="/assets/index-CSbN8wA1.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor-CIYsK3aJ.js">
    <link rel="modulepreload" crossorigin href="/assets/vendor-BWPMfGKM.js">
    <link rel="modulepreload" crossorigin href="/assets/helmet-Di0hiFlQ.js">
    <link rel="modulepreload" crossorigin href="/assets/pdf-libs-CHtq95Si.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-BgJL-W3A.js">
    <link rel="modulepreload" crossorigin href="/assets/utils-pdf-gfpm_frz.js">
    <link rel="modulepreload" crossorigin href="/assets/router--XkTx5NX.js">
    <link rel="modulepreload" crossorigin href="/assets/icons-DXQgP3Uv.js">
    <link rel="stylesheet" crossorigin href="/assets/index-AxEZQMS2.css">
  </head>
  <body>
    <a href="#main-content" class="sr-only">Aller au contenu principal</a>

    <div id="root">
      <div class="loading-screen" role="status" aria-live="polite">
        <div class="loading-spinner" aria-hidden="true"></div>
        <span class="loading-text">Chargement...</span>
      </div>
    </div>

    <!-- Main app script with modulepreload -->

    <!-- Defer third-party scripts until after interaction -->
    <script>
      (function(){
        var loaded=false;
        function loadThirdParty(){
          if(loaded)return;
          loaded=true;
          // GTM - delay 5s after interaction
          setTimeout(function(){
            var g=document.createElement('script');
            g.async=true;
            g.src='https://www.googletagmanager.com/gtm.js?id=GTM-5KKJCFPP';
            document.head.appendChild(g);
          },5000);
          // AdSense - delay 6s (skip on admin pages)
          if(window.location.pathname.indexOf('/admin')===-1){
            setTimeout(function(){
              var a=document.createElement('script');
              a.async=true;
              a.crossOrigin='anonymous';
              a.src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2319254497903382';
              a.onload=function(){window.adsenseLoaded=true};
              document.head.appendChild(a);
            },6000);
          }
        }
        // Load on user interaction or after 8s
        ['scroll','click','touchstart','mousemove','keydown'].forEach(function(e){
          window.addEventListener(e,loadThirdParty,{once:true,passive:true});
        });
        setTimeout(loadThirdParty,8000);
      })();
    </script>
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5KKJCFPP" height="0" width="0" style="display:none;visibility:hidden" title="GTM"></iframe></noscript>
  </body>
</html>
