Каждый кто пользуется интернетом по собственному опыту знает, как раздражает длинное открытие веб-страниц в браузере.
Поэтому оптимизация скорости работы сайта сейчас занимает все больше и больше времени при разработке и последующей оптимизации работы сайта.
Первый шаг на пути к устранению проблемы тормозов на сайте это ее обнаружение.
Что больше всего тормозит сайт?
Знаете ли вы, что передача изображений сайта от сервера к пользователю в среднем занимает 60-70% времени? То есть 2/3 времени ожидания пользователя отнимают изображения на сайте.
Это очень большая цифра, и начинать оптимизацию конечно надо с оптимизации изображений.
Например, можно оптимизировать SQL запросы к базе данных, оптимизировать программный код сайта (perl, php, ruby и др), но если не оптимизированы изображения (фото, графики, диаграммы, элементы оформления), то сайт будет медленно открываться.
Пример сжатия изображения
Например, графический файл – фотография с разрешением 1772 х 1024 пикселей и размером 984 килобайт.
Этот файл можно сжать с уменьшением качества и соответственно уменьшением размера.
- 80% качества - 418 килобайт;
- 70% качества - 280 килобайт;
- 60% качества - 197 килобайт;
- 50% качества - 125 килобайт.
При этом, при визуальной оценке сжатой фотографии даже с 50% качеством сжатия JPEG она смотрится на сайте вполне нормально, особенно в уменьшенном виде.
При этом размер сократился в 7,8 раза и время ожидания пользователя до появления этой фотографии на экране пользователя сократилось в 7,8 раза. Таким образом сохраняя качество фото мы добились значительного ускорения сайта.
Интересный момент: Для оптимизации размера и качества изображений можно применить программу Photoshop а можно воспользоваться сервисами в сети.