Ускорение сайта — оптимизация изображений. 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

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

WordPress плагины

WordPress плагины: Спешу поделиться интересными находками с сайта WordPress.org. Плагины которые решат некоторые ваши проблемы или клиентские задачи. Featured Video Plus Данный WordPress плагин позволяет добавить видео c YouTube, Vimeo и т.д. вместо картинки миниатюры. Плагин можно найти на сайте WordPress — Featured Video Plus Custom Taxonomy Order NE Позволяет упорядочить рубрики и пользовательские таксономии через простой drag-and-drop интерфейс. …

Разные мелочи на CSS

Разные мелочи на CSS: Что бы немного развеять скуку сделаю небольшой перевод статьи про всякие CSS3 трюки. И так приступим. Используем SVG как иконку. Так как большинство браузеров поддерживают SVG, то можно понемногу отходить от использования .jpg и .gif. Обратите внимание на использование background-size. [crayon-5744363b7e41b289383376/] Закругленный вокруг изображения текст. Настройка shape-outside позволяет создать геометрическую форму. [crayon-5744363b7e42a389696981/] Результат будет следующий Изменение цвета при …

Автообновление плагинов и тем в WordPress

Автообновление плагинов и тем в WordPress: Сегодня предоставляю вашему вниманию небольшой хук, который поможет обновлять плагины/темы в автоматическом режиме.

Боремся с Briefly unavailable for scheduled maintenance. Check back in a minute.

Боремся с Briefly unavailable for scheduled maintenance. Check back in a minute.: Сайт про популярные CMS, такие как Wordpress, OpenCart, а также PHP и веб-програмирование.

Boxy SVG — рисуем svg графику онлайн.

Boxy SVG — рисуем svg графику онлайн.: Сайт про популярные CMS, такие как Wordpress, OpenCart, а также PHP и веб-програмирование.

Свежая тема Azera Shop на русском

Свежая тема Azera Shop на русском: Привет, закончил очередной перевод темы для веб магазина или блога. Пользуйтесь на здоровье )



Azera Shop это бесплатная и элегантная WordPress тема для WooCommerce, идеально подходящая для создания одностраничного магазина. Azera Shop это ecommerce ( Woo Commerce ) совместимая, WPML, RTL, Photo Gallery Grid, Contact Form 7, Meta Slider, SiteOrigin Page Builder, дружественное SEO с эффектом паралакса, полноэкранным изображением, одна из лучших e-commerce тем с отличной первой страницей. Простой дизайн с плоскими элементами на bootstrap шаблоне отлично подойдет как для бизнеса так и для стартапа, блога или сайта с фотографиями.

Купон на скидку при покупке WordPress темы от ThemeIsle

Так как мне пришел купон на скидку при покупке WordPress темы от ThemeIsle, решил поделиться им с вами.

Так как купон только один то действует правило кто первый взял тот и получил )

Для остальных кто не успел, но очень хочет, пишите в комментарии, попробую помочь.



Купон на скидку при покупке WordPress темы от ThemeIsle

Как узнать версию WordPress блога?

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

Сделать это можно несколькими способами, которые я опишу ниже, вам останется только выбрать более оптимальный и подходящий для вас.

Приступим!

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

Как изменить степень сжатия JPEG в WordPress

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

По умолчанию уровень компрессии JPEG файлов 90%
Как настроить WordPress и изменить уровень компрессии?

Изменить уровень компрессии в WordPress очень просто. Добавляем следующий код в файл functions.php вашей темы.

Как изменить степень сжатия JPEG в WordPress: Для начинающих пользователей система просто идеальна, она сама сжимает картинки, чем помогает вам. А вот если вы профессиональный фотограф или прекрасно управляетесь с Photoshop, тогда лишняя компрессия вам просто ненужна. По умолчанию уровень компрессии JPEG файлов 90% Как настроить WordPress… Читать дальше →

WordPress бесплатные темы на русском

WordPress бесплатные темы на русском: Сайт про популярные CMS, такие как Wordpress, OpenCart, а также PHP и веб-програмирование.



Почти две недели трудился над новыми проектами и параллельно помог закончить перевод нескольких тем на WordPress на русский. Их я и представлю вашему вниманию сегодня. Metro CreativeX Metro CreativeX — это бесплатная WordPress metro тема

Проверяем скорость загрузки ваших плагинов в WordPress

Проверяем скорость загрузки ваших плагинов в WordPress: Сайт про популярные CMS, такие как Wordpress, OpenCart, а также PHP и веб-програмирование.



Я уже писал о способах ускорения вашего сайта на WordPress в статьях про плагин Query Monitor и про ускорение вашего блога. Так как проблема всегда актуальна, предлагаю вашему вниманию еще один инструмент для проверки скорости вашего блога.

Выводим популярные посты вашего WordPress блога.

Выводим популярные посты вашего WordPress блога.: Сайт про популярные CMS, такие как Wordpress, OpenCart, а также PHP и веб-програмирование.



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

Sitemap.xml Robots.txt и URL закрытые для роботов

Sitemap.xml Robots.txt и URL закрытые для роботов: Всегда проверяйте файл Robots.txt, в противном случае вас ждет много приседаний. Один из хостеров любезно добавляет свой  robots.txt файл из-за чего возникают проблемы с индексированием сайта. Как этого избежать? Довольно просто — используйте Google Webmaster После того как вы добавили… Читать дальше →

Как увеличить максимальный объем загружаемого файла в WordPress

Как увеличить максимальный объем загружаемого файла в WordPress: При работе с разными хостингами возникают разные проблемы и надо найти подходящее именно для него решение проблемы. Сегодня работая с популярным хостингом пришлось прибегнуть к шаманству. Когда есть возможность что-то изменить с помощью плагина, я это делаю (конечно не во… Читать дальше →

Боремся с Fatal error: Allowed memory size of … в WordPress

Боремся с Fatal error: Allowed memory size of … в WordPress: Fatal error: Allowed memory size of 12582912 bytes exhausted (tried to allocate 2348617 bytes) in /www/wp-includes/plugin.php on line xxx Я немного был озадачен, так как сайт переехал с менее производительного хостинга с 64Мб памяти на 128Мб, были заплачены деньги заказчиком и… Читать дальше →

Переводы тем и плагинов WordPress.

Переводы тем и плагинов WordPress.: Сразу к делу если у вас есть тема или плагин WordPress, которые вы используете и вам надо помочь с переводом, обращайтесь. Сегодня получил право на подтверждение тем и плагинов. Теперь можно развернуться ))) Вот несколько тем и плагинов которые уже перевел… Читать дальше →

Создаем свой тип записей в WordPress

Создаем свой тип записей в WordPress: Сайт про популярные CMS, такие как Wordpress, OpenCart, а также PHP и веб-програмирование.