Работа в Интернете

Технология бляха муха.

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

   Многие сайты размещают на своих страницах много фотографий, некоторые организовывают список ссылок, при этом фотография оказывается зачастую более информативной, чем текст к этим ссылкам. В обоих случаях мы имеем большой объём картинок, которые, к тому же, могут быть и ссылками. Так вот, в бляха мухе я не стал загружать картинки сразу, а загружаю их по мере просмотра страницы. Первоначально была задумка организовать лупу, но это оказалось сделать не так просто, в основном из-за различий в браузерах.

   В своей программе, в первой версии, я загружаю первые три ряда картинок, делая их видимыми. Кроме того, я, также, загружаю ещё одну строчку, но не показываю её. Дальше при просмотре следующих строчек, я последовательно делаю видимой, уже загруженную строку, на что не тратится время, и загружаю, ещё одну строку, делая её невидимой. Я, как бы, действую с опережением. Кроме того, для первых трёх рядов существует предварительная загрузка из фотографий меньшего объёма, что должно улучшить сервис (здесь, правда, спорный момент). После того, как будет просмотрена очередная строчка, её, уже, не требуется загружать и сервис работает быстро. Кроме того, саму прокрутку, я, также, решил сделать, графической, а не стандартной – это позволяет написать код наиболее общий для всех типов браузеров, да и других проблем меньше.

   Во второй версии этой программы, я изменил формирование прокрутки. Раньше для неё требовалось нарисовать сразу несколько картинок, показывающих положение движка и оставшуюся часть прокрутки. В новой версии оставшаяся часть прокрутки организуется как фон таблицы (правда, я не стал менять цвет фона – он основной). Вы можете сравнить время загрузок этих двух вариантов программы у меня на сайте.

© rzninternet 2011