загрузка фонового изображения или задержки отображения, даже если они кэшируются в IE7

Question

У меня есть разделитель li с фоновым изображением, в расширенном древовидном меню он может появляться несколько раз с помощью css:

.simpleTree .line {
    background:url("/images/Css/gridLine.gif") no-repeat 0 0;

Даже несмотря на то, что он кэшируется (из предыдущих случаев), в IE7 все еще есть небольшая задержка (~ 500 - 1 сек), прежде чем все фоновые изображения запускаются. Есть ли лучший способ сделать это или сделать это быстрее?

Answer 1

Насколько я могу судить, задержка не должна быть из-за одного изображения GIF.Проверьте свой сайт с помощью YSlow или PageSpeed ​​.Возможно, какой-то другой контент блокирует ваше изображение для быстрого отображения (например, выполнение JavaScript).

Answer 2

Есть некоторые вещи, которые вы можете попробовать.Вы можете попытаться уменьшить размер вашего изображения, а затем в CSS использовать TAG «repeat-x» или «repeat-y».

В некоторых случаях .gif не лучший тип для отображения изображенийВы можете попробовать сохранить изображение в разных форматах и ​​посмотреть, уменьшится ли оно.

С наилучшими пожеланиями