Bonjour à tous,
J'ai parcouru différent sujet sur le forum et ailleurs sur l'optimisation d'une google map mais après avoir essayer différentes choses, j'aimerai aller plus loin.
Mon site commence à avoir un peu de succès auprès de son public, mais ce qui pêche maintenant sont les performances, que j'aimerai vraiment optimiser.
Tout d'abord voici le lien de la page concernée : www.airmapp.com/mapp
Chez moi la carte charge en 2 secondes environ, sur safari, chrome, firefox, ipad et galaxy S4.
Mais j'ai quelques utilisateurs qui se plaignent de lenteur.
Ayant un mac je n'ai pas IE installé mais quand je test IE 9 ou IE 10 via le module développement de safari, je constate effectivement que la carte est très lente sous IE.
Le chargement est assez rapide, mais il est presque impossible de se déplacer sur la carte, qui ne bouge que 3-4 secondes après avoir bouger la souris.
Auriez vous des pistes à me donner pour optimiser :
- le temps de chargement de la page et de la carte ?
- la fluidité du déplacement de la carte ?
Ce que j'ai déjà fait ou essayé :
- Ne charger que les points dans le viewport. Le gain a été assez important, mais pas suffisant.
- Regrouper les points grâce au markerClusterer... Je n'ai constaté aucun gain de performance et cela me pose problème lorsqu'on décide grace au menu de gauche de n'afficher qu'une seule catégorie de point... puisque les points hors des clusters disparaissent mais le chiffre des regroupement ne changent pas ! J'ai pourtant essayé de faire un reset avec "markerCluster.setMap(null);" dans ma fonction de tri, pour relancer la fonction ensuite avec la nouvelle liste de marker mais cela ne fonctionne pas.... et j'avoue que comme de toute façon ca ne me fait rien gagner et que je trouve ca moins esthétique, je n'ai pas creuser le problème.
- Compiler mon code JS. Du moins, j'ai fais ce que j'ai pu car puisqu'il contient du php (notamment pour insérer des textes provenant de constantes php), le compileur ne me prends pas mon code dans son ensemble et m'indique des erreurs... J'ai donc fait morceau par morceau et remis mes constantes php ou il fallait. Y a t-il un astuce pour compiler ?
- autoriser la compression gzip dans le .htaccess
Que puis-je essayer d'autre ?
Y a t-il quelque chose en particulier qui poserait problème sous IE et que je puisse corriger ?
Je précise que je suis pas programmeur de métier... J'ai appris par moi meme sur le tas dans le but de faire le site que j'avais en tete et je suis déjà plutôt content d'avoir pu en arriver là, mais maintenant que les utilisateurs sont là, j'aimerai vraiment optimiser ca au mieux.
Merci d'avance pour votre aide !
Florian
Partager