25
avr

Framework IUI : Lavf.com en version iPhone

Copie Ecran Lavf.com

Chose promise chose dûe :)

Je vous avez dit que j’allais tester IUI incessament sous peu le projet IUI à des fins pros et en voici le résultat : http://www.lavf.com/iphone/

L’intégration est vraiment très simple et hormis 2-3 modifs maison pour le moteur de recherche et le footer, ce framework pour iPhone est excellent !
Gestion du JS et de l’Ajax efficace, j’ai également découverts les outils css « -webkit’ qui sont vraiment très utiles. Une bonne petite expérience !

Merci Yoni pour m’avoir fait découvrir cette petite chose…
Maintenant, je vais m’attaquer à la version smartphone mais ça va être beaucoup plus basique… dommage…

En tout cas, les portes de l’Ajax mobile sont grand ouvertes maintenant pour les boursicoteurs !

20
déc

Grand retour… sur jQuery

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.