Comment optimiser les pages Web HTML

Nous savons qu'en HTML, il faut non seulement créer de belles pages Web, mais aussi penser à l'optimisation des pages Web, c'est pourquoi aujourd'hui je vais vous donner des idées sur la façon d'optimiser les pages Web HTML. J'ai résumé 5 points. . Jetons un coup d'œil

Changez la disposition du tableau en div

Essayez de reconstruire la disposition des balises de table html dans la disposition div, ce qui peut économiser au moins 40 % du code. Étant donné que le code div est inférieur à celui de la page Web HTML avec disposition en tableau, le poids de l'index du moteur de recherche est également meilleur que celui de la page Web HTML avec disposition en tableau. Réduisez et rationalisez div, span, ul li et autres séries de balises

Lors de la mise en page de pages Web DIV+CSS, nous pouvons parfois enregistrer du code de mise en page DIV et réduire la quantité de code.

Le code de cas suivant :

<div class="div"> 
　　<ul> 
　　<li>DIV</li> 
　　<li>DIV</li> 
　　<li>DIV</li> 
　　</ul> 
</div>

Cela peut enregistrer une paire de Balises div, cela réduit la quantité de code HTML et compresse le HTML. De cette façon, nommer directement la classe de style CSS pour ul peut distinguer l'utilisation des balises de liste ul li à différents endroits d'une page.

lass="div"> 
　　<li>DIV</li> 
　　<li>DIV</li> 
　　<li>DIV</li> 
</ul>

Copier après la connexion
Supprimer

les espaces supplémentaires Supprimer les espaces supplémentaires et le retour à la ligne, ce qui peut effectivement compresser les octets occupés par le code html. Généralement, une fois le développement terminé, le code. dans le code HTML, les sauts de ligne et le contenu de l'espace peuvent être supprimés.

Vous pouvez utiliser le logiciel DW pour supprimer par lots les espaces entre les balises en HTML

Par exemple :

Vous pouvez supprimer les espaces et les sauts de ligne :

<div class="div"> 
　　<div ...></div> 
</div>

Copier après la connexion

Cela peut enregistrer les octets occupés par les espaces et les sauts de ligne.

Notez que la version de publication Web peut utiliser DW pour supprimer les espaces redondants et les lignes vides. Si vous souhaitez modifier à nouveau, accédez au logiciel DW pour formater le code.

Pour la disposition de type table

, il est approprié d'utiliser une disposition table au lieu d'une disposition div S'il s'agit d'une disposition de liste de données de table, nous ferions mieux de choisir table, car l'utilisation d'un tableau pour la mise en page du tableau est meilleure que la mise en page div, l'utilisation de la mise en page du tableau enregistre les

balises html

le code et enregistre les styles CSS que la mise en page div. Tableau comme indiqué ci-dessous

Type de données

, il est recommandé d'utiliser la balise TABLE + la mise en page de style CSSTableau de disposition des balises de table de compression de code Web HTML

Semblable à cette table de liste, il est recommandé d'utiliser la disposition des balises de table

Compression GZIP de la page Web

Il est recommandé de définir la fonction de compression Gzip de la page Web sur votre propre serveur.

1. Quels sont les avantages d’ouvrir GZIP ?

Réponse : Une fois Gzip activé, les données envoyées au navigateur de l'utilisateur seront compressées, ce qui réduira la quantité de données transmises via le réseau et augmentera la vitesse de navigation.

2. Comment activer la fonction de compression Gzip d'IIS :

Réponse : Tout d'abord, si vous devez compresser des fichiers statiques (HTML), vous devez créer un répertoire sur le disque dur et donnez-lui les autorisations "IUSR_ Write pour l'utilisateur "nom de la machine". Si vous compressez des fichiers dynamiques (PHP, asp, aspx), ce n'est pas nécessaire, car ses pages sont générées dynamiquement à chaque fois et seront abandonnées après compression. Ensuite, dans le gestionnaire IIS, faites un clic droit sur "Site Web" - Propriétés, pas un certain site ci-dessous, mais l'ensemble du site Web. Entrez dans l'onglet "Services" et sélectionnez Activer la compression de contenu dynamique et la compression de contenu statique. Sélectionnez ensuite l'extension de serveur sous le site Web et créez une nouvelle extension de serveur. Le nom n'a pas d'importance, le chemin pour ajouter le fichier ci-dessous est : c:windowssystem32inetsrvgzip.dll, puis activez cette extension. À l'heure actuelle, le contenu statique peut être compressé, mais pour le contenu dynamique, les fichiers aspx ne se situent pas dans la plage de compression. Parce que le fichier compressible par défaut n'a pas cette extension. Et vous ne trouvez pas d'endroit pour ajouter des extensions dans l'interface de gestion. Pour le moment, vous ne pouvez modifier que son

fichier de configuration

. Il existe un fichier MetaBase.xml sous c:windowssystem32inetsrv. Vous pouvez l'ouvrir avec le Bloc-notes et trouver IIsCompressionScheme. Il y a trois sections portant le même nom, à savoir deflate, gzip et Parameters. deux sections sont fondamentalement les mêmes. Paramètres, ajoutez une ligne aspx sous les paramètres HcScriptFileExtensions dans ces deux paragraphes. Si vous avez d'autres programmes dynamiques à compresser, ajoutez-les également ici. HcDynamicCompressionLevel est remplacé par 9 (0-10, 9 est le plus rentable). Ensuite, vous devez redémarrer le service IIS pour bénéficier de la vitesse après compression. Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !


Lecture connexe :

Étapes de mise en œuvre de l'objet fenêtre de fenêtre d'exploitation Js




Js exploite des propriétés d'objet d'événement non IE, une introduction détaillée à la méthode




Utilisez DIV et CSS pour créer une boîte rouge avec une bordure solide

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!