web-dev-qa-db-fra.com

Durée de chargement mobile - Compression de JavaScript

Le temps de chargement de notre site Web mobile a un temps de chargement de 10,72 secondes, ce qui gâche notre référencement mobile et, partant, notre trafic. Le site fonctionne sur WordPress.

6,8 secondes sur 10,72 sont consacrées à la création de fichiers .js.

Comment puis-je:

1) compresser les fichiers .js?

2) Chargez et affichez d'abord le contenu au-dessus du pli?

Est-ce que c'est lié à la mise en cache?

seomobilepage-speedcompression
1
James Randolph

Pour répondre directement à votre question, je vous différerais du plugin Better Minify: https://wordpress.org/plugins/bwp-minify/

Il vous permettra facilement de compresser vos fichiers .js.

Et cela vous permettra de déplacer vos scripts .js vers le pied de page pour améliorer votre chargement au-dessus du pli. TOUTEFOIS, je tiens à souligner que déplacer tous vos scripts .js vers le pied de page n’est pas aussi simple que cela puisse paraître, car certains éléments de thème nécessitent le chargement de certains scripts pour pouvoir s’afficher correctement. Je vous recommande de le faire pièce par pièce, en cherchant ce qui fonctionne et ce qui ne fonctionne pas.

Je vous recommanderais également de prendre en compte Cloudflare - c'est un moyen formidable et gratuit d'accélérer votre site Web APRÈS avoir effectué ces optimisations.

Et un système de cache correctement configuré vous aidera certainement aussi avec vos temps de chargement.

2
MikeRapidPurple
  1. Vous pouvez utiliser le plugin https://wordpress.org/plugins/bwp-minify/

Et voici les instructions détaillées détaillées données ici http://www.wpbeginner.com/plugins/how-to-minify-css-javascript-files-in-wordpress/

  1. Parallèlement, je suggère gzip votre site Web. Un guide complet est donné ici: https://www.bmthrive.com/how-to-gzip-website/

  2. Si votre site Web utilise des images, utilisez le plugin WP SMUSHIT pour optimiser les images afin de réduire le temps de chargement.

  3. Lorsque vous utilisez des plugins, il existe une chaîne de requête dans les fichiers CSS et JavaScript, comme style.css? Ver = 5.1, qui ralentit le site Web. donc, utilisez le plugin https://wordpress.org/plugins/remove-query-strings-from-static-resources/ .

  4. Utilisez le plugin Caching comme le cache w3.

  5. Ajouter une image et une étiquette d'expiration css Guide: https://www.bmthrive.com/add-image-css-expiration-tag-htaccess-file/

En suivant toutes les étapes ci-dessus, le temps de chargement de votre site Web sera considérablement réduit.

Utilisez https://tools.pingdom.com/ pour vérifier le temps de chargement avant et après.

1
smarttechy