PageSpeed Insights. Используйте кеш браузера

При прохождении теста в PageSpeed Insights, может быть дана рекомендация "Используйте кеш браузера".

Сервис поясняет, что указывая в заголовках HTTP дату или срок действия статических ресурсов, браузер загружает уже полученные ранее ресурсы с локального диска, а не из Интернета.

Что это значит? Ваш сайт будет загружаться быстрее за счет обращения к локальным ресурсам, а не сетевым. Чтобы выполнить рекомендацию "Используйте кеш браузера", необходимо добавить в файл .htaccess (лежит в корневой директории вашего сайта на сервере) следующий код:

Перейти к записи

PageSpeed Insights. Как удалить код JavaScript

При прохождении теста PageSpeed Insights, ваш сайт может получить рекомендацию: "Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы".

Чтобы удалить код JavaScript, препятствующий отображению JavaScript и CSS в начальной стадии загрузки вашего сайта, необходимо в файл functions.php (ищите на сервере в корневой директории вашей темы WordPress) добавить следующий код:

function footer_enqueue_scripts() {
    # Удаляем JavaScript из заголовка
    remove_action('wp_head', 'wp_print_scripts');
    remove_action('wp_head', 'wp_print_head_scripts', 9);
    remove_action('wp_head', 'wp_enqueue_scripts', 1);
    # Выводим в footer
    add_action('wp_footer', 'wp_print_scripts', 5);
    add_action('wp_footer', 'wp_enqueue_scripts', 5);
    add_action('wp_footer', 'wp_print_head_scripts', 5);
}
add_action('after_setup_theme', 'footer_enqueue_scripts');

Загрузите файл functions.php на ваш сервер и пройдите тест PageSpeed Insights заново. Рекомендация "Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы" должна быть выполнена.

Как включить gzip-сжатие и ускорить сайт

Включить динамическое gzip-сжатие файлов text, html, javascript, css, xml на сервере с целью ускорения загрузки вашего сайта. Пошагово, просто. Приступаем!

Шаг 1. Скачиваем файл .htaccess с вашего сервера. Можно по протоколу ftp. Обычно он лежит в корне вашей сайта.

Шаг 2. Открываем файл .htaccess программой Notepad++ для внесения изменений.

Шаг 3. Копируем этот код

# сжатие text, html, javascript, css, xml:
<ifModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
</ifModule>

и вставляем его в самый конец, но до строчки # END MainWP.

Шаг 4. "Файл" - "Сохранить".

Перейти к записи

Выделение текста на странице WordPress

Чтобы изменить цвет выделения текста на странице WordPress (а такое необходимо иногда делать, например, если у вас цвет по умолчанию стоит белый, то выделенного текста не будет видно на белом фоне страницы), необходимо внести изменения в файл style.css. Он лежит в папке с темой вашего сайта: .../wp-content/themes/тема сайта.

Шаг 1. Скачиваем style.css с сервера. Открываем его программой Notepad++ и после строчки body{ } вставляем следующий код:

::selection{background-color:#EC0300;color:#FFF;}
::-moz-selection{background-color:#EC0300;color:#FFF;}

Шаг 2. Цвет #EC0300 можно изменить на любой другой.

Шаг 3. Сохраняем изменения в файле style.css. Заливаем этот же файл на сервер.

Все.

 

Как сделать Интернет-магазин на WordPress?

Можно ли сделать Интернет-магазин на движке WordPress? Да, можно. Рассмотрим несколько вариантов создания Интернет-магазина на Вордпресс с нуля. Перейдем к делу

В сети множество Интернет-магазинов, работающих на популярной блог-платформе WordPress. Но, скорее, это небольшие Интернет-магазинчики, продающие десятки, а не тысячи товаров. Для более серьезных торговых площадок требуются совершенно иные технические решения (изучите возможности 1С: Битрикс, например).

Как сделать Интернет-магазин на WordPress?

Но, допустим, мы начинающие предприниматели, и нас вполне устроит Вордпресс. Вариантов два:

  • установить бесплатный плагин Интернет-магазина;
  • приобрести плагин за деньги.

Перейти к записи

10 полезных плагинов для wordpress

10 полезных плагинов для wordpress. Учтен многолетний опыт. Akismet. All In One SEO Pack. Better Delete Revision и другие. Улучши свой сайт и администрирование

В арсенале каждого, кто делает сайты на популярном движке wordpress, есть топовая 10-ка полезных плагинов. Я также много экспериментировал, подбирая действительно нужное для успешной работы своих сайтов, пока наконец не определился с самыми полезными плагинами. Много лет их состав и количество не меняются. А зачем? Ведь эти 10 самых самых решают все мои проблемы.

10 полезных плагинов для wordpress

Итак, по степени важности и полезности я рекомендую следующие плагины:

Перейти к записи

Ссылки на панели Total Commander

Каждый из нас старается упростить и ускорить свою работу за компьютером. Я, к примеру, уже лет 16 пользуюсь программой по управлению файлами Total Commander. Два окна управления дисками позволяют выполнять множество операций, например, архивировать файлы, переименовывать на автомате кучу фотографий, работать по протоколу ftp и много чего делать еще. В общем, привык к Коммандеру.

Ссылки на панели Total Commander

На днях открыл для себя еще одну полезную фичу - делать ссылки на нужные папки на панели Total Commander для быстрого доступа. К чему делать 10 кликов мышью, когда до нужной папки можно добраться в одно нажатие?

Перейти к записи

Исправить кавычки в блоге на Вордпресс

Исправить кавычки в блоге на Вордпресс

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

remove_filter('the_content', 'wptexturize');
remove_filter('the_title', 'wptexturize');
remove_filter('comment_text', 'wptexturize');

или

if ( function_exists('remove_filter') ) {
remove_filter('the_content', 'wptexturize');
remove_filter('the_title', 'wptexturize');
remove_filter('comment_text', 'wptexturize');
}

Проблема решена, ваши кавычки будут правильными.

Leverage Browser Caching for Images, CSS and JS

Иногда при проверке сайта на сервисе gtmetrix.com появляется такая рекомендация: "Leverage Browser Caching for Images, CSS and JS". Это значит, что не указан срок кэширования изображений и фото сайта, который сохраняется в браузерах пользователей. Это необходимо для экономии времени загрузки сайта при последующем заходе юзера на сайт.

Как решить эту проблему. Только через файл .htaccess (ищите его в корне вашего сайта на сервере).

Итак, открываете файл .htaccess, например, программой Notepad++, затем вносите в него следующий код:

Перейти к записи

Автообновление Вордпресс

Автообновление ВордПресс

Автообновление Вордпресс можно выполнить двумя способами: 1) вручную; 2) автоматически. У каждого из способов есть свои плюсы и минусы. Рассмотрим их.

Обновление Вордпресс вручную

Здесь ничего сложного: заходите в админку своего сайта, видите в Консоли, какие на данный момент существуют обновления, устанавливаете нужные обновления нажатием клавиши мыши .

Минусы

Ничего страшного, если у вас 1 - 3 сайта. А что делать, если сайтов 20 или 50? Обходить каждый ресурс и устанавливать обновления? Этот вариант я лично проходил, он слишком трудоемкий и затратный по времени.

Плюсы

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

Перейти к записи