Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
Salut,
Je poste très rarement mes créations... car je bosse en sous-traitance pour plus de 95% de mes réalisations.
Aujourd'hui je vous présente le site Internet d'une école d'esthétisme à Pau :
http://www.ecole-esthetique-aquitaine.fr/
Il s'agit d'un site responsive que j'ai essayé d'optimiser au maximum en respectant mon workflow de développement et de suivi.
J'utilise sur ce site les modules ExaCSS, News, Gallery et ListIt2.
Exacore - Freelance en communication
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
Salut,
Superbe et très esthétique
J'ai relevé quelques fautes d'orthographe.
Il y a un comportement anormal avec la galerie photos. Si on clique sur les photos avant que la page ne soit entièrement chargée, la photo est affichée sans JQuery (ex.: /uploads/images/Gallery/bodypainting/295762_2457341512370_819248587_n.jpg).
Formulaires : pas de vérification des données entrées dans coordonnées (à part l'email).
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
Merci Jean le Chauve,
Pour le comportement de la galerie c'est normal. Pour des raisons de performances, le Javascript se charge en dernier d'où l'absence de d'effet lightbox. Le Javascript ne sert qu'à améliorer un comportement précédent. Ici il rajoute l'effet lightbox sans que celui-ci soit nécessaire au fonctionnement du site.
Pour les formulaires, je vais rajouter une couche de vérif, tu as raison.
Exacore - Freelance en communication
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
25/07/2015, 20:45:30
(Modification du message : 25/07/2015, 20:54:12 par Jean le Chauve.)
Quand je regarde l'onglet réseaux de Firebug, plusieurs js sont appelés 2 fois, Es-ce un comportement normal ? Idem pour certaines css.
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
En regardant la doc de Modernizr, il semble qu'il faut placer le loader dans la head et pas à la fin du body. yepnope.js est marqué comme obsolète
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
26/07/2015, 16:43:08
(Modification du message : 26/07/2015, 16:43:23 par exacore.)
Merci pour toutes tes remarques JlC,
J'ai donc entrepris aujourd'hui d'améliorer les appels Javascript et d'abandonner Modernizr au profit de head.js.
Résultat des courses : une amélioration de plus de 1 seconde au chargement de la page d'accueil.
J'avais auparavant le Grade A dans les tests PageSpeed et YSlow, mais cette fois-ci avec, respectivement, des notes de 99% et 92%. Et ceci pour un temps de chargement d'environ 1,1s.
Je doute pouvoir obtenir beaucoup mieux à présent ;-)
Exacore - Freelance en communication
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
26/07/2015, 17:26:36
(Modification du message : 26/07/2015, 17:32:07 par Jean le Chauve.)
La différence de chargement est nette, les images s'affichent dans le fancybox et il n'y a plus de double appel des librairies.
Attention car head.js n'a plus l'air d'être maintenu depuis fin 2013. Il existe d'autres loaders en activité sur le marché
Quel type d'hébergement as-tu ?
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
J'ai testé quelques loaders comme script.js, labjs, require.js... Mais j'ai trouvé le code à déclarer moins clair (avis personnel).
Head.js n'est peut-être plus maintenu mais il fait bien le travail.
As-tu d'autres loaders à me proposer ?
Exacore - Freelance en communication
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
Petite recherche avec 'best javascript loader" moins d'1 an : http://www.slant.co/topics/1089/~what-ar...le-loaders.
Je n'en connais personnellement aucun.
Quel est ton hébergement, car il est quand même très rapide ?
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
Mon hébergement (pour ce site) est sur une instance Simple Hosting de Gandi. Effectivement c'est particulièrement rapide et derrière un super cache.
Exacore - Freelance en communication
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
26/07/2015, 18:00:58
(Modification du message : 26/07/2015, 18:03:20 par Jean le Chauve.)
Je voulais encore te faire une petite remarque pour les meta description automatiques de ton site, elles comprennent parfois plusieurs sauts à la ligne. Je pense qu'un petit <strip></strip> ou {$description|strip:' '} devrait suffire.
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
26/07/2015, 18:07:57
(Modification du message : 26/07/2015, 18:08:40 par Jean le Chauve.)
D'autre part, les sous pages de /qualification/ sont très bien présentées. Mais je doute qu'un utilisateur classique n'arrive à modifier ou ajouter des formations en respectant la charte graphique avec le wysiwyg. As-tu utilisé des content blocks personnalisés ?
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
De quelle partie parles-tu ?
De la barre latérale ou du contenu de la page (partie gauche) ?
Exacore - Freelance en communication
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
Dernier point l'image du bandeau de la page http://www.ecole-esthetique-aquitaine.fr...smetologie ne semble pas appropriée par rapport aux autres très colorées.
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
26/07/2015, 18:13:12
(Modification du message : 26/07/2015, 18:13:42 par exacore.)
Pour les photos, elles seront très prochainement changées. Le client a fait appel à un photographe pour les « bonnes » illustrations.
En ce moment, ce ne sont que des images libres de droit. Et le fond que tu vois est le fond par défaut quand le client n'a pas sélectionné de photo d'illustration.
Exacore - Freelance en communication
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
contenu de la page, bien entendu : <div class="Main_Content">
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
Pour le contenu principal ce n'est que du WYSIWYG que le client gère sans problème et sans connaissance particulière.
Juste les styles de titre à sélectionner.
Exacore - Freelance en communication
Messages : 8,242
Sujets : 58
Inscription : Dec 2007
Réputation :
0
"Gère sans problème" : à vérifier après quelques modifications
En tous cas, rien à redire, ce site mérite d'être dans un portfolio, encore toutes mes félicitations
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
Jean le Chauve a écrit :les meta description automatiques de ton site, elles comprennent parfois plusieurs sauts à la ligne
C'est corrigé, merci :-)
Exacore - Freelance en communication
Messages : 196
Sujets : 7
Inscription : Feb 2013
Réputation :
0
Jean le Chauve a écrit :"Gère sans problème" : à vérifier après quelques modifications
Je ne m'inquiète pas, leur précédent site que j'avais fais avec CMSMS était bien géré. Et avec la maintenance régulière que je fais dessus je resterai vigilent.
Jean le Chauve a écrit :En tous cas, rien à redire, ce site mérite d'être dans un portfolio, encore toutes mes félicitations
Merci encore :-)
Exacore - Freelance en communication
|