6 façons éprouvées d'accélérer la vitesse page blog Blogger et d'améliorer le score PageSpeed ​​Insight



Google a annoncé qu'il considérerait les éléments essentiels du Web comme facteurs de classement à partir de la mi-juin 2021. Chaque blogueur doit donc accélérer son site Web. Dans cet article, nous discuterons de la façon d'augmenter la vitesse du blog Blogger.
 
Malheureusement, les utilisateurs de Blogger Blogspot ne peuvent pas accéder aux fichiers racine du CMS pour améliorer les règles du serveur. Mais nous pouvons toujours suivre certaines méthodes pour augmenter la vitesse du blog Blogger BlogSpot, décrites ci-dessous.

Contenu des pages
1. Installez un modèle rapide pour le blog Blogger.
2. Compressez des images ou servez des images de nouvelle génération
3. Supprimez les widgets inutiles.
4. Supprimez les JS et CSS inutilisés.
5. N'utilisez pas trop de polices.
6. Adsense Ralentissement de la vitesse du site Web.
Conseil supplémentaire

1. Installez un modèle rapide pour le blog Blogger.

Le modèle Blogger fournit un design unique au blog qui améliore l'expérience utilisateur et l'optimisation des moteurs de recherche. Mais tous les modèles ne sont pas identiques. Certains sont uniquement de bonne conception ou bien optimisés pour un moteur de recherche ou un référencement. En plus de ces deux éléments, le modèle doit être rapide à charger. Donc, avant d'appliquer un thème, vous devez vérifier le thème pour
  • Vitesse du gabarit,
  • UI (Interface Utilisateur) et UX (Expérience Utilisateur),
  • SEO du thème, par exemple le support HTML5 et Schema Markup.
Vous pouvez envisager d'installer les thèmes Blogger pour le blog Blogger, y compris les trois fonctionnalités décrites ci-dessus. De plus, ce thème est exempt de ressources bloquant le rendu et utilise également la dernière version de jquery.

2. Compressez des images ou servez des images de nouvelle génération

Les fichiers multimédias utilisés dans le blog doivent être légers. Vous pouvez envisager de compresser l'image avant de la télécharger. Cette pratique améliorera considérablement la vitesse du blog Blogger.
 
Supposons que vous ayez téléchargé une image de 1 Mo sur votre blog et que la vitesse Internet de l'utilisateur soit de 30 Ko, il faudra environ 35 secondes pour charger l'image uniquement. En même temps, si la taille de l'image est de 60 Ko, cela ne prendra que 2 secondes. 
 
Ainsi, pour une connexion réseau lente, la vitesse augmentera d'environ 18 fois.
 
Comment compresser des images ?
 
Pour compresser une image, vous pouvez utiliser des sites Web comme TinyPNG ou Compressor.io . Ce compresseur ne change pas la qualité de l'image pour le web.

 

compresser-la-taille-de-l'image-utilisant-tinypng
L'interface ci-dessus est celle du compresseur d'image Tinypng. Vous pouvez déposer votre image dans la zone de glisser et télécharger l'image à partir du lien de téléchargement généré avec l'image compressée.
  1. Téléchargez l'image brute dans la zone de dépôt d'image, comme indiqué ci-dessus,
  2. La compression démarre automatiquement lorsque vous téléchargez l'image. Vous pouvez télécharger l'image au format compressé.
Essayez de garder la taille de l'image inférieure à 100 Ko. Vous pouvez suivre ce guide pour diffuser des images WebP sur le CMS Blogger.

3. Supprimez les widgets inutiles.

 
Supposons que vous utilisiez de nombreux widgets pour le blog Blogger. Il serait préférable de supprimer les widgets inutilisés ou inutiles. Par exemple, certains sites Web utilisent un widget de page Facebook sur leur site Web.
 
Cependant, le widget Page Facebook réduit la vitesse du blog Blogger. Par conséquent, nous vous conseillons de supprimer ce widget.
 
Vous pouvez créer une page de formulaire Contactez-nous pour le blog Blogger en remplacement du widget de formulaire Contactez-nous. En conséquence, cela réduira la taille de chaque page, ce qui améliorera le score de vitesse de la page.

Supposons que vous utilisiez un widget tiers pour le blog. Essayez ensuite d'ajouter de tels widgets dans la section pied de page pour éviter le blocage du rendu et accélérer le blog Blogger.

4. Supprimez les JS et CSS inutilisés.

Blogger génère des fichiers javascript et CSS pour le modèle hérité. Mais dans les templates modernes, ces CSS et JS ne sont pas utilisés et réservent un espace supplémentaire. 
 
Malheureusement, ces fichiers CSS provoquent également un blocage du rendu sur la page. Il serait donc préférable que vous envisagiez de supprimer ces balises.Pour supprimer les javascript et CSS inutilisés, vous pouvez ajouter b:css='false' b:js='false'la balise HTML, comme indiqué ci-dessous.

<html b:css='false' b:defaultwidgetversion='2' b:js='false' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.3.0' expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 


Vous pouvez lire notre guide complet sur la façon de supprimer les JS et CSS par défaut du blog Blogger .

5. N'utilisez pas trop de polices.

Trop de polices prennent beaucoup de temps à charger depuis Internet. Pensez donc à utiliser les polices système ou à charger uniquement les polices requises. 
 
Vous pouvez également utiliser font: style d' affichage lors du chargement de la police pour échanger les propriétés. Cette pratique améliorera la stabilité et améliorera le score d' affichage cumulatif de la mise en page du site Web.

Si vous ne comprenez pas le terme ci-dessus, essayez de ne charger que 1 ou 2 polices pour votre site Web. Cela améliorera la vitesse du blog Blogger.

6. Adsense Ralentissement de la vitesse du site Web.

Après avoir obtenu l' approbation Adsense , vous pouvez gagner de l'argent avec votre blog Blogger. Mais en même temps, Adsense ralentit votre site Web. Et il existe différentes méthodes pour accélérer votre site Web, mais pas avec Adsense.

J'ai essayé de nombreuses façons d'accélérer le blog Blogger, mais je ne vois aucun effet. Le score PageSpeed ​​Insights de mon site Web avec et sans Adsense reste toujours proche de 94 et 31, respectivement.

Le script Adsense est chargé de manière synchrone, mais il bloque toujours les ressources de la page. Nous pouvons donc exécuter le script Adsense lorsque le chargement de la page est terminé.

Conseil supplémentaire

Après avoir suivi les conseils ci-dessus, vous constaterez que les pages se chargent plus rapidement qu'auparavant. De plus, vous pouvez vérifier le score des insights PageSpeed ​​avant et après avoir appliqué tous les paramètres.

Nous vous conseillons de vérifier la page d'accueil ainsi que les pages et les publications dans l'outil de test de perspicacité PageSpeed. Comme le score PageSpeed ​​des articles et des pages de blog est crucial pour se classer dans les résultats de recherche.

J'espère que vous aimerez cet article sur la façon d'améliorer le score PageSpeed ​​du blog Blogger. En cas de doute, de question ou de commentaires, n'hésitez pas à demander dans la section des commentaires ci-dessous.
 

Poster un Commentaire

Laisser un commentaire

Plus récente Plus ancienne