Недавно я создал веб-сайт с нуля, чем очень горжусь (для меня это новый подвиг!), И начал тестировать его в ужасном IE. Я заметил, что в IE8, если я хочу навести указатель мыши на любую ссылку, это займет много времени (более 0,5 секунды, чтобы распознать, что мышь находится над ссылкой, и перейти на значок «щелкните здесь»). Он отлично работает в IE6 и IE7.
Когда я беру 2 простых изображения (около 500 КБ и 100 КБ), страница выглядит нормально. Почему эти два изображения так сильно сбивают с толку IE8, а любой другой браузер может нормально обрабатывать изображения такого размера? Что я могу сделать, чтобы это исправить?
-Карл
Большинство браузеров не загружают изображение, пока вы сначала не наведете на него указатель мыши, а JavaScript не перевернет его.
Я подозреваю, что другие браузеры кэшировали изображение, поэтому они быстрые, а IE8 может каждый раз перезагружать его.
Изображение размером 500 КБ довольно велико для изображения на веб-сайте, особенно для изображения, которое временно используется для чего-то вроде наведения мыши. Я предлагаю вам попробовать оптимизировать изображение, сохранив его в сжатом формате jpg или gif.
Вот пример javascript о том, как предварительно загружать изображения при загрузке страницы.
var myImages = new Array ("Home.jpg", "HomeRoll.jpg");
var myPreload = new Array ();
for (var i = 0; i < myImages.length; i++ )
{
myPreload[ i ]= new Image();
myPreload[ i ].src = myPics[ i ];
}