J'essaie de faire tout ce que je peux pour augmenter la vitesse de chargement de mes pages, et en particulier les composants chargés par ajax.DOMContentLoaded/load (événement), comment augmenter la vitesse.
Dans Firebug, mon eteint ressemble à ceci
Je ne suis pas tout à fait sûr que si je lis correctement, mais il est soit + 2.19s pour DOMContentLoaded (ou il mayonly être si .8 nous sommes supposés le soustraire à la réponse en attente).
Mais alors 4.67s pour le 'load' (événement).
Ces deux éléments semblent être des temps de chargement significativement longs.
Je n'ai pas été capable de comprendre ce qui causerait ces sortes de fois. Ces stats proviennent du chargement d'une page html directe que je charge normalement via ajax. Mais ce n'est que le HTML. Aucun javascript dans la page, et la page est en cours de chargement directement, pas par le biais d'une requête ajax.
Cependant, lorsque je charge cette page via ajax, je reconnais un délai important pendant que la page tente de charger.
Des suggestions?
J'ai regardé à travers le html dans IE debugbar, et tout est étonnamment propre. Il y a 30 images dans la page. Cela pourrait-il être ce que l'événement 'load' attend? Et si oui, y a-t-il un moyen d'accélérer cela?
En particulier, comme l'utilisateur ne chargera jamais cette page directement, mais uniquement via une requête ajax, est un moyen d'améliorer les performances de chargement de la page en ajax. Le problème n'est pas avec le script de chargement ajax, mais avec la page html spécifiquement.
---------------------- ÉDITÉ ----------------------- ------- Les résultats de la page sont chargés dans un cycle jquery où plusieurs images sont visibles en même temps, donc l'utilisation de lazyloader fournit une expérience utilisateur assez horrible. (en supposant que ce soit les images qui causent ce problème).
Est-ce que les images dépendent de l'événement ajax ou sont-elles toujours les mêmes 30 graphiques? – jeroen