alléger une page web
salut Mickael,
Ce que je peux te conseiller c'est d'utiliser Firebug un addon de Firefox, qui te permet de vérifier la vitesse de chargement de ta page.
Grace à Page Speed et également Yslow.
Par exemple sur Page Speed tu es à 70/100 ce qui peut être assez facilement amélioré.
Tae
6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP
salut taeky,
concernant page speed
il y a deux liens de téléchargement,
lequel me conseilles-tu ?
http://code.google.com/intl/fr/speed/pa ... nload.html
Rire
La version mise à jour doit être plus intéressante mais c'est une beta avec des bugs.
Comprendre le SEO : Récapitulatif référencement pour les débutants.
Mais aussi le social : Récapitulatif Réseaux Sociaux.
-
Madrileño
Like Rank Total : 15 - Actif
- Messages : 2684
- Inscription : Ven 2 Mai 2008 03:35
- Localisation : Europe
L'addon est dépendant d'un autre ce qui peut expliquer pourquoi il ne fonctionne pas.
Comprendre le SEO : Récapitulatif référencement pour les débutants.
Mais aussi le social : Récapitulatif Réseaux Sociaux.
-
Madrileño
Like Rank Total : 15 - Actif
- Messages : 2684
- Inscription : Ven 2 Mai 2008 03:35
- Localisation : Europe
Mickael a écrit:apparemment il faut Yslow
Yslow c'est Yahoo! pour les webmasters.
Page Speed c'est Google pour les webmasters.
Il faut ajouter Firebug. 
Mickael a écrit:apparemment il faut Yslow
Comprendre le SEO : Récapitulatif référencement pour les débutants.
Mais aussi le social : Récapitulatif Réseaux Sociaux.
-
Madrileño
Like Rank Total : 15 - Actif
- Messages : 2684
- Inscription : Ven 2 Mai 2008 03:35
- Localisation : Europe
Désolé de pas avoir continuer je viens moins souvent maintenant. Donc pour revenir a ton problème
Pour Firebug:
tu cliques droit sur ta page a analyser puis sur "inspecter un élément"
ça va ouvrir un bandeau horizontal au bas de Firefox avec plusieurs onglets.
Parmi ces onglets du dois voir "page speed" et aussi "Yslow" tu choisis l'un des deux
Pour "Page speed" tu cliques sur "analyze Performance"
Pour "Yslow" sur "Run Test"
6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP
La première chose à savoir c'est que le poids moyen d'une page ne devrait pas excéder 100K la tienne pèse plus de 5 fois cela. Je sais qu'on a tendance à penser que tout le monde a la haute vitesse mais ce n'est pas forcément le cas. Il faut s'adapter à sa cible clientèle. Si on est tout public, surtout les sujets populaire (ce qui est ton cas) il vaut mieux respecter cette règle.
La page fait déjà 184 ko toute nue sans images ni les js externes !
+ de 350 lignes de codes pour une page aussi simple ? je comprends pas. En html standard on fait ça pour une poignée de ko et quelques lignes. La seule chose qui mériterai d'être travaillé serait sans doute le problème du menu/sous-menu. Il y a tellement d'item !
En détails :
La première chose, négligé par la plupart des webmasters, est le poids des images. Dans ton cas la bannière est à 25 ko. C'est pas si mal mais on pourrait sans doute faire mieux car il n'y a vraiment que 2 couleurs dominantes. L'image de fond a presque 9 ko, elle est sans aucun doute améliorable. L'image de Facebook est bien trop lourde pour ces dimensions mais elle doit être généré par FB.
Près de 60 ko pour les Css c'est 2 à 3 fois trop compte tenu de ton site (rien d'extraordinaire qui justifie autant de css)
Le pire encore est à mon avis du côté des js (javascript). A toi de faire un choix de ce qui est vraiment utile et ce que tu peux remplacer par du html bien plus léger.
Dernière chose. J'ai remarqué que les applications Facebook ralentissent l'affichage. Je me demande même si je ne vais pas les retirer de mes blogs. J'ai constaté un ralentissement très important depuis que j'ai rajouté cette possibilité. Peut-être ce contenté d'un bouton FB en jpeg avec un lien vers ta page FB. A tester.
Bon je t'ai fait ça un peu vite mais cela te donne quelques idées pour fouiller un peu plus loin...
PS: Firebug est un bon outil d'analyse, mais après il faut savoir quelle conclusion tirée 
bonjour Dominique,
je suis tout à fait d'accord avec toi concernant le poids de mes pages
d'où mon sujet
concernant le css etc ... j'ai créer mon site via une plateforme donc je ne peux pas l'améliorer
je propose régulièrement des choses à changer, elles se font lentement
concernant le header et les deux images de fond, elles ont été réduites (niveau poids) dernièrement par un internaute via photoshop, car je n'ai aucune compétences dans ce domaine, si tu sais comment je pourrais continuer à les réduire, je suis preneur
concernant le badge facebook, il est vrai qu'il est lourd, je l'avais déjà remarqué, j'ai plusieurs fois hésité à le retiré, mais d'un autre coté, je me dis qu'un visiteur qui a + 2500 fans sur facebook, cela montre que les gens aiment, et cela peut lui donner envie de fouiller encore le site, sachant que la plupart de mes visiteurs viennent de Google
concernant Firebug, effectivement, avoir les résultat c'est bien, les comprendre et savoir faire les modifications c'est mieux,
je compterais donc sur vous tous, pour m'y aider
Rire
J'ai lancé Page Speed et c'est la cata
comme on s'en doutait
Concernant le premier point "Combine externe Javascript"
il y a plusieurs problèmes : .js etc ...
je l'ai dailleurs signaler à ma plateforme car j'ai 3 erreurs d'exploitation via Google
comme c'est le week end, j'aurais sûrement une réponse lundi
Rire
Voila comme ça tu peux voir quels sont les points à améliorer. J'ai utilisé cette méthode pour mon site et je suis maintenant à 81/100, ce qui personnellement me convient.
Bon code ++
Tae
6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP
l'objectif est donc de s'approcher des 100
ouf j'ai eu peur, je pensais que c'était l'inverse, qu'il y avait 72 points à modifier
en regardant de plus prêt, je m'aperçois que pour la plupart cela vient de la plateforme
Rire
Oui tu te préoccupes des point d'exclamation rouge en priorité, mais je te rassure de suite, c'est peut probable que tu arrives a résoudre tous les points négatifs. N'oublie pas de cliquer sur le petit "+" pour développer, ça te précise ce qu'il y a à revoir et tu as souvent un lien vers l'aide correspondante (en anglais, mais ça aide pas mal)
6 crédits nécessaire (1 ligne(s) + 3 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 4 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP
Mickael a écrit:concernant le css etc ... j'ai créer mon site via une plateforme donc je ne peux pas l'améliorer
je propose régulièrement des choses à changer, elles se font lentement
C'est la limite de ce genre de prestataire. Il me semble que tu devrais envisager un véritable hébergement professionnel avec un site monté proprement. Ce que tu dépenserai serait probablement très vite compensé par les gains en efficacité. Si tu as eu de si beau résultat avec une mauvaise plateforme imagine un peu avec un site. Si on double ton trafic on doublera également tes revenus (c'est mathématique).
Mickael a écrit:concernant le header et les deux images de fond, elles ont été réduites (niveau poids) dernièrement par un internaute via photoshop, car je n'ai aucune compétences dans ce domaine, si tu sais comment je pourrais continuer à les réduire, je suis preneur
Photoshop est le meilleur outil que je connaisse pour la compression. Cependant il y a pas mal de réglage et selon les options choisis les résultats sont assez diffèrent. Il faut un spécialiste de photoshop ET de l'optimisation d'image.
Mickael a écrit:concernant le badge facebook, il est vrai qu'il est lourd, je l'avais déjà remarqué, j'ai plusieurs fois hésité à le retiré, mais d'un autre coté, je me dis qu'un visiteur qui a + 2500 fans sur facebook, cela montre que les gens aiment, et cela peut lui donner envie de fouiller encore le site, sachant que la plupart de mes visiteurs viennent de Google
Je comprends très bien, mais tu peux parfaitement mettre une image toi-même (que tu récupère en copie d'écran) et tu fais un lien vers ta page. Le gain sera énorme.
Allez courage...
PS: quitter cette plateforme résoudra ton problème de javascript. Un bon webmaster saura réduire cela à l'essentiel.
Mickael a écrit:concernant le css etc ... j'ai créer mon site via une plateforme donc je ne peux pas l'améliorer
je propose régulièrement des choses à changer, elles se font lentement
je propose régulièrement des choses à changer, elles se font lentement
Mickael a écrit:concernant le header et les deux images de fond, elles ont été réduites (niveau poids) dernièrement par un internaute via photoshop, car je n'ai aucune compétences dans ce domaine, si tu sais comment je pourrais continuer à les réduire, je suis preneur
Mickael a écrit:concernant le badge facebook, il est vrai qu'il est lourd, je l'avais déjà remarqué, j'ai plusieurs fois hésité à le retiré, mais d'un autre coté, je me dis qu'un visiteur qui a + 2500 fans sur facebook, cela montre que les gens aiment, et cela peut lui donner envie de fouiller encore le site, sachant que la plupart de mes visiteurs viennent de Google
bonjour Dominique,
- je pense justement par la suite refaire un site "codé" proprement,mais je manque de temps pour le moment, et tout reprendre de zéro me fait un peu peur pour le moment, même s'il est vrai que je passerais par quelqu'un pour le codage
- concernant le badge facebook, je l'ai retiré et modifié également mes menus, désormais je met le lien vers facebook et twitter sur mes newsletter
- concernant la plateforme, vendredi dernier, je leur est signalé 3 erreurs d'exploitation que j'avais sur Google webmaster, ils ont dit qu'un codeur allait travaillé cela
je pense petit à petit leur signalé tout les petits tracas
d'autant que je sais qu'il y aura une nouvelle version courant début 2011
Rire
Pour les images, utilises tout simplement l'outil de seo-soft, ils diablement efficace, je travaille beaucoup avec fireworks et seo-soft arrive de temps en temps à gratter qques octets pour un résultat invisible à l'oeil
Vérifies également qu'elles soient bien en 72 dpi.
Pour ton css, cliques sur le petit + à coté dans pagespeed, Google te fournis une version plus optimisée directement (il existe d'autres outils plus performant mais faut s'y connaitre un poil). N'oublies pas de faire une sauvegarde de ton css actuel avant de l'écraser (on sait jamais).
Elna - Agence web Perpignan
Dominique a écrit:C'est la limite de ce genre de prestataire.
Je fais actuellement du sur mesure et mon équipe et moi même sommes entrain de travailler sur une "plateforme" de ce type, crois-moi que ce ne sera pas notre cas
Nous sommes actuellement à 86% à pagespeed sur notre version de développement et ça va, au moins le rester Les pré-versions en production chez quelques clients aussi
Dominique a écrit:C'est la limite de ce genre de prestataire.
Machine à coudre Elna - Création de site Internet à Perpignan
salut,
depuis mon dernier message
beaucoup de chose ont changé
j'ai travaillé le codage du site,
désormais ma page d'accueil est valide html
bientôt css
le poids de la page a fortement diminuer - 30ko
j'ai du supprimer mon menu déroulant horizontal pour cela
mais depuis tout cela,
Google m'apprécie à nouveau et vient plus souvent
Rire
21 messages • Page 1 sur 1
• page rank 08/04/2010
• Page de pub avant d'entrer sur le site 04/06/2010
• Texte et poids de page 15/04/2011
• référencement google / optimisation de page rank 22/11/2010
• Maj du page rank 27/06/2011
• Impact Suppression de la page partenaire 11/06/2011
• Indexer une partie de page ? 18/08/2011