Maison > interface Web > tutoriel HTML > le corps du texte

Comment améliorer la vitesse de chargement des pages avec HTML

高洛峰
Libérer: 2017-02-09 17:22:59
original
1367 Les gens l'ont consulté

Cet article explique avec vous comment améliorer la vitesse de chargement des pages HTML. Il est très bon et a un chargement de référence. Les amis qui en ont besoin peuvent s'y référer

(1) Réduire les requêtes HTTP. (Fusionner les fichiers de ressources et utiliser des sprites d'image ;

(2) Mettre CSS en tête et JavaScript à la fin de la balise body ;

(3) Définir la largeur et la hauteur de l'image ;

(4) Définir le jeu de caractères

(5) Évitez les attributs src et href vides,

Écrivez comme ceci en html :


<a href="javascript:;" class="triggerName">Trigger</a>
Copier après la connexion


js est défini comme ceci : ) Activer la compression GZIP

(7) Abandonner les expressions CSS et utiliser des sélecteurs CSS plus efficaces ; 🎜>
(8) Utiliser les liens externes CSS et JavaScript ;

  $("#triggerName").click(function(e){
            e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
        })
Copier après la connexion
(9) Compression du code pour CSS et JavaScript


(10) Réduire le redessinage ; ci-dessus est la méthode HTML introduite par l'éditeur pour améliorer la vitesse de chargement des pages. J'espère que cela aidera tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup. votre soutien au site Web PHP chinois !

Plus de HTML pour améliorer la vitesse de chargement des pages. Pour les articles liés à la méthode, veuillez faire attention au site Web PHP chinois

.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal