GNU/Linux >> Tutoriels Linux >  >> Linux

Comment optimiser le temps de chargement de mon site et augmenter Google PageSpeed ?

La vitesse d'un site Web peut être influencée et augmentée par la prise en compte et l'optimisation des points suivants :

Réduire/réduire les requêtes HTTP

Votre site Web peut être rendu plus rapidement lorsque moins de requêtes HTTP sont effectuées. Limitez le nombre de sources externes, telles que les scripts, les feuilles de style et les images, qui doivent être chargées dans la mesure du possible. Ce sont toutes des requêtes HTTP.

N'utilisez qu'une seule feuille de style CSS

Formatez toutes les feuilles de style existantes dans un seul fichier ou répertoire CSS et liez-le à partir de la section du document HTML. Notez que vous n'utilisez pas d'informations de style en ligne dans votre document HTML. Non seulement c'est un temps de chargement plus lent et une mauvaise pratique de codage, mais c'est aussi un facteur SEO négatif. Cela permet la mise en cache du fichier CSS, ce qui accélère la livraison de la page Web

Pas de style en ligne ni de script java

Les documents de script Java et le code dans un document HTML doivent être liés à partir d'un répertoire externe ainsi que les informations de style CSS décrites ci-dessus, et d'une manière similaire, comme son propre dossier de fichiers. Dans la mesure du possible, chargez JavaScript en dernier à moins que certaines sections de votre site Web ne l'exigent d'abord en tant que dépendance. De cette façon, tout votre contenu et votre style sont visibles et JavaScript peut continuer à se charger sans interrompre ce que l'utilisateur est venu voir à partir d'un moteur de recherche.

Utiliser des sprites CSS

partout où vous le pouvez, l'utilisation de sprites combine plusieurs images en une seule image, réduisant ainsi le nombre de requêtes HTTP. Vous pouvez les appeler avec JavaScript ou CSS si nécessaire et les utiliser comme images d'un film, mais il se chargera à peu près au même rythme qu'une seule image.

Optimiser toutes les images

Assurez-vous que vos images sont optimisées pour le Web. Si vous utilisez Photoshop, vous pouvez facilement le sélectionner dans la boîte de dialogue "Enregistrer pour le Web". (Ci-dessous la boîte de dialogue "Enregistrer"). A travers ce dialogue, les images sont réduites en taille. Le redimensionnement des images ou la diminution de la résolution peut vous aider à optimiser. De plus, dans votre code, n'utilisez que la quantité d'espace requise par votre cadre ou votre balise div. Le fait que votre code redimensionne l'image appellera en fait la taille complète de l'image et n'aidera pas vos images à se charger plus rapidement.

Utiliser la mise en cache côté serveur

Cette technique crée un "fichier HTML brut" pour chaque URL afin que les pages dynamiques n'aient pas à être reconstruites chaque fois que la même URL est à nouveau demandée. En d'autres termes, les pages dynamiques sont analysées comme un document HTML statique et stockées sur le serveur Web. Cela peut réduire considérablement le temps de charge

Utiliser la compression Gzip

Gzip comprime considérablement la taille de vos pages, qui sont envoyées au navigateur Web. Dans les cas conventionnels, jusqu'à 70 % ou plus de la taille du fichier peuvent être enregistrés
Utilisez un CDN (Content Delivery Network)
Un CDN permet aux utilisateurs de télécharger des données en parallèle, ce qui aide votre site Web livré plus rapidement. Un CDN à faible coût comme CloudFront est une plate-forme populaire.

Réduire les redirections 301

Si possible, n'utilisez pas de redirections 301. Surtout, vous ne devriez pas rediriger 301 vers une autre redirection 301 (et ainsi de suite). Un redirecteur 301 force le navigateur Web à accéder à une nouvelle URL. Sur la nouvelle URL, le navigateur doit attendre de recevoir une requête HTTP. En plus de cela, Google Bot ne suit qu'une poignée de redirections. La plupart du temps, il ne suit que 3 301 avant d'arrêter de les suivre.

Utilisez un serveur dédié

La plupart des sites Web sont maintenant sur des plates-formes d'hébergement mutualisé. Cela signifie que le site Web est hébergé avec jusqu'à cent (ou plus) autres sites sur une seule machine physique chez votre fournisseur d'accès Internet. Cela peut avoir un impact négatif sur le temps de chargement du site Web. En utilisant un serveur dédié ou VPS, et un paramètre matériel correspondant pour correspondre au trafic du site, certains avantages en termes de performances peuvent être obtenus.

Optimisez votre serveur Web

Le serveur Web le plus utilisé au monde est Apache. Il est conseillé d'adapter les processus Apache Worker ainsi que leurs processus enfants au volume d'utilisateurs respectif et à la fonction du site Web (boutique en ligne, portail de téléchargement, forum, etc.).


Linux
  1. Comment optimiser et compresser des images JPEG ou PNG dans la ligne de commande Linux

  2. Comment utiliser le cPanel Site Publisher pour créer facilement un site Web

  3. Comment tester la vitesse de chargement d'un site Web sous Linux

  4. Comment faire un Ls puis trier les résultats par date de création ?

  5. Bash + Comment quitter le script secondaire et le script principal à chaque fois ?

Comment analyser et explorer le contenu des images Docker

Comment changer la date, l'heure et le fuseau horaire dans Ubuntu 20.04 LTS

Comment créer des modèles dans LibreOffice pour gagner du temps et augmenter la productivité

Comment définir la date et l'heure sous Linux

Éditeur Vim :comment augmenter ou réduire la date, l'heure, le nombre romain et les ordinaux

En quoi le temps CPU et l'utilisation du CPU sont-ils identiques ?