Рубрики

Полезные материалы

Автоматический оптимизатор изображения для WordPress

Одна из самых больших проблем для скорости каждого сайта - излишне большие изображения.

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

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

Вот почему я создал простой плагин, который использует его для сжатия pngquant и jpegoptim ,

В чем разница между этими картинками?

Один слева имеет размер 2 МБ, другой справа - 412 КБ, такое же разрешение .. :-)

Простой код обеспечивает сжатие:

<? php / * Имя плагина: yotlix.com - URI плагина для сжатия изображений: http://yotlix.com Описание: этот плагин сжимает изображения при загрузке в медиатеку - использует pngquant и jpgotpim Автор: Václav Greif Версия: 1.0 URI автора: https://wp-programator.com/ * / class MW_Compress_Images {function __construct () {add_action ('wp_generate_attachment_metadata', массив ($ this, compress_images '), 10, 2); } / ** * Сжатие изображений * @param $ metadata * @param $ attachment_id * @return mixed * @throws Exception * / function compress_images ($ метаданные, $ attachment_id) {$ images = []; // Получить путь к основному изображению $ image = get_attached_file ($ attachment_id); // Получить путь к изображению $ path = dirname ($ image); // Получить MIME-изображение типа $ mime = mime_content_type ($ image); // Добавить изображение в массив $ images [$ mime] [] = $ image; foreach ($ metadata ['sizes'] как $ size => $ data) {// Добавить все размеры изображений в массив для сжатия $ images [$ data ['mime-type']] [] = $ path. '/'. $ data ['file']; } // Сжимаем PNG if (isset ($ images ['image / png'])) {foreach ($ images ['image / png'] как $ image) {$ compress = $ this-> compress_png ($ image, 80 ); file_put_contents ($ image, $ сжатый); }} // Сжимаем JPG if (isset ($ images ['image / jpeg'])) {foreach ($ images ['image / jpeg'] как $ image) {$ compress = $ this-> compress_jpeg ($ image, 80); file_put_contents ($ image, $ сжатый); }} return $ metadata; } / ** * Оптимизирует файл PNG с pngquant 1.8 или новее (24-битные / 32-битные изображения PNG). * * Вам необходимо установить pngquant 1.8 на сервер (старая версия 1.0 не будет работать). * Есть пакет для Debian / Ubuntu и RPM для других дистрибутивов в http://pngquant.org * * @param $ path_to_png_file string - путь к любому файлу PNG, например, $ _FILE ['file'] ['tmp_name'] * @param $ max_quality int - качество преобразования, полезные значения от 60 до 100 (меньшее число = меньший файл) * @return string - содержимое PNG после преобразования * / function compress_png ($ path_to_png_file, $ max_quality = 90) {if (! file_exists ( $ path_to_png_file)) {выбросить новое исключение («Файл не существует: $ path_to_png_file»); } // гарантируем, что качество не будет хуже этого. $ min_quality = 60; // '-' заставляет его использовать stdout, который требуется сохранить в переменную $ressed_png_content // '<' заставляет его читать по указанному пути к файлу // escapeshellarg () делает его безопасным для использования с любым путем $ сжатый_png_content = shell_exec ("pngquant --quality = $ min_quality - $ max_quality - <". escapeshellarg ($ path_to_png_file)); if (! $ compress_png_content) {throw new Exception ("Не удалось преобразовать в сжатый PNG. Установлен ли pngquant 1.8+ на сервере?"); return $ compress_png_content; } / ** * Оптимизирует файл JPG с помощью jpegoptim * * Вам необходимо установить jpegoptim на сервере * * @param $ path_to_png_file string - путь к любому файлу PNG, например, $ _FILE ['file'] ['tmp_name'] * @param $ max_quality int - качество преобразования, полезные значения от 60 до 100 (меньшее число = меньший файл) * @return string - содержимое PNG после преобразования * / function compress_jpeg ($ path_to_file, $ max_quality = 90) {if (! file_exists ( $ path_to_file)) {выбросить новое исключение («Файл не существует: $ path_to_file»); } $ressed_content = shell_exec ("jpegoptim --max = max_quality --strip - все - все - прогрессивный - <" .escapeshellarg ($ path_to_file)); if (! $ compress_content) {throw new Exception ("Сбой преобразования в сжатый PNG. Установлен ли pngquant 1.8+ на сервере?"); вернуть $ressed_content; }} add_action ('init', 'mw_compress_images_init'); function mw_compress_images_init () {new MW_Compress_Images (); }

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

Похожие

Реализация AMP для WordPress
... wordpress/"> Реализация AMP для WordPress с Ускоренные мобильные страницы (AMP) предназначен для ускорения мобильного доступа к актуальной информации за пределами приложений и конечных точек. После WAP, i-mode, специальных мобильных страниц, адаптивного дизайна и критический путь рендеринга Ускоренные страницы для
WordPress SEO плагин Сравнение
Я понял, что добавил много функциональности HeadSpace фактически не делая никаких заявлений об этом. Чтобы восполнить это, я решил создать сравнительную таблицу, показывающую HeadSpace относительно других популярных SEO-ориентированных плагинов.
WordPress SEO: создание Google Sitemap
Здравствуйте, читатели Мастер Агентства! На прошлой неделе в одном из серия о SEO в WordPress Я показал важность создания карта сайта для вашего блога WordPress , Многие могут подумать: «Вот! Теперь у всех поисковых систем есть место, чтобы увидеть все страницы моего сайта ». Эта точка зрения неверна. Существует также
12+ Лучшее цифровое агентство WordPress Themes 2019
... изображения на новый сайт. Когда дело доходит до инструментов, включенных в пакет SEO WP, у вас будет последняя версия плагина для компоновки страниц Live Composer, премиум-плагин Easy Social Share Buttons, инструмент для создания слайд-шоу Master Slider 3 и несколько коммерческих надстроек Ninja Forms, которые помогут вам расширить электронную рассылку и получать платежи от ваших клиентов. Существует также инструмент проверки рейтинга, который будет контролировать видимость
Как создать файл Sitemap в WordPress (XML и HTML)
... для поисковой оптимизации, так и для удобства использования. В этой статье я расскажу о двух типах файлов сайтов - файлах XML и файлах HTML. Я расскажу вам, каков каждый тип карты сайта и ее преимущества. Затем я покажу вам, как создавать как XML, так и HTML файлы сайтов в WordPress. Что такое XML-карта WordPress? Карта сайта WordPress XML позволяет вам сообщать поисковым системам обо всем контенте на вашем сайте. Хотя файл карты сайта XML
wpSEO - SEO плагин для Wordpress - Рекомендация! - Сетевой маркетинг
... wordpress-rekomendacia-setevoj-marketing-1.jpg> ✔ Провайдер месяца - пассивный доход через мастерноды GetNode Club предлагает своим членам долю в единственном когда-либо пуле Masternode. поставщику - (https://www.getnode.io) , wpSEO - SEO плагин для WordPress
Как сделать SEO для 3-шаговых изображений
Визуальное восприятие оказывает сильное влияние на цифровую вселенную. Например, изображения являются основополагающими в процессе принятия решений потребителем и используются как точка притяжения и даже как передышка между одним абзацем контента и другим. Если у вас есть блог и / или электронная коммерция, вполне вероятно, что вы уже понимаете важность изображений для вашего сайта. И, учитывая такую ​​важность, сегодня мы вместе узнаем, как сделать SEO для изображений или как оптимизировать
WordPress против Drupal, какой из них является более мощным соперником?
4 января 2018 года WordPress против Drupal, какой из них является более мощным соперником? Когда речь заходит о веб-дизайне, какое имя CMS постоянно всплывает у вас в голове? Многие из вас могут предпочесть WordPress, в то время как более половины будут поддерживать Drupal. Тем не менее, большинство будет сталкиваться с дилеммой,
WordPress против Joomla | Сравнение CMS в 2016 году | Инфографики!
Вы хотите начать новый сайт, есть много систем управления контентом (CMS), где WordPress и Joomla! являются двумя крупнейшими рыбами. В этой статье мы объясним, какие качества отличают Joomla! и WordPress, и несколько отрицательных моментов обеих систем CMS прояснены.
30 лучших многоцелевых тем для WordPress SEO 2019
... для продажи продуктов или для создания минималистической темы для фотографий, тогда взгляните на эти темы. Вот лучшие многоцелевые темы WordPress SEO для высокой производительности и элегантного дизайна: Проверьте лучшие многофункциональные темы WordPress 1. Uncode
SEO плагин для WordPress может дать хакерам контроль над вашим сайтом
... wordpress-mozet-dat-hakeram-kontrol-nad-vasim-sajtom-1.jpg" alt="WordPress остается бесспорным королем систем управления контентом"> WordPress остается бесспорным королем систем управления контентом. Это самая популярная веб-платформа для создания сайтов, и есть вероятность, что у вас есть сайт WordPress или вы знаете кого-то, кто это делает. Легионы бизнеса используют CMS с открытым исходным кодом для создания веб-сайтов бизнес-класса с потрясающей функциональностью. К сожалению, огромный

Комментарии

Владелец сайта WordPress, вы, вероятно, задаетесь вопросом: иметь сайт хорошо, но как оптимизировать SEO на WordPress?
Владелец сайта WordPress, вы, вероятно, задаетесь вопросом: иметь сайт хорошо, но как оптимизировать SEO на WordPress? Фактически, использование этой платформы уже является хорошим началом для улучшения ее SEO. К этому необходимо добавить расширение, которое поможет вам в технической оптимизации, содержании и популярности вашего сайта. Здесь мы представляем вам лучшие бесплатные плагины, которые помогут вам оптимизировать SEO вашего сайта WordPress.
Как работает WordPress?
Как работает WordPress? WordPress довольно прост в управлении клиентом, он имеет низкий порог с точки зрения сложности. Это довольно легко понять людям, которые не имеют опыта работы с ним. Это позволяет легко управлять. Joomla! Когда Joomla! рекомендуется использовать? Социальные сети или интранет. Малые и средние сайты электронной коммерции. Веб-сайты, которые требуют масштабируемости.
Я могу добавить их непосредственно к загрузке изображений в WordPress и выглядеть так: «Верена из блога Кто такой Мокка?
Я могу добавить их непосредственно к загрузке изображений в WordPress и выглядеть так: «Верена из блога Кто такой Мокка? Покажите сегодня наряд с джинсами с высокой талией, высокими каблуками и рубашкой большого размера. Eyecatcher - это сумка Chanel. «Как только вы усвоите эти процессы, они быстро выходят из-под контроля и в то же время вызывают много проблем.
Как оптимизировать изображения?
Как оптимизировать изображения? Есть три основных элемента для оптимизации изображений. Первый - это сжатие , второй - заголовок, а третий - альтернативный текст (описательный текст) изображения. Чтобы вы не потерялись, я научу вас шаг за шагом, как использовать каждый элемент для оптимизации вашего изображения. Дополнительный совет: имя изображения Прежде чем начать шаг за шагом, я хочу дать вам совет, который необходим
Итак, как нам оптимизировать изображения продуктов, чтобы они добавляли ценность нашим страницам продуктов и занимали высокие позиции в поиске изображений?
Итак, как нам оптимизировать изображения продуктов, чтобы они добавляли ценность нашим страницам продуктов и занимали высокие позиции в поиске изображений? Использование атрибутов alt text и оптимальное соглашение об именах файлов имеют важное значение для производительности поиска изображений. Текстовые атрибуты изображения альта и соглашение об именах файлов Текстовые атрибуты alt изображения используются поисковыми системами для «чтения» изображения,
Используете ли вы « WordPress SEO от Yoast Плагин?
Как оптимизировать изображения? Есть три основных элемента для оптимизации изображений. Первый - это сжатие , второй - заголовок, а третий - альтернативный текст (описательный текст) изображения. Чтобы вы не потерялись, я научу вас шаг за шагом, как использовать каждый элемент для оптимизации вашего изображения. Дополнительный совет: имя изображения Прежде чем начать шаг за шагом, я хочу дать вам совет, который необходим
Почему WordPress?
Почему WordPress? Лично я считаю, что WordPress - лучшая блог-платформа для новичков. И я не одинок. Согласно статистике от Built With, более 66% (или 7,7 млн.) блогов в США построены на платформе WordPress , Глобально, есть почти 27 миллиардов блогов, построенных на WordPress (население мира составляет около 7,2 миллиарда на момент
Что такое XML-карта WordPress?
Что такое XML-карта WordPress? Карта сайта WordPress XML позволяет вам сообщать поисковым системам обо всем контенте на вашем сайте. Хотя файл карты сайта XML общедоступен, на самом деле это не то, на что когда-либо будут смотреть ваши посетители. По сути, это просто список URL-адресов всего контента на вашем сайте, а также некоторая другая информация, например, когда последний раз контент был изменен, и, возможно, какой приоритет вы хотите, чтобы Google
Но как насчет тех, кто не на WordPress?
Но как насчет тех, кто не на WordPress? А как насчет тех, у кого есть система управления контентом (CMS), которым нужно было бы нанять разработчика для создания функциональности AMP? Стоило ли? Нет не было В этом случае веб-мастер не публикует тонну нового контента, и их общее количество мобильного трафика было довольно небольшим. Более того, результаты мобильного поиска по основным терминам не содержат результатов AMP. Google сказал: «Прыгай», но в этом случае у нас

На сервере?
На сервере?
Что такое XML-карта WordPress?
Нваря 2018 года WordPress против Drupal, какой из них является более мощным соперником?
Когда речь заходит о веб-дизайне, какое имя CMS постоянно всплывает у вас в голове?
Владелец сайта WordPress, вы, вероятно, задаетесь вопросом: иметь сайт хорошо, но как оптимизировать SEO на WordPress?
Как работает WordPress?
Как работает WordPress?
Екомендуется использовать?
Я могу добавить их непосредственно к загрузке изображений в WordPress и выглядеть так: «Верена из блога Кто такой Мокка?