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

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

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

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

Прилежное сжатие изображений

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

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

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

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

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

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

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

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

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

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

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