Comment ce retard est-il possible ?

Question

J'essaie d'optimiser le temps de chargement de mon site web car il était trop long, et c'est toujours le cas mais surtout pour les images CSS jQuery UI,

Si vous avez une minute, pourriez-vous s'il vous plaît regarder ce test Pingdom?

Parmi les fichiers numéro 60 et 75, il y a quelques images du fichier CSS jQuery (juste renommé le chemin).Ils prennent jusqu'à 3 secondes pour se connecter, puis ils semblent se charger rapidement.Mais 3 secondes pour se connecter ?

Le morceau de CSS lié à ceci :

.ui-icon { width: 16px; height: 16px; background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/css/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }

Et le chemin de ce fichier CSS est : /CSS/ui.css

et le chemin des images est : /CSS/images/*.png

S’il ne s’agit pas de chemins, je suis complètement perdu ici, une idée ?

Answer 1

L’autre chose à prendre en compte est que votre navigateur utilise la mise en cache.Ainsi, lorsque vous exécutez un test comme celui-ci, vous aurez l'impression que les images de l'interface utilisateur JQuery sont horriblement lentes.Mais pour l'utilisateur (avec une configuration appropriée de mise en cache du navigateur en place), la « pénalité » ne se produira qu'une seule fois.Donc, en réalité, ce n’est pas un test tout à fait équitable.

Je m'inquiéterais davantage de votre image d'arrière-plan de 40 Ko et de votre CSS moins que parfaitement optimisé.Essayer ce site Web sur votre document CSS pour réduire de 13 % sa surcharge (sur le site principal CSS). Vous pourriez également bénéficier de la combinaison des documents CSS, ce qui réduira la surcharge HTTP.Encore une fois, grâce au concept de mise en cache du navigateur, cela constituerait une amélioration ponctuelle pour un navigateur correctement configuré.

Comparé à de nombreux sites, celui-ci se charge assez rapidement.À moins que votre site ne consomme plus de 20 millions de données par jour ou que vous ne payiez la bande passante au Ko, la configuration est plus que adéquate.

Answer 2

Je ne vois pas un si long retard.Il semblerait qu’ils mettent moins d’une seconde à se charger.