Output will appear here...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 écorchées, les exportations de CMS et les modèles propriétaires sont tous sûrs à coller et l'outil continue de fonctionner hors connexion.
Déposez un fragment, un modèle de composant ou un document complet dans la zone de saisie. Le balisage formaté et déjà miné est accepté.
Pour la minification, la suppression des commentaires, la suppression des espaces blancs et la conservation des commentaires conditionnels. Pour embellir, choisissez 2, 4 ou 8 occlusions.
Minify comprime le balisage tout en protégeant le contenu <pre>, <textarea>, <script> et <style>. Embellissez les ré-indents des tags imbriqués et conserve les éléments en ligne lisibles. Le badge d'économies affiche les tailles exactes avant/après.
Copiez le résultat dans votre presse-papiers ou téléchargez-le sous la forme d'un fichier .html prêt à être déployé ou inspecté.
<pre>, <textarea>, <script> et <style> Les contenus sont masqués et restaurés par octet pour octets - les exemples de code et les scripts en ligne ne sont jamais mutilés.
Bascules indépendantes pour la suppression des commentaires, l'effondrement des espaces blancs et la préservation des commentaires conditionnels.
L'espace blanc à l'intérieur des valeurs d'attributs entre guillemets est conservé exactement, de sorte que le texte, les attributs de données et le JSON en ligne survivent intacts.
Les indentations de blocs imbriquées tout en conservant les balises en ligne telles que <span> et <a> en écoutant leur texte ; les balises vides n'ont pas besoin de paire de fermeture
0 comments
No comments yet. Be the first to share your thoughts!