Analyse de qualité et performance web

http://www.vulgarisation-informatique.com
Rapport généré le 27 avr. 2014 19:11:22
Télécharger le rapport
90%
Beau boulot !
Plus qu'un petit effort
4

Problèmes

9

Améliorations

36

Succès


Voir les priorités

Screenshot


VISITEUR SIMULÉ : Firefox Paris 8.1/2.0Mbps (Latence : 0 ms) Modifier

Requêtes

55

Poids

648ko

Timeline / Waterfall

Premier octet

Non
disponible

First paint

Non
disponible

Fin chargement

2.32sec


Erreurs navigateur 0OK

Technologies :

Apache

Google Analytics

jQuery

PHP


Partagez ce rapport par email

N'hésitez pas à diffuser ce rapport auprès de vos collaborateurs,
soit en copiant son URL depuis la barre d'adresse, soit en cliquant ci-dessous :

Partager le rapport par e-mail

Bonnes pratiques et conseils :

Ce que vous pouvez améliorer

Performances 

91/100


 
Voir plus
Performances 

91/100

Réduire le nombre de requêtes

Cette page fait appel à 55 requêtes pour s'afficher correctement. Pour rappel, le nombre moyen de requêtes par page du top 1 000 des sites les plus visités dans le monde est de 86 requêtes.

Pour plus d'informations, consultez la timeline.

Voici plusieurs pistes pouvant vous aider à diminuer le nombre de requêtes :

  • regrouper les images à l'aide de sprites CSS (21 image(s) détectée(s) sur cette page)
  • regrouper les fichiers JavaScript en un seul (18 fichier(s) JavaScript détecté(s) sur cette page)
  • regrouper les fichiers CSS en un seul (2 fichier(s) CSS détecté(s) sur cette page)


 
Voir plus
Référencement (SEO) 

15/100

Mettre en place des titres dans votre contenu (h1, h2, h3)

Il est recommandé de placer vos mots clés dans les balises de titres (h1 et h2 au minimum). Les moteurs de recherche utilisent les balises h1, h2 et h3 pour le référencement (SEO). Les balises h4, h5, h6 servent uniquement à améliorer la présentation de votre contenu.
Cette page contient:

  • 12 balise(s) h3.


 
Voir plus
Réseau/Serveur 

15/100

Éviter l'envoi de cookies sur des ressources statiques

29 requêtes ne devraient pas contenir de cookies.

Ressources provenant de www.vulgarisation-informatique.com
Ressources provenant de partis tiers

Note : vous ne pouvez pas modifier directement ces fichiers, car ils proviennent de partis tiers. Vous devriez cependant considérer toute alternative possible à ces fichiers pour rester en accord avec la bonne pratique.

Les requêtes effectuées pour récupérer les ressources d'une page peuvent contenir de nombreuses données inutiles. Par exemple, il n'y a aucune raison d'envoyer des cookies sur des fichiers statiques (images, fichiers JavaScript et CSS, etc).

Certains noms de domaines demandent l'envoi de cookies pour les ressources statiques. Si possible, faites appel à d'autres domaines n'appliquant pas cette restriction. En savoir plus.

Vous pouvez par exemple configurer un nom de domaine spécifique pour servir vos ressources statiques:

static.mondomaine.com


 
Voir plus
Politique de cache 

83/100

Ajouter des en-têtes d'expiration

Cette page contient 8 ressources n'ayant pas une date d'expiration assez lointaine.

Ressources provenant de partis tiers

Note : vous ne pouvez pas modifier directement ces fichiers, car ils proviennent de partis tiers. Vous devriez cependant considérer toute alternative possible à ces fichiers pour rester en accord avec la bonne pratique.

Vous pouvez définir une date d'expiration pour chaque ressource. Elles seront alors stockées en cache par l'utilisateur, qui ne les réclamera plus auprès du serveur tant que la date d'expiration n'est pas dépassée. Cela permettra de réduire le nombre de requêtes vers le serveur.

Cette date d'expiration se paramètre à l'aide de l'en-tête HTTP Expires:

      Expires: Thu, 15 Apr 2010 20:00:00 GMT

Vous pouvez indiquer une date d'expiration très lointaine pour les ressources statiques, et plus proche pour des ressources suceptibles d'être modifiées. Vous serez obligés de renommer le fichier si vous voulez que le client le recharge auprès du serveur, sans passer par le cache. C'est pourquoi l'intégration du versioning dans votre processus de mise en production peut s'avérer très utile. Par exemple, à chaque mise à jour du service, DareBoost intègre une version aux noms de ses fichiers:

dareboost.min.20140101.js

Dans ce conseil, nous considérons qu'il faut conserver au moins 2 jours les resources sur le cache du client. En savoir plus.

Cette page est retournée par un serveur Apache. Vérifiez s'il utilise bien le module mod_expires.


 
Voir plus

Saviez-vous que ?

Accessibilité 

Présence de la balise noscript

Vous devez avoir au moins une balise noscript si vous utilisez des balises script. Celle-ci est nécessaire pour afficher un message lorsque le JavaScript est désactivé par l'utilisateur.

<script  type="text/javascript">
document.write('Hello World!')
</script>
<noscript>Your browser does not support JavaScript!</noscript>


 
Voir plus

Performances jQuery

jQuery est la librairie JavaScript la plus utilisée aujourd'hui. Rendez votre site plus performant en respectant ses bonnes pratiques. Pour connaître les fondamentaux de la performance jQuery, nous vous conseillons de lire le lien suivant: http://learn.jquery.com/performance/.


 
Voir plus

Placer le sélecteur le plus spécifique à droite

Cette page ne contient pas de sélecteurs spécifiques.

Changer l'ordre des sélecteurs jQuery peut impacter les performances de votre site: voir plus d'informations. Voici un exemple de bonne utilisation de la librairie jQuery:

// unoptimized
$( "div.data .firstClass" );
// optimized
$( ".data td.firstClass" );

Vérifiez les apports de cette technique en terme de performances: http://jsperf.com/specificity


 
Voir plus

Bravo ! Vous respectez les bonnes pratiques suivantes

Réseau/Serveur 

100/100

Utiliser la méthode GET pour les requêtes AJAX

Essayez d'utiliser des méthodes GET pour vos requêtes Ajax. En savoir plus.


 
Voir moins
Performances 

100/100

Réduire le nombre d'éléments du DOM

Une structure complexe de la page implique plus d'octets à télécharger, et complexifie la recherche d'éléments précis. Il y a une différence notable si vous parcourez 500 ou 5 000 éléments dans le DOM de la page.

En savoir plus.


 
Voir plus
Politique de cache 

100/100

Mettre les réponses Ajax en cache

Tout comme les requêtes classiques, vous devez mettre les réponses de vos requêtes Ajax en cache, via les en-têtes Expires et Cache-Control par exemple. En savoir plus.

0 réponses Ajax doivent être mises en cache.


 
Voir plus
Référencement (SEO) 

100/100

Attribut alt sur les balises img

Vous avez 12 balises img et elles ont toutes un attribut alt.

L'attribut alt est un critère important en terme de référencement (SEO). En effet, les robots d'indexation des moteurs de recherche ne peuvent pas analyser de contenu graphique. Il se servent alors de leur texte alternatif pour répondre aux requêtes des internautes. C'est par exemple le cas pour Google images. En savoir plus.

<img src="produit.jpg" alt="Description de mon produit"/>

De plus, l'attribut alt s'avère utile dans d'autres cas:

  • utilisation d'un lecteur d'écran (personnes malvoyantes)
  • connexion trop lentes pour charger l'image
  • affichage d'un contenu dans le cas d'une erreur dans l'attribut src

Notez qu'il est possible de définir un texte alternatif vide si aucune description ne semble cohérente pour l'image. Voir http://www.w3.org/TR/WCAG-TECHS/H67.html.


 
Voir plus
Performances 

100/100

Éviter de conserver du code en commentaire

Aucun de vos commentaires ne contient de code HTML.

Les commentaires permettent de détailler une portion de code complexe, et vous aident naviguer plus efficacement dans le DOM. Veillez cependant à ne pas y exposer des données sensibles pouvant permettre à une personne malveillante de corrompre votre système.


 
Voir plus
Apache 

100/100

Version d'Apache

Vous utilisez Apache, mais nous n'avons pas détecté quelle version. Une personne malveillante aura plus de mal à attaquer votre site, car elle ne saura pas quelle version utilise votre serveur Apache. C'est une bonne pratique.

Il y a deux valeurs à vérifier dans votre configuration pour que la version soit cachée: ServerSignature et ServerTokens.

# Cacher la version dans l'en-tête HTTP 'Server'.
# exemple: afficher uniquement "Server: Apache"
ServerTokens Prod
# Ne pas ajouter de ligne contenant
# le nom et la version du serveur
# à la fin de chaque réponse.
ServerSignature Off

Cependant, gardez en tête que le meilleur moyen de se prémunir d'attaques est de régulièrement mettre à jour votre serveur Apache.


 
Voir plus