Minifier et embellir le HTML

HTML Minifier & Beautifier comprime les documents HTML en supprimant les commentaires et en s'effondrant dans l'espace blanc que vos modèles et éditeurs laissent derrière eux - l'indentation, les lignes vides et les espaces de fin que les navigateurs ignorent mais que chaque visiteur télécharge toujours. Le document HTML est la toute première ressource à chaque chargement de page ; rien ne s'affiche jusqu'à son arrivée, donc les octets coupés ici déplacent d'abord la peinture de contenu et le temps vers les premières métriques d'octet plus directement que presque tout autre élément. Les pages et les sorties de modèles rendues par le serveur ont régulièrement perdu 10 à 25 % de leur taille.

Le détail critique de la minification HTML est de savoir ce qu'il ne faut pas toucher. Cet outil masque le contenu des éléments <pre>, <textarea>, <script> et <style> avant de faire autre chose et de les restaurer par la suite, afin que les exemples de code conservent leurs sauts de ligne, les valeurs par défaut de TextArea conservent leur formatage, et que le Javascript et les CSS en ligne ne sont jamais réécrits. Les valeurs d'attributs entre guillemets sont conservées exactement, et les commentaires conditionnels, c'est-à-dire peuvent être conservés même lorsque les commentaires ordinaires sont supprimés - la même discipline, un minificateur de temps de construction, comme HTML-minifier-terser, s'applique.

Le Beautify fait l'inverse : il prend un balisage minifié ou désordonné et le ré-indent avec une structure sensible à l'imbrication, en conservant des éléments en ligne tels que <span>, <a> et <strong> en écoutant leur texte environnant au lieu d'exploser chaque balise sur sa propre ligne. Tout fonctionne à 100 % du côté client dans votre navigateur. Votre balisage n'est jamais téléchargé ou enregistré, de sorte que les pages écoulées, les exportations de CMS et les modèles propriétaires sont tous sûrs à coller et l'outil continue de fonctionner hors connexion.

Les espaces blancs en HTML n'est pas toujours insignifiant, c'est pourquoi le pré, la zone de texte, le script et le style sont laissés exactement tels qu'ils sont. La réduction d'un espace dans un bloc pré-prépare ce que le lecteur voit, et la réduction d'un espace dans un script peut changer ce que fait le script.