Ускорение сайта — оптимизация изображений. OptiPic.

На днях, один из старых клиентов обратились с просьбой аудита и обновления их сайта. Первым делом после создания бекапа я обновляю WordPress и плагины, а дальше пропускаю сайт через PageSpeed Insights или подобные сервисы. И всегда первым пуктом на которое обращают внимания данные сервисы стоит оптимизация изображений. Это не новость так как клиенты редко над этим задумываются и чаще всего просто добавляют изображения с фотоаппарата на сайт даже не меняя названия или хоть бы его размеры. Как результат сайт постепенно начинает подтармаживать. Сегодня я решил потестить новый плагин для оптимизации изображений — OptiPic, о котором узнал из поста знакомого в Twitter.
Для начала перенес копию сайта на тестовый хостинг и запустил анализ сайта с PageSpeed Insights. Как результат получил следующее:

Результат печальный и подлежит исправлению. Для установки плагина и его последующей работы, необходима регистрация на сайте OptiPic. После регистриции переходим в «Профиль» — «Мои сайты» — «Добавить сайт«.

Все параметры обдумайте заранее, но если вы переборщили, то можно вернуть исходные изображения без особых проблем. Как только вы ввели настройки оптимизации изображений нажимаем «Подключить сайт».

Теперь необходимо установить сам плагин, переходим по ссылке (как видно на картинке выше «установили модуль«) и ставим модуль. Для этого есть два способа:

• Скачать и залить по FTP в корень сайта
• Загрузить автоматически по FTP/SFTP

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

Ну и в конце запускаем процесс — «Сжатие» изображений. Сразу скажу, сжатие изображений с помощью OptiPic не решит всех проблем со скроростью загрузки сайта, но как показывает практика, улучшит показатели 3 до 35 пунктов.
Ну и результат по тестовому сайту, как видим прирост 20 пунктов.
К сожалению или к счастью, но сервис не совсем халява и есть лояльный и доступный прайс за услуги OptiPic.
Плюс ко всему для теста или небольшого проекта есть возможность сделать оптимизацию бесплатно воспользовавшись Акциями на сайте или если вы подходите под описание получить — «Скидка 50% для некоммерческих проектов» или


Для теста использовал несколько сайтов и на всех остался доволен результатом. Чуть позже расскажу, какие еще плагины стоит использовать для улучшения скорости загрузки сайта.

Woocommerce замена знака валюты на буквы.

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

Было опробовано несколько вариантов, но отработал только один. Его мы вам и представим )
Открываем файл WordPress темы  functions.php и добавляем в него фильтр для woocommerce (ВНИМАНИЕ!!! Код приведенный ниже добавляем в конец файла functions.php ):

add_filter( 'woocommerce_currencies', 'add_my_currency' ); function add_my_currency( $currencies ) { $currencies['UAH'] = __( 'Українська гривня', 'woocommerce' ); return $currencies; } add_filter('woocommerce_currency_symbol', 'add_my_currency_symbol', 10, 2); function add_my_currency_symbol( $currency_symbol, $currency ) { switch( $currency ) { case 'UAH': $currency_symbol = 'грн'; break; } return $currency_symbol; }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

add_filter( 'woocommerce_currencies', 'add_my_currency' );   function add_my_currency( $currencies ) {        $currencies['UAH'] = __( 'Українська гривня', 'woocommerce' );        return $currencies;   }   add_filter('woocommerce_currency_symbol', 'add_my_currency_symbol', 10, 2);   function add_my_currency_symbol( $currency_symbol, $currency ) {        switch( $currency ) {            case 'UAH': $currency_symbol = 'грн'; break;        }        return $currency_symbol;   }

Наслаждаемся результатом!

P.S.  Или устанавливаем плагин Saphali Woocommerce Russian

Как добавить 301 переадресации в WordPress через плагин или файл .htaccess

Недавно обнаружил на сайте, что несколько старых страниц перестали отдавать контент, а все из-за того что была изменена система построения URL. Сразу возник вопрос требующий ответа: Как добавить 301 переадресации в WordPress через плагин или файл .htaccess?
К примеру у вас был линк и он через некоторое время изменился
Старый: https://roboteye.biz/kak-dob
Новый: https://roboteye.biz/kak-dobavit-301
Если данный линк уже был передан в поисковики, то необходимо настроить переадресацию:

• Что бы не потерять трафик
• Не упасть в рейтинге поисковых систем и уведомить их о смене URL

Для настройки переадресации в WrodPress мы можем:

Настроить переадресацию через плагин WordPress

Для этого воспользуемся одним из бесплатных плагинов для переадресации Redirection.
После установки плагина переходим в Инструменты — Redirection.
Вставляем старую ссылку в Source URL, а новую в Target URL и нажимаем Add Redirection.

Все, переадресация настроена!

Настроить переадресацию 301 через файл .htaccess

В данном случае необходимо подключиться по FTP к вашему сайту, в корне будет находиться файл .htaccss, который по умолчанию выглядит так:

# BEGIN WordPress <ifmodule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # END WordPress

1 2 3 4 5 6 7 8 9 10 11

# BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule>   # END WordPress

Для настройки WordPress переадресации 301 необходимо после # END WordPress  добавить следующую строку:

Redirect 301 https://roboteye.biz/kak-dob https://roboteye.biz/kak-dobavit-301

1	Redirect 301 https://roboteye.biz/kak-dob https://roboteye.biz/kak-dobavit-301

в общем должно получиться вот так:

# BEGIN WordPress <ifmodule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # END WordPress Redirect 301 https://roboteye.biz/kak-dob https://roboteye.biz/kak-dobavit-301

1 2 3 4 5 6 7 8 9 10 11 12 13

# BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule>   # END WordPress   Redirect 301 https://roboteye.biz/kak-dob https://roboteye.biz/kak-dobavit-301

Теперь ваш сайт не упадет в рейтинге и не будет терять посетителей.
Удачи!