TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как сжимать изображения в WordPress? (Полное руководство)

307

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

Что ж, вы наверняка слышали известную поговорку «Картинка стоит тысячи слов». Изображения делают ваш сайт более привлекательным. Но как можно разместить изображения на сайте и не потерять в производительности?

Здесь вам нужно сжимать изображения в WordPress. Есть несколько способов сделать это, и в этой статье мы хотели бы обсудить их один за другим.

Сжимайте изображения в WordPress с помощью плагина Smush Image

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

Smush имеет функцию автоматического сжатия. Когда опция включена, начинается сжатие любого нового изображения, которое вы загружаете в WordPress.

Smush может сжимать изображения в WordPress без потери качества. Кроме того, он имеет возможность массового сжатия до 50 изображений одним простым щелчком. Этот плагин полностью совместим с WordPress Multisite и полностью поддерживает редактор Gutenberg.

Smush полностью совместим с последней версией WordPress и может быть загружен с официального сайта или прямо из панели управления WordPress.

Просто войдите в панель управления WordPress> Плагины> Добавить новый и найдите Smush.

После активации плагина он появится на панели инструментов WordPress. Нажмите здесь.

Как сжимать изображения в WordPress? (Полное руководство)

Плагин сканирует ваш сайт и сообщает вам, сколько изображений вы можете сжать. Затем он дает вам возможность массового сжатия изображений в WordPress.

Как только вы нажмете на массовое сжатие, оно начнет сжимать ваши изображения. Однако в бесплатной версии сжатие ограничено. В бесплатной версии вы можете сжимать изображения только до 5 МБ, в про-версии вы можете сжимать изображения до 32 МБ.

Сжимайте изображения в WordPress с помощью плагина TinyPNG

TinyPNG – один из самых популярных сайтов по сжатию изображений. В последние годы они выпустили свою версию плагина сжатия изображений. В настоящее время у этого плагина более 200 000 активных установок. Плагин TinyPNG имеет текстовые сообщения до версии WordPress 5.3.1.

Как и плагин Smush, плагин TinyPNG может автоматически оптимизировать новые изображения при загрузке. Кроме того, он поддерживает WordPress Multisite, WooCommerce, WPML (готов к переводу), может сжимать анимированные PNG и, что наиболее важно, не имеет ограничения на размер файла.

Плагин можно загрузить с официального сайта WordPress или прямо из панели управления WordPress. После того, как вы установили и активировали плагин, он появится в разделе «Настройки»> «Сжимать изображения JPEG и PNG».

Как сжимать изображения в WordPress? (Полное руководство)

На вкладке параметров вы можете настроить плагин. Хотя перед этим нужно зарегистрировать аккаунт и добавить свой API-ключ.

Как сжимать изображения в WordPress без плагина


Как сжимать изображения в WordPress? (Полное руководство)

Если вы ненавидите устанавливать на свой сайт плагины для сжатия изображений. Есть веб-сайты, которые позволяют сжимать изображения в Интернете. TinyPNG – один из самых популярных и старейших бесплатных инструментов сжатия изображений, который вы можете использовать в Интернете. TinyPNG позволяет сжимать изображения PNG или JPG и загружать сжатый файл.

TinyPNG позволяет загружать 20 изображений за раз и до 100 изображений в месяц. Однако размер каждого изображения не должен превышать 5 МБ. Этот веб-сайт поддерживает функцию перетаскивания. Итак, просто перетащите изображения в поле и дождитесь начала процесса. Вы можете загрузить изображения на свой компьютер или даже сохранить их в Dropbox.

Некоторые другие плагины сжатия изображений

Помимо двух плагинов, которые мы упомянули в начале этой статьи, есть еще несколько, которые вы можете использовать для сжатия изображений в WordPress, и это:

Вообразить


Как сжимать изображения в WordPress? (Полное руководство)

Imagify – один из полных и мощных плагинов сжатия изображений для WordPress. Этот плагин был разработан WP Media, теми же людьми, которые разработали WP Rocket. Как и их плагин для кеширования, Imagify – простой плагин.

Алгоритм, с помощью которого был создан Imagify, сжимает изображения без потери качества. Imagify имеет 3 режима сжатия. Нормальный, агрессивный и ультра. Imagify имеет возможность резервного копирования, поэтому вы можете восстановить изображения до их исходного состояния и выбрать другой режим сжатия.

Imagify доступен как в бесплатной, так и в премиальной версиях. Бесплатная версия позволяет оптимизировать около 250 изображений каждый месяц. Если вам нужно оптимизировать больше, вам нужно перейти на профессиональную версию.

Как и любой другой плагин в WordPress, Imagify можно загрузить прямо с официального сайта WordPress или с самой панели управления.

WP-Оптимизация


Как сжимать изображения в WordPress? (Полное руководство)

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

WP-Optimize позволяет сжимать изображения PNG, JPG, GIF, BMP и TIF. Каждый из них может иметь размер до 5 МБ. Кроме того, в нем предусмотрены функции массового сжатия, восстановления оригиналов, автоматического сжатия и хранения данных.

Этот плагин доступен как в бесплатной, так и в премиум-версии. Премиум-версия поддерживает Multisite.

Кроме того, это дает вам большую гибкость, ленивую загрузку и многое другое.

Оптимизация изображения с помощью Optimole


Как сжимать изображения в WordPress? (Полное руководство)

Optimole – еще один плагин для оптимизации изображений для WordPress. Optimole может автоматически оптимизировать все загруженные изображения и даже сканировать ранее загруженные изображения и оптимизировать их. Изображения будут сжаты до 80% без потери качества.

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

Бесплатной версии достаточно для большинства людей. Однако премиум-версия открывает больше возможностей. Кроме того, он дает вам возможность добавлять водяной знак к вашим изображениям в WordPress.

Оптимизатор изображений Робина

С помощью оптимизатора изображений Robin вы можете сжимать изображения в WordPress. Как и другие плагины сжатия в нашем списке, оптимизатор изображений Robin выполняет свою работу. Робин доступен как в бесплатной, так и в премиальной версии.

Как сжимать изображения в WordPress? (Полное руководство)

Оптимизатор изображений Robin не имеет каких-либо ограничений или ограничений в оптимизации изображений, он использует Cron для автоматической оптимизации и имеет 3 режима сжатия. Этот плагин можно загрузить с официального сайта WordPress или непосредственно с панели инструментов WordPress.

Зачем сжимать изображения в WordPress?

Изображения являются ключевыми элементами любого веб-сайта. Как правило, изображения больше по размеру, чем текст, и они загружаются дольше. Таким образом, изображения имеют прямое отношение к производительности вашего веб-сайта. Чтобы улучшить скорость вашего сайта, вам нужно сжимать изображения в WordPress.

Есть программное обеспечение для редактирования, которое вы можете использовать для сжатия изображений для WordPress. Photoshop – один из лучших инструментов, которые вы можете использовать для сжатия изображений. Однако не всем комфортно редактировать изображения в таких инструментах, и они могут продолжать использовать изображения обычного размера.

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

Другие способы оптимизации скорости WordPress

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

Однако есть и другие способы оптимизации WordPress и повышения производительности. Давайте обсудим их вместе, ладно?

Обновите своего хостинг-провайдера

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

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

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

Как сжимать изображения в WordPress? (Полное руководство)

К счастью, в отрасли много хостинговых компаний, и каждая предлагает свои уникальные пакеты, которые вы можете выбрать в зависимости от того, что вы ищете. Если вы в настоящее время используете план виртуального хостинга, мы рекомендуем перейти на VPS или управляемый хостинг. Siteground и GoDaddy уже много лет предоставляют отличные услуги людям в отрасли. Мы рекомендуем посетить их веб-сайт и сравнить то, что они предлагают.

Используйте CDN на WordPress

CDN – это сокращение от Content Delivery Network. Эта сеть сохраняет ваши файлы на нескольких серверах по всему миру, и каждый раз, когда пользователь отправляет запрос, CDN отвечает с ближайшего сервера.

Так что скорость резко увеличена. Некоторые плагины WordPress, такие как Jetpack, предлагают бесплатный CDN для изображений. Но чтобы иметь надлежащую и безопасную систему CDN, вам нужно инвестировать в такой план, как Cloudflair.

Используйте плагины кэширования WordPress

Кэширование вашего сайта WordPress – лучший и самый простой способ оптимизировать его по скорости. Но что такое кеширование WordPress?

Кэширование – это процесс сохранения ваших веб-страниц в браузерах пользователей. Каждый просмотр страницы на вашем веб-сайте отправляет запрос на ваш сервер, и после завершения процесса сервер отображает результаты в браузере.

Но почему это важно?

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

Если хостинг-провайдер, которого вы используете, не предоставляет вам встроенный кеш, вы должны использовать сторонние плагины на WordPress, чтобы включить кеширование. WP Rocket – это премиальный плагин для кеширования WordPress с различными тарифными планами. Если вы ищете бесплатный плагин для включения кеширования WordPress, мы рекомендуем W3 Total Cache.

Используйте оптимизированную тему WordPress

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

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

Как сжимать изображения в WordPress? (Полное руководство)

Тема Издатель WordPress имеет чистый код и он уже оптимизирован для SEO и скорости.

Включить сжатие GZIP

В нашей предыдущей статье мы объяснили, как включить сжатие GZIP в WordPress. Однако мы кратко обсудим это ниже. GZIP – это инструмент, используемый для сжатия и распаковки файлов в WordPress.

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

Естественно, когда вы посещаете веб-сайт, браузер проверяет, включен ли на сервере GZIP или нет, проверяя, существует ли заголовок ответа content-encoding: gzip или нет.

Самый простой способ включить GZIP – добавить следующий код в файл .htaccess. Файл .htaccess находится в корневом каталоге. Обычно этот файл скрыт. Таким образом, вы должны получить к нему доступ через FTP-клиент, например FileZilla.

<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>

Как я узнаю, что мой веб-сайт нуждается в оптимизации?

В настоящее время у вас есть много возможностей проверить скорость вашего сайта. Один из самых популярных инструментов для проверки скорости – GTmetrix. Этот инструмент был разработан GT.net, канадской компанией. GTmetrix – это комбинация Google PageSpeed ​​Insights и YSlow для генерации источников.

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

Как сжимать изображения в WordPress? (Полное руководство)

GTmetrix дает вам возможность выбрать место проведения теста. Выбранное место очень важно в этом тесте. Чем меньше MS (задержка), тем быстрее будет время загрузки. На данный момент у GTmetrix есть серверы в США, Китае, Великобритании, Индии, Австралии, Бразилии и Канаде.

Вы даже можете выбрать, в каких браузерах вы хотите протестировать свой сайт. Например, Chrome или Firefox. Мобильные версии доступны только в премиум-версии. Чтобы проанализировать свой веб-сайт, просто откройте его, введите URL-адрес своего веб-сайта и нажмите «Проверить свой сайт».

Веб-сайт начинает сканирование и через некоторое время отображает вам результаты. Прокрутите вниз, и вы увидите, что нужно улучшить.

Источник записи: https://betterstudio.com

Leave A Reply

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