Блог

У вас есть большое изображение, сохраненное в формате PNG, его размер составляет около ~ 600 КБ. Для полной загрузки изображения при входе посетителя требуется довольно много секунд, что определенно не нормально.

Мне было любопытно, сократит ли разделение изображения на более мелкие разделы общее время загрузки для посетителя.

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

Разделение большого изображения на меньшие изображения может сократить время загрузки, потому что современные браузеры могут загружать эти изображения одновременно (в pararell). Но каждое изображение требует времени в процессе загрузки:

1. Браузер выполняет запросы
2. Ожидает ответа,
3. Затем загружается.

Итак, для изображений меньшего размера: лучше сделать изображение большего размера: вызывается sprite (требуется только один HTTP-запрос). Для действительно больших изображений его лучше нарезать (улучшится пользовательский интерфейс при загрузке).

Если ваш веб-сервер может обеспечить всю пропускную способность посетителя, то разницы во времени загрузки быть не может. Но, как упоминалось выше, лучше использовать хорошее сжатие с небольшим размером. Вы могли бы предоставить возможность (например, кнопку масштабирования) сделать «высококачественную» версию доступной для посетителя.