Если эти PNG хранятся в базе данных как BLOB & mdash; непонятно из вашего вопроса & mdash; не делай этого Обслуживание изображений из БД через PHP не так эффективно, как позволить веб-серверу обслуживать их прямо из файловой системы. Если изображения привязаны к определенным записям, просто назовите PNG после идентификатора строки, чтобы найти его в каталоге, предназначенном для хранения этих изображений. Затем код PHP просто генерирует URL, который указывает на файл PNG на диске, поэтому веб-сервер может отправлять их статически.
Я не думаю, что предварительная загрузка изображений с одной и той же страницы ничего вам не даст. Во всяком случае, это может замедлить кажущееся общее время загрузки страницы, потому что браузер может одновременно получать только фиксированное количество ресурсов, обычно 2-4. Загрузка изображений в верхней части <body> означает, что в верхней части страницы «выше сгиба» есть другие вещи, которые должны ждать освобождения некоторых слотов HTTP-соединения. Лучше позволить изображениям загружаться в их естественном порядке.
Предварительная загрузка имеет смысл в двух ситуациях:
Изображение не отображается по умолчанию, но ожидается, что оно потребуется, когда пользователь взаимодействует со страницей. Хорошие примеры этого - изображения состояний наведения и щелчка для ролловеров.
Изображение не используется на этой странице, но будет необходимо на следующей. Хорошим примером этого может служить любой сайт, на котором наблюдается четкое движение от одной страницы к другой, как в корзине.
В любом случае, выполните предварительную загрузку в самом нижнем <body>, чтобы все остальное загружалось первым.
Решив эти две проблемы, запустите на своем сайте YSlow . Он начинался как плагин для Firebug , который, в свою очередь, является плагином для Firefox, но с тех пор он был портирован на все основные браузеры, кроме IE.
Прелесть YSlow в том, что он автоматически обнаруживает общие замедления, просто загружая страницу, когда расширение активно. Затем он дает вам четкую оценку для страницы, чтобы вы могли судить, когда вы «сделали» оптимизацию. Если вы ниже A , вы еще не закончили. :) Нередко встречаются сайты с рейтингом D или хуже, потому что конфигурация по умолчанию для веб-серверов является консервативной, чтобы не вызывать проблем. Исправление предупреждений YSlow, как правило, довольно просто, но вы должны быть осторожны, чтобы избежать кеширования и других проблем, поэтому конфигурация сервера по умолчанию не делает этого.
В другом ответе было рекомендовано предложение Google PageSpeed . Он доступен как плагин для Chrome и Firefox, как серверный модуль Apache и как сервис, размещенный в Google. Я понятия не имею, как он сравнивается с YSlow, но выглядит интересно.
Также рассмотрите возможность использования отладчика браузера, чтобы получить график водопадов времени загрузки ресурсов:
В Firebug вы получаете это на вкладке Net.
В Safari вы попадаете в него через меню «Разработка», которое обычно отключено в настройках. Включите его, если необходимо, затем скажите «Разработка»> «Начать запись по временной шкале». Это помещает вас в инструмент сетевых запросов. Вы также можете получить к нему доступ через Develop> Show Web Inspector.
В Chrome выберите «Просмотр»> «Разработчик»> «Инструменты разработчика» и перейдите на вкладку «Сеть».
IE имеет очень слабую форму через Инструменты> Инструменты разработчика> Профилировщик. Он просто дает таблицу чисел, а не диаграмму водопада, поэтому информация есть, но вы не можете просто визуально сканировать длинные бары, чтобы найти самые медленные ресурсы.