Forum CMS Made Simple FR
Site d'une agence immobilière de standing - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Vous, vos sites ... (https://forum.cmsmadesimple.fr/forum-7.html)
+--- Sujet : Site d'une agence immobilière de standing (/thread-2054.html)


Site d'une agence immobilière de standing - heriquet - 19/06/2012

Bonjour,

J'en ai beaucoup parlé sur le forum ou par Skype, mais je n'ai pas encore diffusé l'url, comme je n'ai encore jamais donné d'url d'aucun de mes nombreux sites CMSMS dans cette section !

Le voici : http://www.jj-properties.be/.

Il y a certes quelques améliorations à apporter et disons qu'il est terminé à 97% (que ca soit du visuel ou dans l'administration).

Sur ce j'enfile mon casque et mon armure, on sait jamais Big Grin.

Site d'une agence immobilière de standing - Eric11 - 19/06/2012

Bonjour Eric

Alors, je dirais, globalement c'est agréable, ensuite couleurs et agencement c'est une question de goût.

Donc je parlerais plus sur le coté technique. Tu es parti sur du html5, c'est une bonne chose, mais...
• beaucoup d'erreurs de validation html entre 10 et 20 par pages
• je ne sais pas si tu as utilisé un framework, mais le redimensionnement du navigateur fait sauter la mise en page.
Ensuite, comme le dira certainement Bess aussi si il regarde, optimisation :-)
•`plus d'une dizaine de js et css... (et je ne parle que de la home).
La majorité des js sont minifiés, mais ça fait beaucoup de requêtes.
Les css ne les sont pas et des requêtes en plus.
Tu pourrais également rassembler les images de fond dans un seul fichier (sprites), 7 sur la home.

Sur une page produit :
Poids total de la page 4248.6K dont 64 images pour 3887.7K


Après j'aime bien, c'est simple et léger.

Eric

Site d'une agence immobilière de standing - heriquet - 19/06/2012

Salut Eric,

Merci pour ton feedback.

Oulah je pense que j'ai été un peu vite pour publier le lien alors ;-).

Pour le nombre de fichiers, j'ai aussi noté que c'était beaucoup trop... il va me falloir combiner tout cela.

Pour les listes de biens, j'ai opté pour un affichage paginé en JS mais tout est effectivement dans le HTML. C'est vrai que c'est lourd.

Pour les CSS, je sais que je peux jouer avec les options du tag, mais pour les JS, avez-vous une solution qui combine dynamiquement les fichiers js d'une page ?

Site d'une agence immobilière de standing - Eric11 - 19/06/2012

Bonsoir Eric

Mais non il n'est jamais trop tôt ni trop tard et de toute façon il y'a toujours à faire. Et puis le principal c'est finlament d'échanger des méthodes et des idées.

Pour le js il y a jMerge mais je n'ai jamais testé.

C'est vrai qu'un module comme pour les css (LessCss), ce serait bien pratique.

Eric.

Site d'une agence immobilière de standing - heriquet - 19/06/2012

En effet car le plus simple est de tout mettre dans un seul fichier mais alors pour les mises à jour jquery et autre... bon courage !

Site d'une agence immobilière de standing - heriquet - 19/06/2012

Est-ce que tu utilises LessCss, le module CMSMS de Kraygoon ?

Site d'une agence immobilière de standing - Eric11 - 20/06/2012

LessCss, je l'ai testé oui, c'est un très bon outil qu'à fait Kraygoon. Pratique utile et fonctionnel.

Teste-le et tu verras par toi même.

Eric.

Site d'une agence immobilière de standing - kraygoon - 20/06/2012

Pour LessCSS la version 2.x arrive très vite.

Site d'une agence immobilière de standing - heriquet - 20/06/2012

Est-ce qu'on peut quand-même déjà utiliser la version actuelle ? Ou il y aura des changements ?

Site d'une agence immobilière de standing - Eric11 - 20/06/2012

Oui la version actuelle est parfaitement fonctionnelle.

Eric.

Site d'une agence immobilière de standing - heriquet - 20/06/2012

Bon j'ai nettoyé quelque peu les fichiers CSS et je n'ai plus que des media=screen => de ce fait les fichiers CSS sont combinés. C'est déjà mieux.

Site d'une agence immobilière de standing - Eric11 - 20/06/2012

Tu gagnerais à minifier tes CSS, et charger les css avant les js (qui normalement devraient se trouver avant la fermeture du body). Après c'est vrai que certaines optimisations sont pas toujours évidentes.

Eric

Site d'une agence immobilière de standing - heriquet - 21/06/2012

Eh bien j'ai encore un peu "joué" avec GTMetrix que je ne connaissais pas et je suis passé de 293ko à 259ko pour la taille de la page et de 38 à 24 requêtes http.

Temps de chargement : de 2.38 secondes à 1.88 secondes.

J'ai également utilisé les CDN que je conseille à tout le monde quand je vois la vitesse à laquelle c'est chargé !

@Eric11, pour les insertions de scripts JS, c'est vrai qu'on conseille de les mettre en bas, mais moi je les met toujours dans les metadata globales du site. Est-ce que les mettre dans un bloc de contenu global puis mettre ce bloc en bas de template serait une bonne idée ?

Site d'une agence immobilière de standing - Eric11 - 21/06/2012

Oui les mettre dans un bloc de contenu global est une bonne idée bien sur.

Et pour les CDN tu peux en dire plus, ça m'interresse. De ce que j'en sais, ça dépend aussi de l'hébergeur.

Site d'une agence immobilière de standing - Eric11 - 21/06/2012

Pour compléter GTMetrix il y' a aussi SpeedMeter de Google.

Site d'une agence immobilière de standing - heriquet - 21/06/2012

Merci !

Pour les CDN, j'ai simplement utilisé ceux de Google et de Microsoft (asp.net)

=>

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js (127.3KiB)
https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js (86.0KiB)
http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.1/jquery.dataTables.min.js (61.0KiB)
http://ajax.aspnetcdn.com/ajax/jquery.cycle/2.99/jquery.cycle.all.min.js (29.0KiB)
http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js (18.8KiB)

Après pour ce qui est des CDN propres, j'aimerais aussi trouver le temps de m'y attarder car ca serait une toute bonne chose pour les images et autres contenus statiques. Je travaille avec mon propre serveur donc je dois pouvoir faire quelque chose.

Site d'une agence immobilière de standing - heriquet - 21/06/2012

Tiens j'ai des erreurs de type
Code :
[== JavaScript ==]
"$ is not defined    

$(function() {"
en ayant mis tous les scripts en fin de document, j'ai du JS au sein même des pages (ce qui n'est pas top non plus mais c'est dans des templates de modules).

Je suppose que c'est du au fait que jQuery n'est pas encore inclus au moment de l'exécution de la fonction JS ? Dans ce cas vaut-il mieux laisser les includes dans le head, ou bien se débrouiller pour mettre tout le JS qui est dans le document en fin de document (mais alors bonjour la maintenance par la suite)

Site d'une agence immobilière de standing - Eric11 - 21/06/2012

Alors pour tes scripts (plugin jQuery) au sein du document ça ce gère, même si jQuery se trouve en bas de page. Normalement les scripts ne devraient pas se lancer comme ça.

Une solution consiste aussi en un système d'include js que l'on appelle après le chargement de la page.

Et au pire, tu ne places que jQuery dans le head.

Et merci pour les liens, je vais aller voir ça de plus prêt.

Eric