BENCHMARK DES SITES WEB DES UNIVERSITES Réalisé par :DAOUDI ELMEHDI PLAN • www.univh2c.ma *La construction *rapport d’analyse et de performance *technologie détectée *point à améliorer • https://www.harvard.edu *La construction *rapport d’analyse et de performance *technologie détectée *point à améliorer • http://www.um5.ac.ma/um5 *La construction *rapport d’analyse et de performance *technologie détectée *point à améliorer www.univh2c.ma La construction de www.univh2c.ma • 1ère phases En-tête (header): Alors dans cette phases on remarque tout d’abbord le Logo de l’université il ya des rubriques et si on clique sur chaque rubrique on trouve plusieurs choix .Voici 2 exemples: • 2ème phases:Actualités + Services en ligne Dans cette phase on trouve toutes actualité et les services en ligne comme le E-learning et Assurance Maladie obligatoire • 3ème phases:Web TV / Radio de l'Université Hassan II de Casablanca • 4ème phase: Services • 5ème phase: Le bas de page ou le footer Le footer est la dernière phase de ce site web les composant du footer ici sont les différentes réseaux sociaux (facebook,twitter, linkedin,instagram et youtube.)de l’université ,le mail ainsi que les liens important et une petite présentation de l’université. Rapport d'analyse performance et qualité de www.univh2c.ma Technologie détectée(type de plateform utilisée) BACKLINKS Point à améliorer • Cette page charge 8.8 Mo de données, diminuez ce poids, Selon HTTPArchive, en juillet 2019, le poids moyen de page est de 1.95 Mo. • Il faut mettre une description de l’Université au début non à la fin. • ce fichier correspond à une vidéo. Il est préférable de laisser à l'utilisateur le choix de charger cette quantité de données ou non (pas de lecture automatique par défaut) le fichier est: http://www.univh2c.ma/wpcontent/uploads/2021/01/FSAC_SENSIBILISATION_VAC CIN.mp4 • Le format PNG n'est pas le plus adapté pour 5 de vos images,Le choix d'un format adapté pour une image permet de réduire son poids. • 18 images (614 ko) sont chargées trop tôt, Chargez en priorité les images audessus de la ligne de flottaison, c’est à dire celles qui sont visibles sans défilement (scroll) de l'utilisateur. sur toutes les images ciblées, ajoutez loading="lazy« exemple: https://www.harvard.edu/ La construction de https://www.harvard.edu/ • 1ère phases En-tête (header): Dans le header on remarque qu’il ya le logo de l’université ainsi que la barre de recherche ou on a la possibilité de rejoindre des ‘ quick links, ou trouver une personne…’ ainsi une grande affiche qui décrit la criminalisation injustice 2ème phase: Alors il y’a une description ici de l’injustice criminelle présentée au début ainsi que d’autre articles concernant le même sujet ème 3 phase :le footer ici l’université nous donnes les réseaux sociaux utilisée (facebook,twitter,instagram,youtube) ainsi des colonnes ou on trouve ‘contact Harvard’ • Rapport d'analyse performance et qualité de https://www.harvard.edu/ Technologie détectée Point à améliorer • • • • Cette page charge 4.2 Mo de données, le poids moyen d’une page est de 1.95 Mo. Optimisez vos images sans perte de qualité avec WordPress,En choisissant un format approprié pour vos images et en les compressant, vous pouvez libérer de nombreux octets de données. 2 images sont redimensionnées côté navigateur, Si vos images sont plus grandes que leur zone d'affichage, le navigateur téléchargera des données inutiles et procédera à des redimensionnements disgracieux. 3 images utilisent une seule couleur Une requête vers une image à couleur unique augmente inutilement le volume de données qui transitent sur le réseau. Il est inutile de récupérer une image composée uniquement d'une couleur de fond. Les styles CSS vous permettront de dessiner la même forme à moindre coût. http://www.um5.ac.ma/um5 1ère phase: Alors la on remarque qu’il ya le contact de l’université au début par contre au autres site web .et ensuite plusieur article concernant le covid 19 ,il ya aussi le classement de l’université au niveau national et international. il ya des rubriques et si on clique sur chaque rubrique on trouve des sous rubrique prenant exemple la ou il ya une rubrique concernant la vie étudiante et les sous rubriques sont (activités /associations…) 2ème phase 3ème phase 4ème phase alors la l’université a bien fait en ajoutant des ouvrages version digital et je pense que les autres université doivent avoir le meme concept dans leur site car la majorités des étudiants non pas la possibilités d’acheter des livres 5ème phase donc ici on trouve les partenaire officiel de l’université et encore une autre fois les infomations pour contacter l’université et le nombre de visiteurs Point à ameliorer • • Cette page charge 6.0 Mo de données, diminuez ce poids Activez la compression des ressources ,En compressant vos ressources avec "gzip" ou "deflate", vous pouvez réduire le nombre d'octets envoyés sur le réseau. • 1 ressource ne définit pas le type de son contenu,Chaque ressource peut définir le type de son contenu afin de faciliter leur interprétation par les navigateurs web. Vous n'avez aucun intérêt à dissimuler le type d'une ressource. Nous vous conseillons de définir un en-tête HTTP Content-Type sur toutes les ressources de la page.1 ressource de la page devrait préciser son type : www.um5.ac.ma/um5/themes/custo[...]woff2?v=4.3.0 • Vous pouvez réduire certains fichiers JavaScript (minification),En compressant votre code JavaScript, vous pouvez libérer de nombreux octets de données et réduire les délais de téléchargement, d'analyse et d'exécution.