amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Плагины

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

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

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

Optimus

Optimus представляет собой плагин, который позволяет оптимизировать изображение WordPress в автоматическом режиме. Достаточно только настроить этот платин один раз.

Скачайте, установите и активируйте Optimus. Перейдите в пункт консоли «Настройки» и подпункт «Optimus». Здесь собраны все опции этого плагина, которых не очень много. Они на английском:

Image sizes. Это не настройка, а сведения об изображениях WordPress на вашем сайте. Имеется перечень всех доступных видов картинок на сайте. По умолчанию их четыре – маленькие, средние, большие и миниатюры записей. Но если есть какие-то дополнительные плагины, то будет больше. Также тут можно получить информацию о том, до какой степени Optimus сможет сжать картинки. В нормальных условиях это показатель получается не более 100 кб. Большее сжатие можно получить в Pro версии.
Original images. Если поставить тут галочку, то Optimus будет сохранять оригинальное загруженное изображение в нормальном качестве и размере, а сожмет только те, которые на сайте. Если вы хотите только ускорить сайт, то галочку тут ставить не надо. Если хотите ещё и сэкономить место на хостинге, то поставьте. Однако в этом случае загруженные картинки в исходном размере больше не будут вам никогда доступны.
Image metadata. Если вы берёте картинки из других сайтов, то в них могут быть метаданные, например alt и title, о которых мы говорили тут. Если поставить тут галочку, это метаданные из изображения будут удалены. Если не удалять метаданные, то сжатие может ухудшиться.
WebP files. Установка этой галочки позволяет модифицировать файлы конфигурации сервера. Если поставить тут галочку, то по заявлению разработчиков, сжатие будет происходить быстрее.
HTTPS connection. Данная опция позволяет обрабатывать изображения WordPress через сервис плагина Optimus. Таким образом, можно получить лучшие результаты в выходных картинках. Однако это может замедлить процесс сжатия.