Pienennä ja pakkaa HTML-koodi välittömästi selaimessasi. Poista kommentit, pienennä välilyöntejä ja pienennä tiedostokokoa. Ilmainen ja yksityinen.
Tukee .html- ja .htm-tiedostoja. Tai liitä HTML-koodisi yllä.
HTML-pienennys poistaa tarpeettomat merkit verkkosivun lähteestä – välilyönnit tunnisteiden välissä, kommentit, ylimääräiset lainausmerkit, valinnaiset sulkevat tagit – pienentääksesi tiedostokokoa muuttamatta sivun hahmonnusta. Säästöt ovat vaatimattomia sivua kohden (yleensä 10–30 %), mutta ne vaihtelevat useissa pyynnöissä, erityisesti staattisilla sivustoilla tai sivuilla, jotka näytetään ilman dynaamista pakkausta.
Tämä pienentäjä poistaa välilyönnit lohkotason elementtien väliltä, tiivistää tyhjät välilyönnit merkityksettömän tekstin sisällä, poistaa HTML-kommentit (paitsi IE:n ehdolliset kommentit), poistaa tarpeettomat attribuuttilainausmerkit, jos HTML5-spesifikaatio sallii, ja eliminoi valinnaiset sulkevat tagit (</p>, </li>), jos tekniset tiedot sen sallivat. Tulos näkyy identtisesti lähteen kanssa kaikissa selaimissa.
Pienentäminen on hyödyllisintä, kun se on yhdistetty gzip- tai Brotli-pakkaukseen palvelintasolla. Pakkaaminen poistaa jo suuren osan minimoinnin tuomista säästöistä, mutta nämä kaksi yhdessä päihittävät edelleen pakkaamisen yksinään – erityisesti paljon liikennettä olevilla sivustoilla, joissa kaistanleveyden kustannuksilla on merkitystä.
Pienempi HTML latautuu nopeammin, etenkin hitaammissa yhteyksissä ja mobiiliverkoissa. Sivun paino vaikuttaa suoraan Core Web Vitalsiin – Suurin sisällön sisältävä maali ja aika ensimmäiseen tavuun paranevat, kun palvelin palauttaa vähemmän HTML-koodia jäsennettäväksi. Sivustoilla, joissa hakukoneoptimoinnin sijoitus riippuu Core Web Vitals -pisteistä, pienentäminen on mitattavissa oleva parannus.
Pienempi HTML vähentää myös kaistanleveyden kustannuksia mittakaavassa. Sivusto, joka palvelee miljoonia sivuja päivässä ja säästää 10 kilotavua sivua kohden, säästää 10 Gt päivittäistä ulostuloa. Staattisten sivustojen iskuyhdisteet toimitetaan CDN:istä, jotka laskuttavat tiedonsiirrolla.
Liitä HTML, hanki pienennetty versio.
Pienoistyökalu käsittelee HTML-tunnisteen tunniste kerrallaan. Lohkotason elementtien (<div>, <p>, <ul>) välistä tyhjää tilaa poistetaan, koska se ei vaikuta hahmonnukseen. Inline-kontekstien (<span>, <a>, tekstisisältö) sisällä oleva välilyönti säilyy, koska se voi vaikuttaa hahmonnukseen.
Kommentit poistetaan oletuksena, mutta ehdolliset kommentit (<!--[jos IE]>) säilytetään. Attribuuttien lainausmerkit poistetaan, jos HTML5-jäsentäjä sen sallii – yhden sanan attribuuttiarvot ilman välilyöntejä tai erikoismerkkejä voivat jättää lainausmerkit pois.
Valinnaiset sulkevat tagit poistetaan HTML5-spesifikaatioiden mukaisesti: </p>, </li>, </td> ja muutama muu voidaan jättää pois, kun niitä seuraa sisarus, joka viittaa niiden läheisyyteen. Tämä on epätavallista luettavaa, mutta kelvollista HTML5:tä, jota selaimet jäsentävät samalla tavalla.