Jump to content

Problème affichage avec IE8 et inférieur

morphinux

By morphinux
in Testez mon site ! :)

 Share

Recommended Posts

morphinux Newbie

morphinux

Posted
Posted (edited)

Bonjour,

 

Je me permets de vous proposer mon site en test parce que je viens de m'apercevoir d'un problème très handicapant pour ma boutique.

 

L'affichage sous internet explorer 8 et inférieur est catastrophique alors qu'avec la plupart des autres navigateurs le problème ne se pose pas.

 

Je sais que IE 8 et < ne respecte pas forcément les standards du web mais le problème ne se pose plus avec les versions supérieures. Néanmoins, il existe encore beaucoup de personnes équipées de windowsXP et donc de IE 8 et <.

 

Je vous soumets donc mon site afin de faire des tests sous IE8 et m'aider à trouver des solutions pour obtenir un affichage correct et permettre aux gens de pouvoir visualiser correctement la boutique.

 

Je ne peux malheureusement pas le faire parceque je suis sous linux avec Firefox.

 

Voici ma boutique

 

Quelques pistes :

 

- j'ai lu que la propriété rgba posait problème ???

- il pourrait s'agir aussi d'un mauvais redimensionnement des images ?

 

Merci d'avance

 

Nicolas

 

EDIT : j'ai aussi beaucoup d'erreurs dans le validators W3C

Edited by morphinux (see edit history)
Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

Vous pouvez déja commencer par regarder vos stats sur GA, afin de voir si c'est utile de perdre du temps avec cela.

Concernant IE8 , déjà rgba il ne connait pas.

 

Vous pouvez utilisez les commentaires conditionnels pour spécifier un CSS pour IE8 et <, afin de

 - cacher le slider qui semble complètement incompatible.

 - réparer un petit peu le header.

 - replacer le footer correctement.

 

Ce sont les seuls soucis que je vois sur la home, mais j'ouvre le site via l'émulateur des versions précédentes d'IE9, donc pas un véritable IE8 non plus.

Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
  • Author
Posted (edited)

Bonjour,

 

Merci pour la réponse.

 

Le fait de réparer le header et replacer le footer, ne risque -t'il pas de bouleverser l'affichage sur les autres navigateurs qui fonctionnent bien ?

 

Je ne suis pas un spécialiste en codage donc j'ai peur de tout casser. Néanmoins les sauvegarde sont là et j'ai une machine test.

 

Concernant google analytic, IE représente 10% et IE8 repésente 30% de ces 10% soit en réalité pour IE8 3% de l'ensemble des visites.

 

Quand vous parlez de "commentaires conditionnels pour spécifier un CSS pour IE8 et <", de quoi s'agit-il exactement? auriez-vous un exemple? s'agit-il de créer une feuille de style spécifique pour IE8 ?

 

Merci

 

Nicolas

Edited by morphinux (see edit history)
Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
  • Author
Posted (edited)

Merci d'avoir visité le site.

 

Oui en effet, il est un peu lent lors de la première visite mais logiquement, une fois les pages misent en cache par le navigateur, cela doit être beaucoup plus rapide.

 

J'ai beaucoup travaillé l'optimisation mais le résultat est moyen :( . J'ai une version test que j'ai mis à jour (1.5.3.1 ----->1.5.6.1) et j'ai remarqué une nette amélioration mais je ne suis pas sûr du tout que la version en soit la raison. Je pense que le thème que j'ai acheté et modifié doit créer ces problèmes.

J'ai beaucoup plus de problèmes avec le backoffice qui rame beaucoup lors de l'ajout de produits. J'ai vérifiée et optimisée ma base mais rien d'anormale, j'ai contacté OVH et pour eux tout va bien. :wacko:

J'ai malheureusement l'impression d'avoir fait le tour du problème sans réellement le régler. C'est vrai que c'est gênant lors d'une première visite si le visiteur met plusieurs secondes à afficher la page.

 

Combien de temps vous a -t-il fallu pour afficher la page d'accueil ?

 

Merci pour les compliments, ça fait du bien de les entendre car j'ai beaucoup beaucoup travaillé et je suis seul à le faire et autodidacte. Parfois, mes problèmes trouvent des solutions très empiriques :unsure: mais je finis souvent par m'en sortir mais aussi surtout grâce aux topics de la communauté, ça aide bien même si parfois je dois décoder ce qui se dit.

 

Nicolas

Edited by morphinux (see edit history)
Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
  • Author
Posted (edited)

Ah en effet, c'est beaucoup trop long, je ne risque pas de faire des ventes. C'est étrange car chez moi, je mets moins de 2 secondes en vidant le cache et c'est presque instantanée ensuite.

 

Je vais demander dans mon entourage de faire des tests parce que dans ces conditions, le site n'est pas viable.

Edited by morphinux (see edit history)
Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
  • Author
Posted (edited)

Oui, je viens de vérifier et en effet les temps de chargement des pages sont beaucoup trop long :( .

 

J'ai aussi été voir les suggestions google pour régler le problème. Il me propose des choses que j'ai déjà faites, notamment l'optimisation de global.css du thème.

 

 

Should Fix
  • Lors de notre test, votre serveur a répondu en 2,5 secondes. De nombreux facteurs peuvent augmenter le délai de réponse d'un serveur. Veuillez consulter nos recommandations pour savoir comment contrôler et mesurer les opérations qui prennent le plus de temps.

 

 

 

Ensuite, il est indiqué qu'un script javascript bloque l'affichage des images :

 

Votre page contient 1 ressources de script et 2 ressources CSS qui bloquent l'affichage de votre page, et donc le retardent.

 

 

Franchement, je ne vois pas du tout comment régler le problème :( .

 

Je crois que je ne suis pas rendu

Edited by morphinux (see edit history)
Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
  • Author
Posted (edited)

Bonjour,

 

J'ai procédé à pas mal de modifications (qui ne se voit pas à l'oeil). Je suis notamment passé à une version supérieure de Prestashop ---> 1.5.6.1.

 

Le passage sur IE<9 se passe mieux et je pense que le site est un peu plus rapide après la mise en cache des pages. J'ai refait un travail d'optimisation un peu plus propre, je pense.

 

Sur ma machine, j'ai gagné pas mal de temps en chargement de pages mais ça reste tout de même un peu lent. Les tests sur firebug sont convenables mais pas exceptionnelles : 2.88s au lieu de 7s avant les modifs.

 

Vous pouvez si vous le souhaitez re-tester le site.

 

http://www.cycloavenue.fr

 

Merci pour vos retours

 

Nicolas

Edited by morphinux (see edit history)
Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
  • Author
Posted (edited)

Bonjour,

 

J'ai testé sur tablette IPAD jusqu'à l'achat sur Safari et il passe très bien avec le même thème sauf le champ recherche qui dépasse un peu sur le menu et l'arrière plan qui ne reste pas fixe. Sur mobile classique, il passe aussi très bien mais dans un autre thème.

 

Par contre, sur un smartphone grand écran, je ne sais pas.

 

Je ne sais pas s'il est possible de modifier mon thème en responsive.

Edited by morphinux (see edit history)
Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

pour qu'un thème soit responsive, il suffit de modifier la taille de son navigateur, et le contenu doit s'adapter

 

C'est un peu résumé... x)

 

@morphinux : pour passer un thème classique en responsive, il faut des connaissances en structures HTML, CSS et la compréhension des media-query. Ensuite, selon les thème, il y a plus ou moins de travail.

Link to comment
Share on other sites
morphinux Newbie

morphinux

Posted
  • Author
Posted

En effet, je suis capable de m'en sortir avec le CSS et le HTML mais cela reste néanmoins du bricolage et je ne connais pas du tout le media-query. Ça risque de largement dépasser mes compétences.

 

Après il faut savoir si le responsive est vraiment indispensable car moi-même je n'utilise jamais le téléphone pour acheter sur le net et je ne connais personne dans mon entourage qui le fait mais je n'ai pas 3 millions d'amis, j'ai pas de compte facebook :D .

 

Par contre, la tablette oui mais dans mon cas la boutique passe très bien donc la mise en place du responsive ne semble pas si urgent que ça.

Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

Pour savoir si un affichage sur téléphone est nécéssaire, consultez vos statistiques, dans le cas ou vous avez bien sur un outils de stat avancé (Google Analityc, Piwik, ...) sur votre site. L'outil sera à même de vous donner un % de visiteur qui viennent depusi un smartphone !

 

Pour les media query, c'est très simple. Ce sont des condition du genre :

Si écran inférieure à 1024 pixel de large
   MON CSS
Fin de la condition
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...