Comment réduire le poids de ma page web ?
jinos
-
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
pour un referencement optimal il est necessaire d'avoir une page legere pour les moteurs de recherche comme google ; Mon problème c'est que mon blog mets du temps pour charger et c'est pénalisant...
Aidez-moi à réduire le poids de ma page d'accueil svp
Merci
pour un referencement optimal il est necessaire d'avoir une page legere pour les moteurs de recherche comme google ; Mon problème c'est que mon blog mets du temps pour charger et c'est pénalisant...
Aidez-moi à réduire le poids de ma page d'accueil svp
Merci
A voir également:
- Comment réduire le poids de ma page web ?
- Comment réduire la taille d'un fichier - Guide
- Comment supprimer une page sur word - Guide
- Web office - Guide
- Comment traduire une page web - Guide
- Capture page web - Guide
14 réponses
tu peux déjà faire un test en ligne :
https://longuetraine.fr/?article638/google-page-speed-online-optimiser-la-rapidite-d-affichage-de-vos-pages-sur-le-net
et voir ce que tu peux modifier ...
ou utiliser la fonction 'defer' en JavaScript:
https://longuetraine.fr/?article662/accelerer-le-chargement-d-une-page-qui-contient-du-javascript
voir aussi au niveau de l'optimisation des images, etc etc ....
:)
https://longuetraine.fr/?article638/google-page-speed-online-optimiser-la-rapidite-d-affichage-de-vos-pages-sur-le-net
et voir ce que tu peux modifier ...
ou utiliser la fonction 'defer' en JavaScript:
https://longuetraine.fr/?article662/accelerer-le-chargement-d-une-page-qui-contient-du-javascript
voir aussi au niveau de l'optimisation des images, etc etc ....
:)
Comme solution apporté j'ai :
- Réduire la tailles des images
mais mon blog est composé principalement d'images...je ne peux pas sinon je vais devoir redimmensionner des centaines et des centaines d'images...Est-ce qu'il y aurait un moyen de reduire les images de mon blog sans devoir le faire manuellement ?
- Différer l'analyse du code javascript
Je ne sais pas comment faire et en plus c'est expliqué en anglais...
- Limiter le nombre de redirections
Pas questions j'en ai besoin pour le backlink
- Regrouper les images dans des sprites CSS
Je ne vois pas ce qu'il faut faire c'est au dessus de mes compétences
- Optimiser l'ordre des styles et des scripts
Je ne sais pas comment faire non plus
- Privilégier les ressources asynchrones...
Tout le reste je ne sais pas le faire...
Par quoi commencer ?
- Réduire la tailles des images
mais mon blog est composé principalement d'images...je ne peux pas sinon je vais devoir redimmensionner des centaines et des centaines d'images...Est-ce qu'il y aurait un moyen de reduire les images de mon blog sans devoir le faire manuellement ?
- Différer l'analyse du code javascript
Je ne sais pas comment faire et en plus c'est expliqué en anglais...
- Limiter le nombre de redirections
Pas questions j'en ai besoin pour le backlink
- Regrouper les images dans des sprites CSS
Je ne vois pas ce qu'il faut faire c'est au dessus de mes compétences
- Optimiser l'ordre des styles et des scripts
Je ne sais pas comment faire non plus
- Privilégier les ressources asynchrones...
Tout le reste je ne sais pas le faire...
Par quoi commencer ?
"mais mon blog est composé principalement d'images...je ne peux pas sinon je vais devoir redimmensionner des centaines et des centaines d'images...Est-ce qu'il y aurait un moyen de reduire les images de mon blog sans devoir le faire manuellement ? "
c'est sûrement la solution principale, même s'il y en a pas mal ....
c'est sûrement la solution principale, même s'il y en a pas mal ....
Oui comment procéder s'il vous plait comme je l'ai dit je ne sais pas comment faire
je suis sur blogger
Merci
je suis sur blogger
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Cela fait 5 heures que je cherche pourquoi ma page est si lourde, ce n'est pas à cause des images mais plutot à cause du CSS et javascript j'essaye de voir different sites (pingdom tools) qui fait des tests c'est l'impressions que j'ai mais à part ça je ne sais pas quoi faire je n'y comprend rien de rien avec tout ces scripts et graphiques ces textes en Anglais...!
Je voudrais que ma pages se charge normalement et éliminer tous les javascript inutile faire une mise en cache comme proposé plus haut, mais je ne sais pas comment faire !
J'éspère que vous comprenez mon problème
merci
Je voudrais que ma pages se charge normalement et éliminer tous les javascript inutile faire une mise en cache comme proposé plus haut, mais je ne sais pas comment faire !
J'éspère que vous comprenez mon problème
merci
Le navigateur Chrome intègre un outil d'analyse assez pertinent :
Click droit -> Inspect Element puis onglet Audits.
La lenteur peu aussi simplement venir d'un manque de bande passante ou d'un serveur sous-dimensionné.
Un première chose facile à regarder est la taille des éléments de la page est se concentrer sur les plus gros comme les images mal compressées.
Click droit -> Inspect Element puis onglet Audits.
La lenteur peu aussi simplement venir d'un manque de bande passante ou d'un serveur sous-dimensionné.
Un première chose facile à regarder est la taille des éléments de la page est se concentrer sur les plus gros comme les images mal compressées.
bonsoir je suis allé faire un audit de mon blog et j'ai corrigé certaines erreurs. Cependant j'ai des erreurs que je ne sais pas résoudre, j'espère que vous pourrez m'aider.
Voici le rapport des erreurs :
Langue du site :
Aucune langue
Il n'y a pas de balise de définition de langage sur votre page, ou la balise est vide! Pour remédier à cela, vous pouvez utiliser la balise suivante dans l'en-tête de la page : <meta http-equiv="content-language" content="Langue du site (ex : fr)" />. Cette balise définit la ou les langue(s) primaire(s) de votre page. Elle est utilisée notamment dans le cadre des règles d'accessibilité. Vous pouvez la compléter par l'attribut lang="fr" dans la balise <HTML> de votre page, qui sera utlisée par les robots.
(j'ai placé la balise avant <head> est-ce le bon endroit ?)
CSS et JAVASCRIPT :
Il y a 7 balise(s) <style type="text/css"> sur votre page ,306 balise(s) de style dans votre code et 4 fichier(s) CSS externe(s) appelé(s).
Il est préférable de privilégier les fichiers CSS externes plutôt que les balises <style type="text/css">.
Il y a 33 balise(s) <script type="text/javascript"> sur votre page et 7 fichier(s) SCRIPT externe(s) appelé(s).
Dans la mesure du possible, il est préférable de limiter le nombre de scripts présent sur votre site. Cela peut alourdir de manière conséquente votre page. Les moteurs de recherches peuvent également rencontrer des difficultés dans l'interprétation de ces derniers.
(Je n'y connais strictement rien)
Balise Heading <H2>
Détectée(s) : 12
Un trop grand nombre de balises <H2> a été identifié. La balise <H2> renseigne sur la structure et l'organisation du contenu de votre page et fait office de sous-chapitre de votre page. Les moteurs de recherche considèrent le texte contenu dans les balises <H2> comme important (moins cependant que celui de la balise <H1>). Il peut y en avoir plusieurs, mais dans la limite du raisonnable. Dans le cas contraire, les moteurs de recherches peuvent considérer qu'il s'agit de sur-optimisation.
(Je ne vois pas de quoi il s'agit)
Balise Italique <I> ou <EM>
Détectée(s) : 0
Aucune balise détectée. Les balises de mise en forme italique permettent de mettre en avant une partie du contenu de votre page. Il semblerait toutefois que la balise <EM> soit mieux prise en compte par les moteurs de recherche que la balise <I>.Il peut être judicieux d'utiliser la balise <EM> pour mettre en avant certains mots ou phrases clés de votre contenu. Attention toutefois, si une trop grande partie de votre texte se retrouve en italique, les moteurs de recherche y accorderont moins d'importance.
Balises Image <IMG>
Détectée(s) : 75
Certaines images de votre page n'ont pas d'attribut « alt ». Vous pouvez remédier à cela en insérant l'attribut de cette manière : <img src="http://www.votre site.fr/image.jpg" alt="Description de la photo\" />
Les balises « alt » servent à informer les internautes sur le contenu des photos (pour les déficients visuels ou si l'image ne se charge pas correctement). Elle est également prise en compte par les moteurs de recherche, qui considèrent alors l'image comme un élément valorisant de la page.
Plus de 50 images ont été détectées sur votre page. Attention celà peut entrainer un plus grand temps de téléchargement. Pensez à réduire ce nombre, dans la mesure du possible (idéalement autour de 20 images par page).
(Je ne vois pas non plus ce qu'il faut faire)
Balises <A HREF> :
Lien(s) interne(s) : 28
Lien(s) externe(s) : 87
Total : 115
Les liens internes (liens pointant vers votre site) sont utiles à une indexation en profondeur du contenu de votre site. Attention à ne pas les mutliplier sur votre page d'accueil (environ 50 maximum) car cela pourrait diluer leur poids vis à vis des moteurs de recherche.
Les liens externes (liens pointant vers d'autres sites), n'apportent rien au référencement de votre site, dans l'immédiat. Pensez à ne pas les multiplier inutilement, et privilégiez les liens vers des sites à la thématique proche du votre, ils n'en seront que plus pertinents auprès des moteurs de recherche.
Calcul de densité des mots clefs :
La densité des mots permet de savoir si la thématique de votre page/site transparait dans son contenu textuel. Dans l'idéal, les mots qui ont une densité élevée dans la page doivent correspondrent aux mots clés contenus dans les balises meta (Title, Description).
(Expliquez moi ce qu'il faut faire svp)
Conclusion du Rapport :
Votre page est trop lourde ! Le temps de chargement de votre page risque de perturber le confort de visite des internautes, mais également de rendre difficile le travail d'exploration des moteurs de recherche.
Merci pour votre aide
Bonne nuit :)
Voici le rapport des erreurs :
Langue du site :
Aucune langue
Il n'y a pas de balise de définition de langage sur votre page, ou la balise est vide! Pour remédier à cela, vous pouvez utiliser la balise suivante dans l'en-tête de la page : <meta http-equiv="content-language" content="Langue du site (ex : fr)" />. Cette balise définit la ou les langue(s) primaire(s) de votre page. Elle est utilisée notamment dans le cadre des règles d'accessibilité. Vous pouvez la compléter par l'attribut lang="fr" dans la balise <HTML> de votre page, qui sera utlisée par les robots.
(j'ai placé la balise avant <head> est-ce le bon endroit ?)
CSS et JAVASCRIPT :
Il y a 7 balise(s) <style type="text/css"> sur votre page ,306 balise(s) de style dans votre code et 4 fichier(s) CSS externe(s) appelé(s).
Il est préférable de privilégier les fichiers CSS externes plutôt que les balises <style type="text/css">.
Il y a 33 balise(s) <script type="text/javascript"> sur votre page et 7 fichier(s) SCRIPT externe(s) appelé(s).
Dans la mesure du possible, il est préférable de limiter le nombre de scripts présent sur votre site. Cela peut alourdir de manière conséquente votre page. Les moteurs de recherches peuvent également rencontrer des difficultés dans l'interprétation de ces derniers.
(Je n'y connais strictement rien)
Balise Heading <H2>
Détectée(s) : 12
Un trop grand nombre de balises <H2> a été identifié. La balise <H2> renseigne sur la structure et l'organisation du contenu de votre page et fait office de sous-chapitre de votre page. Les moteurs de recherche considèrent le texte contenu dans les balises <H2> comme important (moins cependant que celui de la balise <H1>). Il peut y en avoir plusieurs, mais dans la limite du raisonnable. Dans le cas contraire, les moteurs de recherches peuvent considérer qu'il s'agit de sur-optimisation.
(Je ne vois pas de quoi il s'agit)
Balise Italique <I> ou <EM>
Détectée(s) : 0
Aucune balise détectée. Les balises de mise en forme italique permettent de mettre en avant une partie du contenu de votre page. Il semblerait toutefois que la balise <EM> soit mieux prise en compte par les moteurs de recherche que la balise <I>.Il peut être judicieux d'utiliser la balise <EM> pour mettre en avant certains mots ou phrases clés de votre contenu. Attention toutefois, si une trop grande partie de votre texte se retrouve en italique, les moteurs de recherche y accorderont moins d'importance.
Balises Image <IMG>
Détectée(s) : 75
Certaines images de votre page n'ont pas d'attribut « alt ». Vous pouvez remédier à cela en insérant l'attribut de cette manière : <img src="http://www.votre site.fr/image.jpg" alt="Description de la photo\" />
Les balises « alt » servent à informer les internautes sur le contenu des photos (pour les déficients visuels ou si l'image ne se charge pas correctement). Elle est également prise en compte par les moteurs de recherche, qui considèrent alors l'image comme un élément valorisant de la page.
Plus de 50 images ont été détectées sur votre page. Attention celà peut entrainer un plus grand temps de téléchargement. Pensez à réduire ce nombre, dans la mesure du possible (idéalement autour de 20 images par page).
(Je ne vois pas non plus ce qu'il faut faire)
Balises <A HREF> :
Lien(s) interne(s) : 28
Lien(s) externe(s) : 87
Total : 115
Les liens internes (liens pointant vers votre site) sont utiles à une indexation en profondeur du contenu de votre site. Attention à ne pas les mutliplier sur votre page d'accueil (environ 50 maximum) car cela pourrait diluer leur poids vis à vis des moteurs de recherche.
Les liens externes (liens pointant vers d'autres sites), n'apportent rien au référencement de votre site, dans l'immédiat. Pensez à ne pas les multiplier inutilement, et privilégiez les liens vers des sites à la thématique proche du votre, ils n'en seront que plus pertinents auprès des moteurs de recherche.
Calcul de densité des mots clefs :
La densité des mots permet de savoir si la thématique de votre page/site transparait dans son contenu textuel. Dans l'idéal, les mots qui ont une densité élevée dans la page doivent correspondrent aux mots clés contenus dans les balises meta (Title, Description).
(Expliquez moi ce qu'il faut faire svp)
Conclusion du Rapport :
Votre page est trop lourde ! Le temps de chargement de votre page risque de perturber le confort de visite des internautes, mais également de rendre difficile le travail d'exploration des moteurs de recherche.
Merci pour votre aide
Bonne nuit :)
Bon je ne veux pas faire la promotion de mon blog mais puisque on me le demande voici le lien http://www.megadownload-gratuit.com/
Ce n'est pas un site illegal, il repertorie juste des liens vers des sites de partages et il n'heberge pas le contenu telechargeable.
Ce n'est pas un site illegal, il repertorie juste des liens vers des sites de partages et il n'heberge pas le contenu telechargeable.
Bon ben j'ai vu..... le code est immonde! désolé d'être direct... Un exemple?
Vous faites ça à la main ou avec un éditeur HteuMeuLeu? Vous l'avez payé? Combien? Non parce que moi, je serai vous, je réclamerai des dommages et intérêts! C'est un coup à couler une boîte! la SeuNeuCHèf (CNCF) elle utiliserai un machin comme ça pour les ventes de billets en ligne, les trains seraient vides!
Sincèrement - et je suis gentil - je pense que vous devriez ab-so-lu-ment tout reprendre de zéro. Il y a moyen de vraiment dégonfler vos pages. Efficacement, si, si!
Pour l'antépénultième fois, rien ne vaut le code fait maison et optimisé au quart de poil. Perso, je conseille de se mettre au HTML5:
http://html5.immo-scope.com/index.php?page=html5/premierePageHtml5
Avec un code bien structuré, un CSS qui se limite à des styles sobres et bien hiérarchisés, vous aurez des pages 10x moins grosses. Là, si vous laissez ça en l'état, vous allez exploser le compteur de flux de sortie. L'hébergeur va réclamer une rallonge!
Encore une fois, le prenez pas méchamment. C'est pour votre intérêt. Un HTML optimisé est aussi important que des scripts sans bugs. Prenez quelques jours pour bien lire des livres sur le HTML et vous verrez dans quoi vous avez mis le doigt avec le code actuel. de votre site ouèbeu.
A+
<center><a href="http://www.mu-series.com" title="Mu Series">Mu Series</a><center/> </center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center></center>
Vous faites ça à la main ou avec un éditeur HteuMeuLeu? Vous l'avez payé? Combien? Non parce que moi, je serai vous, je réclamerai des dommages et intérêts! C'est un coup à couler une boîte! la SeuNeuCHèf (CNCF) elle utiliserai un machin comme ça pour les ventes de billets en ligne, les trains seraient vides!
Sincèrement - et je suis gentil - je pense que vous devriez ab-so-lu-ment tout reprendre de zéro. Il y a moyen de vraiment dégonfler vos pages. Efficacement, si, si!
Pour l'antépénultième fois, rien ne vaut le code fait maison et optimisé au quart de poil. Perso, je conseille de se mettre au HTML5:
http://html5.immo-scope.com/index.php?page=html5/premierePageHtml5
Avec un code bien structuré, un CSS qui se limite à des styles sobres et bien hiérarchisés, vous aurez des pages 10x moins grosses. Là, si vous laissez ça en l'état, vous allez exploser le compteur de flux de sortie. L'hébergeur va réclamer une rallonge!
Encore une fois, le prenez pas méchamment. C'est pour votre intérêt. Un HTML optimisé est aussi important que des scripts sans bugs. Prenez quelques jours pour bien lire des livres sur le HTML et vous verrez dans quoi vous avez mis le doigt avec le code actuel. de votre site ouèbeu.
A+
Désolé, je ne vois pas le pb : chez moi avec Chrome, le temps d'affichage est inférieur à 2 secondes, c'est pas immédiat, mais, pour moi, c'est quand même du rapide... à moins que je n'ai pas cliqué où il faut : je n'ai pas trouvé de page avec 50 images comme le recommande le rapport que tu publies.
Ok bon je pense avoir regler quelques problèmes mais pas tous
J'ai fais un test ici http://www.seochat.com/ et mon ratio n'est pas bon mais je ne vois pas ce qu'il faut faire de plus...
Et j'ai fais un test de validation sur ce site http://validator.w3.org/ j'ai des erreurs qu'est-ce que je dois faire au juste ?
Merci
J'ai fais un test ici http://www.seochat.com/ et mon ratio n'est pas bon mais je ne vois pas ce qu'il faut faire de plus...
Et j'ai fais un test de validation sur ce site http://validator.w3.org/ j'ai des erreurs qu'est-ce que je dois faire au juste ?
Merci
Bonjour,
Concernant: "...j'ai des erreurs qu'est-ce que je dois faire au juste ? "
Je vous ai donné la réponse:
- apprendre sérieusement HTML et tout reprendre de zéro. Je vous ai même indiqué un lien avec HTML5... Y êtes-vous allé?
Je sais, il faut apprendre HTML, mais c'est loin d'etre compliqué. Et au moins vous verrez à quel point le code actuel pondu par votre CMS ou outil de création HTML est mauvais et encombré!
L'efficacité est au prix de l'optimisation. J'ai déja entièrement relooké plusieurs sites en HTML5 (dont des sites pour Orange...). Tous mes clients sont satisfaits. En général, j'ai dégonflé la tailel des pages HTML (coté code) entre 30 à 50%.
Le code de vos pages pourrait être dégonflé de 80%... C'est mon expertise. Maintenant, si l'avis d'un pro ne vous intéresse guère, je ne peux faire grand chose de plus.
Cordialement
Concernant: "...j'ai des erreurs qu'est-ce que je dois faire au juste ? "
Je vous ai donné la réponse:
- apprendre sérieusement HTML et tout reprendre de zéro. Je vous ai même indiqué un lien avec HTML5... Y êtes-vous allé?
Je sais, il faut apprendre HTML, mais c'est loin d'etre compliqué. Et au moins vous verrez à quel point le code actuel pondu par votre CMS ou outil de création HTML est mauvais et encombré!
L'efficacité est au prix de l'optimisation. J'ai déja entièrement relooké plusieurs sites en HTML5 (dont des sites pour Orange...). Tous mes clients sont satisfaits. En général, j'ai dégonflé la tailel des pages HTML (coté code) entre 30 à 50%.
Le code de vos pages pourrait être dégonflé de 80%... C'est mon expertise. Maintenant, si l'avis d'un pro ne vous intéresse guère, je ne peux faire grand chose de plus.
Cordialement