Joseph Goodman
0 
2179
181
Si vous exploitez un site Web, vous devez déjà savoir utiliser les formats d'image appropriés et optimiser vos images pour le Web. 10 outils gratuits pour les images de lot en ligne pour redimensionner, convertir et optimiser 10 outils gratuits pour les images de lot en ligne pour redimensionner, convertir et optimiser Vous avez besoin outils de traitement par lots lorsque vous avez beaucoup de photos à traiter et très peu de temps. Nous vous présentons les meilleurs réducteurs, optimiseurs ou convertisseurs de lots disponibles en ligne. . Pourtant, bien que la compression d'images soit une pratique bien connue, la compression HTML a tendance à être négligée, ce qui est dommage car les avantages en valent la peine..
Dans cet article, nous allons passer en revue les deux méthodes principales pour réduire les fichiers HTML, pourquoi les fichiers HTML doivent être réduits et comment s'y prendre..
Compression vs. Minification
En ce qui concerne l'optimisation des fichiers HTML, il existe deux méthodes principales: compression et minification. Ils sonnent similaires à la surface, mais sont en réalité deux techniques distinctes, alors ne les confondez pas.
Minification
Vous pouvez considérer la minification comme la suppression de caractères et de lignes inutiles dans le code source. Pensez à l'indentation, aux commentaires, aux lignes vides, etc. Aucun de ces éléments n'est requis en HTML - ils existent pour faciliter la lecture du fichier. Le rognage de ces détails peut réduire la taille du fichier sans rien affecter.
Exemple de page HTML:
Votre titre ici 
En moyenne, vous pouvez vous attendre à ce que la compression GZIP réduise un fichier HTML de 70 à 90%. En utilisant l'exemple ci-dessus avec une estimation de compression conservatrice, les fichiers HTML minifiés passeraient de 45 ko à 13,5 ko chacun, pour un retrait total de 365 ko. Par rapport aux sites non minés / non compressés, la bande passante de votre site a maintenant été réduite de 365 Mo par jour (11 Go par mois).
Et en plus des économies de bande passante, chaque page se charge considérablement plus rapidement, car le navigateur de l'utilisateur final n'a besoin que de télécharger 13,5 Ko contre 50 Ko par page..
Comment compresser et réduire HTML
Heureusement, aucune de ces méthodes n’est très difficile de nos jours et vous n’avez pas besoin de beaucoup de savoir-faire technique pour les installer..
Plugins WordPress
Si vous utilisez un site WordPress, il vous suffit d'installer un plug-in et de profiter des avantages de la compression et de la minification..
La plupart des plugins de mise en cache font plus que simplement mettre des pages en cache. Par exemple, WP Fastest Cache et W3 Total Cache ont tous les deux des paramètres qui vous permettent d'activer la minification HTML et la compression GZIP, entre autres fonctionnalités permettant d'accélérer le chargement des pages et de réduire l'utilisation de la bande passante..
Si vous seulement voulez minification, nous vous recommandons le plugin Minify HTML. C’est simple, supporte HTML / CSS / JS, et vous permet d’ajuster un peu la méthode de minification (par exemple, si vous voulez supprimer http: et https: des URL).
Minificateurs HTML statiques
Si vos fichiers HTML sont statiques (c’est-à-dire qu’ils ne sont pas générés de manière dynamique par un CMS ou une infrastructure Web), vous pouvez gérer deux ensembles de fichiers HTML: a “la source” set, qui n’est pas finie pour un montage facile, et un “minifié” set, que vous créez chaque fois que vous modifiez un fichier source.
Pour minimiser, utilisez l'un de ces outils:
- HTMLCompressor
- Minificateur HTML
- Minificateur HTML (différent de celui ci-dessus)
Ceci est une technique viable si vous vous êtes éloigné des CMS tels que WordPress et que vous utilisez maintenant des générateurs de sites statiques. 7 raisons d'abandonner votre CMS et d'envisager un générateur de site statique 7 raisons d'abandonner votre CMS et d'envisager un générateur de site statique Pendant de nombreuses années, la publication un site Web était difficile pour de nombreux utilisateurs. Les CMS comme WordPress ont changé cela, mais ils peuvent toujours être déroutants. Une autre alternative est un générateur de site statique. .
Activer la compression GZIP
La procédure d'activation de la compression GZIP peut varier selon le logiciel de serveur Web utilisé. Apache étant l'option la plus populaire, nous expliquerons comment l'activer à l'aide de .htaccess..
Connectez-vous à votre serveur Web via FTP, puis créez un fichier appelé .htaccess dans le répertoire racine. Modifiez le fichier .htaccess pour définir les paramètres suivants:
mod_gz_demodem /.* mod_gzip_item_exclude rspheader ^ Codage du contenu:. * gzip. * SetOutputFilter DEFLATE
Vous ne savez pas si la compression fonctionne sur votre site Web? Testez-le avec cet outil.
Cet article a-t-il été utile? Maintenant que vous compressez et réduisez au minimum, vos pages Web devraient se charger plus rapidement et utiliser moins de bande passante. Si vous avez des questions, n'hésitez pas à les poser ci-dessous!