Как возможна эта задержка?

Question

Я пытаюсь оптимизировать время загрузки моего сайта, потому что оно было слишком длинным, и оно все еще есть, но особенно для CSS-изображений jQuery UI,

Если у вас есть минутка, не могли бы вы взглянуть на этот тест Pingdom ?

Среди файлов № 60 и 75 немного изображений из CSS-файла jQuery (просто переименованный в путь). На подключение у них уходит до 3 секунд, а затем они быстро загружаются .. Но 3 секунд на подключение?

Часть CSS, связанная с этим:

.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); }

И путь к этому файлу CSS: /CSS/ui.css

и путь к изображениям: /CSS/images/*.png

Если речь не идет о путях, я тут совершенно потерялся, какая-нибудь зацепка?

Answer 1

Другая вещь, о которой стоит подумать, это то, что ваш браузер использует кеширование. Таким образом, когда вы запускаете такой тест, похоже, что изображения JQuery UI ужасно медленные. Но для пользователя (при правильной настройке кэширования в браузере) «штраф» произойдет только один раз. Так что на самом деле это не совсем честный тест.

Я бы больше беспокоился о вашем 40-килобайтном фоновом изображении и менее оптимизированном CSS. Попробуйте этот веб-сайт в своем документе CSS, чтобы уменьшить 13% его накладных расходов (на основном сайте CSS). Кроме того, вы могли бы выиграть, объединив вместе CSS-документы, что снизит издержки HTTP. Опять же, благодаря концепции кэширования браузера это будет единовременным улучшением для правильно настроенного браузера.

По сравнению со многими сайтами, этот загружается довольно быстро. Если ваш сайт не набирает более 20 миллионов в день или вы не платите килобайтом за пропускную способность, настройка более чем адекватна.

Answer 2

Я не вижу такой долгой задержки. Похоже, что они загружаются менее чем за секунду.