web2ajax : The Blog

déc200720No talk

Je ne sais pas si j’ai beaucoup de lecteurs… (Si je sais, j’en ai pas beaucoup ;) ), mais en tout cas ça faisait un pti moment que j’avais pas posté !

Mais j’ai une bonne excuse : www.lavf.com. On a fait ça à 3,5 pendant 6 semaines et c’était un très bon challenge qui me semble en tout cas très réussit.

Et vous savez quoi ? J’ai beaucoup appris depuis et plus particuliérement sur l’optimisation des différents plugins utilisables avec jQuery. C’est pour ça : je vais pouvoir vous donner plein de bons pti conseils sur l’utilisation :)

Donc le premier GROS conseil du jour pour optimiser l’utilisation de jQuery, et bien je l’ai découvert aujourd’hui. Notre HomePage bloqué pendant 3-4 secondes sous IE6, c’est embêtant quand que c’est encore 33% des navigateurs (sur lavf.com en tout cas)…

Alors on s’est pris la tête toute l’après-midi, parce que c’est quand même rédibitoire ce genre « d’accueil » pour un nouvel utilisateur !! Et en fait on a découvert qu’en faisant toutes nos déclarations js avec des $(document).ready(…) et bien on bloquait le navigateur car tout se faisait en même temps (la CPU grimpe comme il faut).

SOLUTION : lisser le chargement des modules sur tout le chargement de page, et c’est possible de la manière suivante :$(‘#div_id’).ready(…)

De cette manière, dès que le div est présent et « construit » dans les éléments DOM, on applique les différents js dessus. De cette manière, le gros temps de blocage que l’on avait au début s’est trouvé « gommé » et quasi invisible lors du chargement de la page.

Dans les jours à venir, je vous mets le code pour le module de graph en haut à droite, que j’ai également optimisé à son maximum.

Ciao.

Pas de commentaire

Pas encore de commentaire.

LEAVE A COMMENT