Дополнение Lazy Loading сжатием изображений

В последние несколько месяцев мы много говорили о важности сжатия изображений. Независимо от того, используется ли Joomla, WordPress, Drupal или любая другая CMS, сжатие изображений улучшает вес страницы, а следовательно, и общее время загрузки. С другой стороны, lazy loading изображений упрощает просмотр вашего сайта, откладывая загрузку изображений до тех пор, пока читатели не доберутся до них.

Откладывая загрузку изображений, пользователи мобильных устройств могут сэкономить на трафике. Все остальные получают выгоду от более быстрой загрузки, что, в свою очередь, повышает ваш SEO-рейтинг. Положительное влияние lazy loading настолько значительно, что Google Chrome планирует внедрить эту технологию в будущие обновления.

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

Тщательное сжатие изображений

lazy loading изображений позволяет отложить скачивание фотографий до момента, когда они действительно понадобятся. Время, необходимое для загрузки изображений, зависит от их размера — от нескольких килобайт до мегабайт. Сжатие изображений ускоряет сам процесс загрузки, уменьшая их размер. Зачем отложенно загружать полноразмерные изображения, если можно отложенно загружать сжатые?

ImageRecycle берет на себя роль оптимизатора изображений. ImageRecycle предназначен для уменьшения размера изображений без ущерба для качества. Изображения являются одними из самых распространенных и крупных элементов на современных веб-страницах. Уменьшение их размера означает экономию места для хранения и более быструю загрузку. Результаты поразительны. Я бы добавил, что эффект еще более впечатляющий, когда используется продвинутая технология lazy loading , такая как предварительная загрузка области просмотра, то есть изображения на высоте одного или двух экранов уже предварительно загружены.

Благодаря удобному API ImageRecycle можно использовать в любом проекте, но для его применения не обязательно быть технически подкованным. Этот оптимизатор ImageRecycleвходит в состав двух плагинов, помогающих оптимизировать блоги на WordPress и Joomla: WP Speed of Light и Speed Cache и может использоваться практически на любой платформе с помощью скрипта сжатия изображений на PHP.

Процесс использования ImageRecycle в любом из этих двух плагинов или в скрипте довольно прост. Сначала вам нужно активировать бесплатную пробную версию ImageRecycle или приобрести подписку. Затем установите и активируйте расширения WordPress или Joomla и плагин ImageRecycle , а также добавьте свой API-ключ и секрет ImageRecycle на странице настроек. После успешной активации вашей учетной записи ImageRecycle вы сможете пользоваться его преимуществами, не покидая WordPress, Joomla, OpenCart или любую другую CMS.

Если вы впервые используете ImageRecycle на своем веб-сайте, то можете сразу же обновить все свои медиафайлы. После активации плагина вы можете мгновенно сжимать все изображения и даже PDF-файлы в пакетном режиме. В будущем вы сможете оптимизировать файлы по отдельности или сжимать медиафайлы пакетно. И самое главное, этот процесс происходит в фоновом режиме.

Точная настройка сжатия изображений

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

Вы даже можете задать уровень сжатия независимо для разных типов файлов — PDF, PNG, JPG и GIF. Уровни сжатия варьируются от оптимального сохранения, уменьшающего размер файла до 80%, до менее существенного сохранения исходного качества, и до полного отсутствия сжатия.

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

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

Lazy loading — хорошее решение для сокращения времени загрузки вашего блога, но иногда она может быть почти поверхностной — временным ускорением веб-страниц. Сжатие изображений дополняет lazy loading , делая её полностью эффективной за счёт оптимизации изображений. Всё ещё сомневаетесь или хотите попробовать сжатие изображений? Попробуйте ImageRecycle сами, воспользовавшись бесплатной пробной версией!