HTML-minimaliseerder

Over dit hulpmiddel

Je hebt dus een HTML-bestand. Misschien telt het een paar honderd regels. Misschien is het een warboel van spaties, regelafbrekingen en opmerkingen die je vergeten bent op te ruimen. Het werkt—goed genoeg. Maar elke overtollige byte telt wanneer je een pagina sneller probeert te laden, vooral bij tragere verbindingen. Daar komt een HTML-minifier goed van pas. Het is geen toverij. Het is gewoon een hulpmiddel dat overbodige dingen verwijdert: extra witruimte, opmerkingen, overbodige attributen, zelfs optionele afsluitende tags—alles wat geen invloed heeft op hoe de browser de pagina weergeeft. Het resultaat? Een kleiner bestand dat sneller laadt. Eenvoudig als dat. Ik heb al veel van deze hulpmiddelen gebruikt door de jaren heen. Sommige zijn overbodig ingewikkeld. Andere breken je code. Deze? Hij doet gewoon wat hij moet doen. Geen poespas. Geen advertenties. Geen “premiumfuncties” die je nooit gebruikt.

Belangrijkste functies

• Verwijdert extra spaties, tabs en regelafbrekingen—zonder je lay-out te breken.
• Verwijdert HTML-opmerkingen (tenzij je aangeeft dat sommige behouden moeten blijven).
• Verkort booleaanse attributen—verandert disabled="disabled" in alleen disabled.
• Samenvoegt overbodige tags waar veilig mogelijk (zoals optionele
of
).
• Behoudt inhoud binnen

  , </code> en script-/styleblokken—zodat je codevoorbeelden intact blijven.</li> <li>Werkt in de browser. Geen uploads. Geen server nodig. Je bestanden verlaten je computer nooit.</li> <li>Snel. Zelfs bij grote bestanden is het binnen een of twee seconden klaar.</li></ul><h2>Veelgestelde vragen</h2><p><strong>Zal dit mijn website breken?</strong><br>Niet als je HTML geldig is. De minifier volgt standaardregels en vermijdt agressieve aanpassingen die de weergave zouden kunnen verstoren. Dat gezegd hebbende, test altijd het resultaat—vooral als je vreemde inline-stijlen of ongebruikelijke opmaak gebruikt.</p><p><strong>Kan ik de minificatie ongedaan maken?</strong><br>Nee. Eenmaal geminifieerd is de oorspronkelijke opmaak verdwenen. Daarom moet je een back-up van je bronbestand bewaren. Minificatie is bedoeld voor productie, niet voor ontwikkeling.</p> </div> <!-- Ad Banner After Content --> <!-- Social Share --> <div class="social-share text-center mt-5" style="padding-top: 30px; border-top: 1px solid #e2e8f0;"> <div class="share-icons relative gap-2 d-flex justify-content-center" style="gap: 12px;"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F34tools.site%2Fnl%2Fhtml-minimaliseerder" target="_blank" class="btn btn-primary btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F34tools.site%2Fnl%2Fhtml-minimaliseerder&text=HTML-minimaliseerder" target="_blank" class="btn btn-info btn-icon-only rounded-circle text-white" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-twitter"></i></a> <a href="https://wa.me/?text=HTML-minimaliseerder+http%3A%2F%2F34tools.site%2Fnl%2Fhtml-minimaliseerder" target="_blank" class="btn btn-success btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-whatsapp"></i></a> </div> </div> </div> </section> </div> </div></div><footer class="footer bg-white pt-5 pb-3 mt-5 border-top"> <div class="container"> <!-- Footer Ad --> <div class="row gx-4"> <!-- About Column --> <div class="col-lg-3 col-md-6 mb-4"> <h5 class="fw-bold mb-3">Gratis online tools die echt werken: een diepe duik in de 34tooL-site</h5> <p class="text-muted small">34tooL biedt gratis online tools, waaronder SEO-tools, afbeeldingstools, teksthulpprogramma's, rekenmachines en webtools voor snel en gemakkelijk gebruik.</p> <div class="social-links mt-3"> <a href="#" class="text-muted me-3" aria-label="Facebook"><i class="fab fa-facebook fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Twitter"><i class="fab fa-twitter fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Instagram"><i class="fab fa-instagram fa-lg"></i></a> </div> </div> <!-- Tools Category Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Gereedschapscategorie</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/nl/category/tekstgereedschappen" class="text-muted text-decoration-none"> Tekstgereedschappen </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/youtube-tools" class="text-muted text-decoration-none"> YouTube-tools </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/seo-tools" class="text-muted text-decoration-none"> SEO-tools </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/domein-en-ip-tools" class="text-muted text-decoration-none"> Domein- en IP-tools </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/websitebeheertools" class="text-muted text-decoration-none"> Websitebeheertools </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/h1webontwikkeltools%2Fh1" class="text-muted text-decoration-none"> <h1>Webontwikkeltools</h1> </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/beeldbewerkingshulpmiddelen" class="text-muted text-decoration-none"> Beeldbewerkingshulpmiddelen </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/online-rekenmachines" class="text-muted text-decoration-none"> Online rekenmachines </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/binaire-conversietools" class="text-muted text-decoration-none"> Binaire Conversietools </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/unit-converter-tools" class="text-muted text-decoration-none"> Unit Converter Tools </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/category/diverse-hulpmiddelen" class="text-muted text-decoration-none"> Diverse hulpmiddelen </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Juridisch</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/nl/page/over-ons" class="text-muted text-decoration-none"> Over ons </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/page/contact-opnemen" class="text-muted text-decoration-none"> Contact opnemen </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/page/disclaimer" class="text-muted text-decoration-none"> Disclaimer </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/page/privacybeleid" class="text-muted text-decoration-none"> Privacybeleid </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/page/servicevoorwaarden" class="text-muted text-decoration-none"> Servicevoorwaarden </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://34tools.site/nl/contact" class="text-muted text-decoration-none"> Contact opnemen </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Onze YouTube-tools</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-geldcalculator" class="text-muted text-decoration-none"> YouTube-geldcalculator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-titelgenerator" class="text-muted text-decoration-none"> YouTube-titelgenerator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-kanaalbannervrager" class="text-muted text-decoration-none"> YouTube-kanaalbannervrager </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-titel-extractor" class="text-muted text-decoration-none"> YouTube-titel Extractor </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-embed-code-generator" class="text-muted text-decoration-none"> YouTube Embed Code Generator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-regio-inperkingscontrole" class="text-muted text-decoration-none"> YouTube-regio-inperkingscontrole </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-abonneerlink-generator" class="text-muted text-decoration-none"> YouTube Abonneerlink Generator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-titel-lengte-controle" class="text-muted text-decoration-none"> YouTube Titel Lengte Controle </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-reactiekiezer" class="text-muted text-decoration-none"> YouTube Reactiekiezer </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-thumbnail-downloader" class="text-muted text-decoration-none"> YouTube Thumbnail Downloader </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-beschrijvingsgenerator" class="text-muted text-decoration-none"> YouTube-beschrijvingsgenerator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-hashtag-extractor" class="text-muted text-decoration-none"> YouTube Hashtag Extractor </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-weergavenratio-calculator" class="text-muted text-decoration-none"> YouTube-weergavenratio-calculator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-tag-generator" class="text-muted text-decoration-none"> YouTube Tag Generator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-tijdstempel-link-generator" class="text-muted text-decoration-none"> YouTube Tijdstempel Link Generator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/kanaalstatistieken-van-youtube" class="text-muted text-decoration-none"> Kanaalstatistieken van YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-tag-extractor" class="text-muted text-decoration-none"> YouTube Tag Extractor </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-beschrijvingsextractor" class="text-muted text-decoration-none"> YouTube-beschrijvingsextractor </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-kanaalzoeker" class="text-muted text-decoration-none"> YouTube-kanaalzoeker </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-kanaal-id-extractor" class="text-muted text-decoration-none"> YouTube-kanaal-ID-extractor </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-video-aantalcontrole" class="text-muted text-decoration-none"> YouTube-video-aantalcontrole </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-hashtag-generator" class="text-muted text-decoration-none"> YouTube Hashtag Generator </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-kanaallogo-downloader" class="text-muted text-decoration-none"> YouTube-kanaallogo-downloader </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-kanaal-leeftijdcontrole" class="text-muted text-decoration-none"> YouTube-kanaal Leeftijdcontrole </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-videostatistieken" class="text-muted text-decoration-none"> YouTube-videostatistieken </a> </li> <li class="mb-2"> <a href="https://34tools.site/nl/youtube-video-titel-hoofdlettergebruik" class="text-muted text-decoration-none"> Youtube Video Titel Hoofdlettergebruik </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Nieuwsbrief</h6> <p class="small text-muted">Schrijf je in voor onze nieuwsbrief voor updates.</p> <form id="newsletterForm" class="mt-2" onsubmit="return handleSubscribe(event)"> <div class="input-group"> <input type="email" id="subEmail" class="form-control form-control-sm" placeholder="Your email" required> <button class="btn btn-primary btn-sm" type="submit" id="subBtn">Abonneren</button> </div> <small class="text-success d-none mt-2 d-block" id="subMsg"></small> </form> </div> </div> <hr class="my-4"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-start"> <p class="small text-muted mb-0">© 2026 Gratis online tools die echt werken: een diepe duik in de 34tooL-site. Alle rechten voorbehouden.</p> </div> </div> </div></footer><!-- Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  <!-- Custom JS -->
  <script src="https://34tools.site/assets/js/main.js"></script>
  <script>
      function handleSubscribe(e) {
          e.preventDefault();
          const email = document.getElementById('subEmail').value;
          const btn = document.getElementById('subBtn');
          const msg = document.getElementById('subMsg');
          
          btn.disabled = true;
          btn.innerHTML = '...';
          
          const formData = new FormData();
          formData.append('email', email);
          
          fetch('https://34tools.site/ajax/subscribe.php', {
              method: 'POST',
              body: formData
          })
          .then(response => response.json())
          .then(data => {
              btn.disabled = false;
              btn.innerHTML = 'Subscribe';
              msg.textContent = data.message;
              msg.classList.remove('d-none');
              
              if (data.success) {
                  msg.classList.remove('text-danger');
                  msg.classList.add('text-success');
                  document.getElementById('subEmail').value = '';
              } else {
                  msg.classList.remove('text-success');
                  msg.classList.add('text-danger');
              }
          })
          .catch(err => {
              btn.disabled = false;
              btn.innerHTML = 'Subscribe';
              msg.textContent = 'Something went wrong.';
              msg.classList.remove('d-none');
          });
      }
  
      // Simple search filter with error checking
      const searchBox = document.getElementById('toolSearch');
      if (searchBox) {
          searchBox.addEventListener('keyup', function() {
              let filter = this.value.toLowerCase();
              let tools = document.querySelectorAll('.tool-card');
              
              tools.forEach(tool => {
                  let titleElement = tool.querySelector('.tool-title span');
                  if (titleElement) {
                      let title = titleElement.innerText.toLowerCase();
                      let container = tool.closest('.col-12, .col-sm-6, .col-md-4, .col-lg-3');
                      if (container) {
                          container.style.display = title.includes(filter) ? '' : 'none';
                      }
                  }
              });
          });
      }
  
      // --- GLOBAL TABLE OVERFLOW FIX ---
      document.addEventListener('DOMContentLoaded', function() {
          // Wrap any table found in content areas with table-responsive for mobile safety
          const contentAreas = document.querySelectorAll('.prose, .article-content, .page-content, .tool-preview-content');
          contentAreas.forEach(function(area) {
              const tables = area.querySelectorAll('table');
              tables.forEach(function(table) {
                  if (!table.parentElement.classList.contains('table-responsive')) {
                      const wrapper = document.createElement('div');
                      wrapper.className = 'table-responsive mb-4';
                      table.parentNode.insertBefore(wrapper, table);
                      wrapper.appendChild(table);
                  }
              });
          });
      });
  </script>
  <!-- Cookie Consent Banner --><div id="cookie-consent" class="fixed-bottom p-4 bg-white border-top shadow-lg" style="display: none; z-index: 9999;"> <div class="container d-flex flex-column flex-md-row justify-content-between align-items-center"> <div class="mb-3 mb-md-0 text-muted small"> We gebruiken cookies om uw ervaring te verbeteren en voor advertentiedoeleinden. Door deze site te blijven gebruiken, gaat u akkoord met ons <a href="/page/privacy-policy" class="text-primary text-decoration-none">Privacybeleid</a>. </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill">Accepteren</button> </div> </div></div><script>
  document.addEventListener('DOMContentLoaded', function() {
      // --- COOKIE CONSENT ---
      if (!localStorage.getItem('cookie_consent')) {
          setTimeout(function() {
              const consent = document.getElementById('cookie-consent');
              if (consent) consent.style.display = 'block';
          }, 2000);
      }
      
      document.getElementById('accept-cookies')?.addEventListener('click', function() {
          localStorage.setItem('cookie_consent', 'true');
          const consent = document.getElementById('cookie-consent');
          if (consent) consent.style.display = 'none';
      });
  
      // --- SERVICE WORKER REGISTRATION (PUSH NOTIFICATIONS) ---
      if ('serviceWorker' in navigator) {
          navigator.serviceWorker.register('https://34tools.site/sw.js')
          .then(function(registration) {
              console.log('SW registered:', registration.scope);
          })
          .catch(function(err) {
              console.log('SW failed:', err);
          });
      }
  });
  </script></body></html>