Мой веб-сайт, кажется, использует эффект загрузки типа «скребка», когда вся графика загружается сверху вниз с уродливым эффектом стирания сверху вниз. Есть ли способ сделать реальный способ отображения графики на вашем веб-сайте более красивым?

2
Alexa Green 20 Дек 2011 в 22:57
Вы загружаете много большой графики, размер которой изменяется с помощью HTML? Однажды я видел эту страницу с изображением размером 2 МБ, размер которого был изменен на 100x75 или что-то в клиенте, и оно медленно рисовалось сверху вниз.
 – 
Mike Christensen
20 Дек 2011 в 23:04
Некоторые из них изменены, другие нет. Не могли бы вы предложить какую-нибудь «загрузку .gif» для всего сайта? Я думаю, что лучше иметь что-то подобное, чем этот ужасный эффект вытирания.
 – 
Alexa Green
20 Дек 2011 в 23:09
@Matt, Майк имеет в виду, что вы должны указать явные размеры для всех изображений, чтобы движок браузера знал их конечное положение еще до их загрузки.
 – 
lhf
21 Дек 2011 в 01:37

1 ответ

Меня больше интересует, почему ваша страница так долго загружается и/или отображается. Если отрисовка занимает несколько секунд даже при быстром соединении, вы можете выяснить, почему это так. Такие инструменты, как Fiddler, Firebug, IE Developer Tools и т. д., могут помочь вам посмотреть, какие ресурсы загружает ваша страница, и насколько масштабны каждое исследование.

Если у вас есть большие ресурсы на странице (например, файлы BMP или PNG размером в несколько сотен КБ), посмотрите, можете ли вы преобразовать их в другие форматы или изменить их размер на сервере до размера, в котором они отображаются.

Если ваш HTML очень сложный, например, огромные вложенные таблицы, возможно, вы захотите упростить его с помощью более современных стилей HTML и CSS.

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

2
Mike Christensen 20 Дек 2011 в 23:24