Comment optimiser les performances du site Web

L'optimisation des performances du site Web comprend : 1. Pour le contenu, réduisez les requêtes HTTP, réduisez les requêtes DNS et évitez les redirections ; 2. Pour le serveur, utilisez le CDN, utilisez la compression Gzip et évitez les balises img avec un src vide ; En termes de cookies, réduisez les cookies.

1. Contenu

Réduire les requêtes HTTP : fusionner des fichiers, des sprites CSS, des images en ligne

Réduire le DNS requête : le navigateur ne peut télécharger aucun fichier de cet hôte avant que la requête DNS ne soit terminée. Méthodes : cache DNS, distribuer les ressources à un nombre approprié de noms d'hôte, équilibrer les téléchargements parallèles et les requêtes DNS

Éviter les redirections : intermédiaire redondant. accéder

Utiliser la mise en cache AJAX

Chargement paresseux des composants non essentiels

Préchargement des futurs composants requis

Réduire le nombre d'éléments DOM

Placer les ressources sous différents domaines : le navigateur peut télécharger un nombre limité de ressources d'un domaine en même temps. L'ajout de domaines peut augmenter le nombre de téléchargements parallèles

Réduire le nombre d'iframes

Ne pas 404

2. Aspect serveur

Utiliser CDN

pour ajouter Expires ou Cache-Control : Lorsque Cache-Control et Expires existent en même temps temps, Cache-Control écrasera Expires. Liens connexes

Utiliser la compression Gzip

Configurer Etag

Flush Buffer Early

Ajax utilise GET pour les requêtes

Éviter l'img avec un src vide Balises

3. Aspects cookies

Réduire les cookies

Ne pas inclure les cookies dans le nom de domaine des ressources importées

4. 🎜>

Mettre la feuille de style en haut

Ne pas utiliser d'expressions CSS

Ne pas utiliser @import

Ne pas utiliser le filtre d'IE

5. JavaScript

Placez le script en bas de la page

Introduisez JavaScript et CSS de l'extérieur

Compressez JavaScript et CSS

Supprimer les scripts inutiles

Réduire les requêtes DOM

Concevoir correctement les écouteurs d'événements

6. Images

Optimiser les images : sélectionnez la profondeur de couleur. en fonction des besoins de couleurs réels. Compression

Optimiser les sprites CSS

Ne pas étirer les images en HTML

Assurez-vous que les favicon et ico sont petits et peuvent être mis en cache

7. Aspects mobiles

Les composants garantis sont inférieurs à 25 000

Regrouper les composants dans un document en plusieurs parties

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!