Регулярные выражения. всё проще, чем кажется / хабр

Примеры

Строка состояния файлового менеджера часто показывает количество элементов в текущем каталоге, их общий размер или размер текущего выбранного элемента.
Строка состояния веб-браузера будет невидимой или пустой, когда пользователь просматривает страницу, а затем отобразить информацию о загрузке, когда пользователь щелкнет гиперссылку .
Строка состояния графического редактора покажет информацию о текущем изображении, такую как его размеры, цветовое пространство или разрешение .
В текстовом процессоре строка состояния часто показывает положение курсора, количество страниц в документе и состояние клавиш Caps Lock , Num Lock и Scroll Lock . Кроме того, многие текстовые процессоры присваивают клавише вставки поведение, аналогичное этим трем, чтобы можно было переключать режим вставки — состояние этого также отображается в строке состояния.
Текстовые приключения часто имеют строку состояния, в которой отображается такая информация, как местоположение игроков, время игры и счет. Информационный бюллетень для клиентов Infocom был назван The Status Line после того, как он был назван The New Zork Times.
В электронной таблице в строке состояния отображается информация, аналогичная текстовым процессорам, но с возможностью выделения ячеек и отображения среднего, суммы, максимального значения и т. Д.

Менеджер Asset CleanUp Pro для оптимизации и удаления неиспользуемого кода CSS, JavaScript.

Менеджер Asset CleanUp Pro для оптимизации и удаления неиспользуемого кода CSS, JavaScript присутствует в Редакторе каждой отдельной страницы и статьи.

Все файлы CSS и Java-скриптов в Менеджере сгруппированы по местоположению:

CSS и JavaScript из плагинов;
CSS и JavaScript из темы;
CSS и JavaScript из каталога загрузок WordPress;
CSS и JavaScript из WordPress Core;
CSS и JavaScript внешние сторонние;
Жестко закодированные стили и скрипты.

С указанием их количества в каждом разделе.

Следует отметить, что в Менеджере CSS и JavaScript отображаются только те коды, которые подгружаются только на редактируемой странице.

Для каждого CSS-кода или Java-скрипта устроен, в каждом из разделов, свой редактор настроек, с возможностью выбора:

Установить предварительную загрузку или Нет (по умолчанию);
Выбор места расположения — <body> или <head>;
Выгрузить (удалить) на этой странице (посте);
Выгрузка по всему сайту;
В Редакторе страниц — Выгрузить на всех страницах, типа «страница» (массовая);
В Редакторе страниц — Выгрузка на все страницы типа «страница» поста;
В Редакторе постов — Выгрузить на всех страницах типа «сообщение» (массовая выгрузка);
В Редакторе постов — Выгрузить на все страницах поста типа «пост»;
Для скриптов — установить атрибут асинхронный (async), или отложенная загрузка (defer).

Здесь не буду приводить собственные настройки. У каждого сайта, со своей темой и набором плагин, будут свои. Нужно тестировать.

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

Но все же, приведу некоторые примеры настроек в Менеджере Asset CleanUp Pro для удаления неиспользуемого кода CSS, JavaScript в плагинах, темах и самого движка WordPress.

CSS и JavaScript из плагинов.

Так же, как и некоторые коды WordPress, Премиум-тем и виджетов, на всех страницах сайта могут присутствовать и коды различных плагинов.
Перечислю некоторые — Contact Form 7, WPForms, reCAPTCHA.

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

Та же история и с плагинами всплывающих окон (pop-ups) — Green Popups или социальных кнопок — AddToAny Share Buttons, Social Icons Widget и так далее.
Здесь уже более тонкая настройка — где-то удалить, сделать загрузку асинхронной (async) или отложенной (defer). Возможно перенести код из <head> в <body>.

CSS и JavaScript из темы.

CSS-коды анимации сильно влияют на отрисовку первого экраны. Вот пример:/wp-content/themes/название темы/assets/animations/animations.min.jsМедленное появление или исчезновение — привлекает глаз. Но это тормоз для скорости загрузки.
Пока, я выгрузил этот скрипт по всему сайту. Возможно, в дальнейшем, включу.

В любой теме присутствуют скрипты:/wp-content/themes/название темы/js/scripts.js
Обязательно включите отложенную (defer) загрузку.

CSS и JavaScript из WordPress Core.

В фалах JavaScript — jquery и jquery-core не забудьте поставить галочку — Игнорируйте правило зависимости и оставляйте дочерние элементы загруженными.

От этого файла существует зависимость «дочерних» файлов JS.
При их выгрузке, будут удалены и некоторые скрипты тем, плагинов и самого движка WordPress.

Если в основных настройках плагина — Общие выгрузки по всему сайту, вы отключали библиотеку блоков CSS Gutenberg и используете Классический редактор, значит в Менеджере страницы увидите выгруженный (удаленный) CSS-код wp-block-library — не удивляйтесь.
В редакторе он будет выделен красным цветом.

Все дополнительные материалы, дистрибутив плагина WP Asset CleanUp Pro, с подробнейшими видео-уроками, можно получить, зарегистрировавшись в Учебном разделе сайта Centr-Sit-Info Уровень Profi-bizblog.

Продолжение темы об оптимизации HTML, CSS, JavaScript, медиа-файлов, их асинхронной загрузке, активации настроек кэширования, которые гарантированно ускорят сайт, читайте в следующей статье.

Подписывайтесь на обновления Sit-Info, чтобы вовремя знать о выходе нового поста.

Как отключить цифровое благополучие

Сейчас почти во всех последних сборках прошивок разработчики включают пункт «Цифровое благополучие и родительский контроль». Некоторым пользователям это приложение от Google вовсе не нужно, так как оно в фоновом режиме постоянно собирает данные об использовании Android, строит графики и расходует ресурсы устройства. Поэтому, если вы не используете Цифровое благополучие или не даете детям свой смартфон под «Родительским контролем», то эту опцию можно отключить.

Заходим в системные настройки.
Листаем до пункта «Цифровое благополучие», открываем его.
В верхнем правом углу нажимаем по трем точкам.
Выбираем пункт «Управление данными» — отключаем «Использование устройства за день» — закрыть доступ.
В меню «Доступ к данным об использовании» выбираем «Цифровое благополучие» и отключаем его. Готово.

Описание полей Whois

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

Domain Name — доменное имя
Registry Domain ID — идентификатор доменного имени в реестре
Registrar WHOIS — whois-сервис регистратора
Registrar URL — сайт регистратора
Updated Date — дата последнего изменения информации о домене
Creation Date — дата регистрации домена
Registry Expiry Date — дата окончания срока регистрации домена
Registrar — регистратор доменного имени
Registrar IANA ID — идентификатор регистратора в IANA (Internet Assigned Numbers Authority, «Администрация адресного пространства Интернет»)
Registrar Abuse Contact Email — электронная почта для жалоб в отношении доменных имен
Registrar Abuse Contact Phone — телефонный номер для жалоб в отношении доменных имен
Domain Status — статус, состояние домена
Name Server — список DNS-серверов, поддерживающих домен
DNSSEC — наличие подписи зоны в соответствии со спецификациями DNSSEC

Еще больше информации о доменных именах вы можете найти в статье «Введение в терминологию, элементы и понятия DNS

Некорректная установка счетчика Я.Метрики

Причины того, что в Метрике появляются не все данные, могут быть связаны с особенностями работы счетчика:

Один счетчик работает максимум с 200 целями.
Счетчик фиксирует достижение одной цели пользователем не чаще одного раза за секунду.
Пользователь зашел на сайт и покинул его слишком быстро, счетчик не успел загрузиться.
Если вы корректировали настройку счетчика, статистика до этого не исправится.
Поток пользователей для ретаргетинга появится только после настроек, поэтому настроить Метрику нужно перед рекламными кампаниями.
Если в URL есть знак +, в шаблонах он пишется как «%2B».

Это просто нужно иметь в виду при работе с данными. Но если вы установили счетчик, но он не фиксирует данные с сайта, возможно, установка прошла неправильно.

Как проверить установку счетчика

В Справке Яндекса есть алгоритм:

К адресу вашей страницы добавьте параметр по образцу: http://site.ru/?_ym_debug=1 и откройте страницу
Вызовите консоль браузера, это можно сделать с помощью кнопки F12 — Console, горячих клавиш Ctrl + Shift + J или ⌥ + ⌘ + J для Apple.

Если все установлено правильно, в консоли отобразится номер счетчика и данные, которые отправляет код.

Счетчик Метрики установлен

Если в Params вместо данных написано undefined, значит счетчик работает корректно, но параметры визитов не передает.

Счетчик не передает визиты

Если в консоли есть данные, но отчеты не отображаются, зайдите в настройки Метрики во вкладку Фильтры, возможно, фильтры стоят слишком жесткие.

Если информации вообще нет, что-то не так со счетчиком:

Счетчик не установлен. CMS может внести изменения в код счетчика, так что его нужно переустановить.
Работу счетчика блокируют другие скрипты, это можно проверить в консоли браузера.
Счетчик заблокировало расширение Adblock Plus.
В файле hosts операционной системы заблокирован mc.yandex.ru.
Счетчик установлен неправильно.

Как установить счетчик Яндекс.Метрики правильно

Процесс регистрации в Яндекс.Метрике и установки счетчика описан в обновленном Руководстве со скриншотами.

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

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

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

На странице Метрики со всеми счетчиками у каждого отмечен его статус. Для определения статуса счетчика робот запрашивает главную страницу сайта. Если на главной счетчика нет, в статусе будет «Не найден», но это никак не повлияет на корректность сбора данных на других страницах, если на них он установлен правильно.

Красный обычно появляется у недоступных и зараженных сайтов, но если таких проблем нет, то причина может быть в другом:

Вы создали счетчик недавно, данные еще не обновились. Стоит подождать сутки.
Счетчик стоит на Турбо-странице.
Сайт непопулярный — посещаемость меньше 100 человек в сутки или визитов меньше 30 за два часа. Для таких сайтов цвет индикатора не имеет значения.

Часовой пояс по офису, а не по клиентам

Обычно веб-мастеры ставят в настройках тот часовой пояс, в котором находится компания, в которой работают.

Часовой пояс в настройках

В разделе «Отчеты» — «Аудитория» есть статистика посещений сайта по времени суток. Время суток определяется по указанному в настройках часовому поясу. Если он выбран некорректно, данные будут неверны.

Визиты в Метрике

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

Геоположение большинства клиентов можно определить по сводке «География» в разделе «Аудитория».

География клиентов

По ней видно, из каких стран идет трафик. Найдите, откуда большая часть аудитории, и выберите ее часовой пояс. Если получилось, что основной аудиторией вашего сайта оказались жители региона, с которым вы не работаете, стоит пересмотреть продвижение ресурса.

Уменьшите влияние стороннего кода

Наверное, самый дельный «совет», который дал нам сервис. Действительно, чем больше сторонних API, чужого JS-кода подгружается с сайтом, тем дольше он будет отрисовываться в браузере пользователя

Совсем избавиться от него вряд ли получится — Яндекс.Метрика, Adsense и многие нужные сервисы всё равно придётся интегрировать, если вам, конечно, важно отслеживать статистику и откручивать рекламу

С нашей стороны был отключен виджет «Инстаграма», который подгружал картинки с нашего неофициального аккаунта. Решили ограничиться виджетом иконок социальных сетей, который почти не потребляет трафика. Как вариант, можно отключить показ сайдбара в мобильной версии. В нашей теме для WP такого функционала, к сожалению, не оказалось.

Как отключить всю рекламу в Realme без Root-прав

В Relame UI, в отличии от MIUI, нет встроенной рекламы в системе или фирменных приложениях. Но в обычных сторонних приложениях она есть. С помощью системных настроек большую часть раздражающей рекламы можно скрыть.

Заходим в «Настройки» — «Подключение и общий доступ».
Листаем ниже и выбираем пункт «Частная DNS» — «Заданная частная DNS».
Теперь в появившемся окне пишем одну из этих сетей dot-de.blahdns.com или dns.adguard.com.
Все, теперь большинство рекламных объявлений будут скрыты.

У этого способа есть и минусы, например:

Скорость сети может сильно упасть, так как все интернет-запросы будут проходить через указанный dns сервер.
Могут перестать работать некоторые приложения и сервисы.
Если использовать приложения со встроенной рекламой, где например чтобы получить бесплатный бонус нужно просмотреть видеорекламу, то скорее всего у вас просто покажется пустой экран, без возможности пропуска.

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

Что такое CSS

CSS (Cascading Style Sheets) в переводе означает «каскадные таблицы стилей». Код CSS используют для описания внешнего вида веб-страницы в связке с языком разметки HTML. Как оберточная бумага придает подарку завершенный вид, так и CSS помогает оформить обычную страницу HTML с помощью установленной ширины, выравнивания по левому краю и других параметров.

Сегодня CSS присутствует на всех сайтах, даже на непримечательных с виду страницах вроде технических стандартов RFC, описывающих работу Интернета.

Разметка HTML формирует структуру веб-документа и определяет ее элементы так, чтобы это было понятно Google и Яндекс. CSS в свою очередь отвечает за визуальную привлекательность страницы. С помощью CSS можно выполнять множество полезных действий:

устанавливать цвет, шрифт и размер текста;
определять расстояние между элементами;
управлять расположением элементов на странице;
добавлять фоновые изображения или задавать цвета фона.

Код CSS реализуют тремя способами:

Встроенные CSS. Если нужно прописать стиль для отдельного элемента HTML, сделать это можно с помощью атрибута <style>. Этот метод используется редко, поскольку прописывать стиль отдельно для каждого элемента слишком затратно по времени и лишний код будет замедлять загрузку страницы.
Внутренние CSS. Чтобы определить стили для всего веб-документа, элемент <style> добавляют в HTML раздел <head>. Этот метод используется, когда нужно придать определенным посадочным страницам уникальный дизайн.
Внешние CSS. Самый распространенный способ реализации CSS — использование внешней таблицы стилей в формате .css. Ссылку на файл размещают в разделе <head> страницы. Этот метод наиболее популярный, поскольку позволяет определить стиль всего сайта с помощью одного документа. Также частой практикой является использование отдельных CSS-файлов для разных типов страниц (например, страниц категорий, блога, «о компании» и т. д.). Это положительно сказывается на скорости загрузки страницы.

Как Google и Яндекс обрабатывают файлы CSS

В прошлом поисковые системы обращали внимание только на HTML-разметку страницы и CSS их не особо заботил. Все изменилось с появлением обновлений, связанных с мобильными устройствами, в алгоритмах и Яндекса.

В ответ на растущую популярность смартфонов сайты, имеющие удобную мобильную версию, стали получать больший рейтинг. Чтобы оценить хорошо ли страницы оптимизированы под мобильные устройства, поисковики стали обрабатывать код страниц, как это делают браузеры — путем загрузки и отображения файлов CSS и JavaScript.

Алгоритм Page Layot, созданный Google для борьбы с заспамленными площадками, тоже связан с CSS. Он определяет, насколько легко пользователи могут найти нужный контент на странице. CSS помогает поисковому роботу воспроизвести внешний вид страницы в мобильной и ПК-версии и узнать расположение каждого блока контента: спереди и в центре, на боковой панели или внизу страницы ниже сгиба — видимой части экрана до прокрутки вниз.

Статусы международных доменов

Теперь перейдем к более обширной информации о статусах международных доменов. Это то, что вы можете увидеть в графах “Domain Status” («Статус домена»).

Active (или Ok) — стандартный статус домена, который говорит о том, что адрес был успешно зарегистрирован, его можно использовать, информацию, настройки домена можно изменять.
Hold — работа доменного имени приостановлена на некоторый промежуток времени (чаще всего этот статус устанавливает регистратор домена из-за отсутствия оплаты домена).
Registry-Lock — статус устанавливается регистратурой (организацией, отвечающей за определенную доменную зону). Регистратор не может изменить или удалить домен с таким статусом.
Registry-Hold — похожий на предыдущий статус, но с тем отличием, что возможность обновления домена все-таки присутствует.
Registrar-Hold — несмотря на то, что статус похож на статус выше, в этом случае за блок доменного имени отвечает регистратор; устанавливается такой статус для того, чтобы никто без вашего согласия не мог изменить или удалить домен.
RedemptionPeriod — статус свидетельствует о том, что уже начался процесс удаления домена. В таком статусе домен находится 30 дней, за это время процесс удаления может быть остановлен, а вот внести изменения или выполнить трансфер уже нельзя. После этого домен переходит в статус pendingDelete.
PendingDelete — фактически запустился процесс удаления домена; примерно через 5 дней доменное имя будет снова свободным для регистрации.
PendingRestore — такая надпись появляется в том случае, если домен в статусе RedemptionPeriod требуется восстановить (на это дается 7 дней).
PendingCreate — статус сообщает о том, что в данный момент происходит процедура регистрации домена.
Sixtydaylock — трансфер доменного имени запрещен в течение 60 дней с момента регистрации, статус говорит о том, что срок еще не прошел.
Inactive — статус говорит о том, что для домена не настроены DNS-серверы (и из-за этого он не может использоваться).
ClientTransferProhibited — домен с таким статусом нельзя перенести к другому регистратору.
PendingTransfer — статус говорит о том, что трансфер доменного имени к другому регистратору разрешен.

На этом список статусов доменных имен не заканчивается, но выше перечислены все основные статусы.

1.1 Плагин Autoptimize

После установки плагин может сыпать ошибками «Autoptimize не может записать в каталог кэша».

Ему не хватает прав для создания этой папки — можно исправить через FTP-менеджер, создав директорию cache в каталоге wp-content и назначит ей соответствующие права

Собственно, основные настройки всего две: оптимизация JS и оптимизация CSS-кода. В остальные вкладки можно не ходить. Хорошая новость состоит в том, что плагин переведен на русский язык, а плохая в том, что неопытному пользователю всё равно будет непонятно. Мы рекомендуем оставить галочки в чекбоксах, как показано на скрине ниже:

Раздел CSS делаем аналогично

Важно! Плагин по умолчанию начинает кэшировать ваши статические элементы, проследите, чтобы директория была доступна для записи. Выглядит это так:

Теперь переходим к следующему плагину

Сжатие файлов HTML, CSS и JavaScript с помощью плагинов WordPress.

Самый простой способ минимизировать ваши HTML, CSS и JavaScript файлы в WordPress — это использовать плагин. Это позволит автоматически оптимизировать файлы сайта для ускорения загрузки страницы с помощью нескольких нажатий кнопок.

Есть много плагинов, которые позволяют сжать код файлов, но я кратко упомяну только несколько самых известных.

Autoptimize

Это, пожалуй, самый популярный плагин для минимизирования HTML, CSS и JavaScript. Он популярен, прост в использовании и полон мощных функций для улучшения производительности. Он может объединять скрипты, минимизировать и кэшировать код сайта. В качестве бонуса у вас есть дополнительные опции для оптимизации Google Fonts, изображений и многое другое.

Чтобы использовать Autoptimize, его нужно скачать, установить и активировать плагин из панели инструментов WordPress в разделе «Плагины» — «Добавить новый».

Теперь переходим к пунктам: Оптимизировать код JavaScript?,

Оптимизировать код CSS?, Оптимизировать код HTML? и выставляем соответствующие галочки.

WP Fastest Cache

Это бесплатный плагин для кеширования WordPress, пользующийся огромной популярностью. Плагин выполняет различные оптимизации производительности, включая объединение и минимизацию файлов HTML, CSS и JavaScript для повышения производительности.

После того, как плагин установлен, просто перейдите на вкладку WP Fastest Cache на боковой панели управления сайтом WordPress Dashboard. На вкладке настроек вы найдете опции для объединения и минимизации файлов HTML и CSS. Хотя минимизация JavaScript доступна только в профессиональной версии.

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

W3 Total Cache

Это еще один популярный плагин для ускорения сайта. И здесь, для сжатия файлов HTML, CSS и JavaScript нужно выставить всего одну галочку.

Другие возможные причины ошибки в браузере

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

Как проверить время и дату на компьютере или ноутбуке

Навести мышку часы (на правый угол в системном трее) и нажать на них правой кнопкой мышки, во всплывающем меню выбрать «Настройка даты и времени».

Перейти во вкладку «Время по интернету» — «Изменить параметры» — поставить галочку «Синхронизировать с сервером в интернете» — «Обновить сейчас» — «ОК». Если у вас не запущена служба времени, может потребоваться ее включение, у меня сама запустилась при нажатии «Обновить сейчас». Чтобы ее включить откройте «Пуск» — «Панель Управления» — «Администрирование» — «Службы»и в списке справа найдите «Служба времени Windows» , щелкните по ней дважды правой кнопкой мыши. Откроется новое окно, где на вкладке «Общие» нужно найти «Тип запуска» и в выпадающем меню выбрать «Автоматически (Авто)». Изменения сохраняются нажатием кнопки «ОК».

После этих манипуляций желательно перезагрузить устройство.

Как очистить историю браузера

Если с SSL-сертификатом все в порядке, еще одной причиной ошибки «Часы спешат. Не удалось установить защищенное соединение с доменом из-за неверных настроек системных часов и календаря» или «Часы отстают…» является устаревший кеш – временные файлы, которые сохраняет браузер для ускорения доступа к сайтам. Чтобы его очистить необходимо (на примере Google Chrome):

Перейти в настройки браузера, слева выбрать «Дополнительные» — «Конфиденциальность и безопасность» — «Очистить историю» (в самом низу первого блока).

В окошке «Дополнительно» отметьте пункты, где упоминаются cookie и кэшированные изображения и файлы. Я обычно ставлю галочки во всех пунктах – браузер начинает работать быстрее.

В разделе «Временной диапазон» нужно выбрать «Все время».
Нажать «Удалить данные».
Затем закройте браузер, перезагрузите компьютер и снова откройте проблемный сайт.

Надеюсь, один из трех способов борьбы с ошибкой «Часы отстают» или «Часы спешат» вам поможет.

Спасибо за внимательное прочтение!

Юлия

Статусы домена

Сначала рассмотрим, какие статусы (графа “state” — состояние домена) бывают у доменов в зоне ru (которые чаще всего регистрируют в русскоязычных странах).

Registered — это значит, что домен уже успешно кем-то зарегистрирован.
Delegated — домен делегирован, то есть для домена уже указаны определенные DNS-серверы (в системе DNS этому доменному адресу соответствует конкретный IP-адрес). Именно это подразумевается под фразой «делегирование домена» — по факту это привязка домена к определенному серверу (и хостингу соответственно).
Not delegated — домен еще не делегирован (и чаще всего именно из-за этого он еще не работает).
Verified — информация об администраторе домена проверена и подтверждена.
Unverified — данные администратора документально не подтверждены.

Несколько слов о настройках Android

Как вы хорошо знаете, некоторые производители добавляют собственное программное обеспечение для настройки поверх Android. У Huawei есть EMUI, у Oppo есть ColorOS, а OnePlus использует OxygenOS. Хотя эти настройки принципиально не меняют способ отображения или реакции значков состояния и уведомлений, вы часто можете найти параметры, которые являются эксклюзивными для программного обеспечения, которое вы используете. Вы можете увидеть пример того, что мы имеем в виду, на изображении ниже, которое показывает Huawei EMUI 8.0.

Как вы можете видеть на изображении, также можно настроить раскрывающуюся строку состояния, перетащив значки, которые вы используете и не используете, так, чтобы только несколько выбранных вами отображались, когда вы опускаете строку состояния. Довольно круто!

Просмотры:
182

Итоги нашей оптимизации:

Выполнения всех рекомендаций дало нам +33 очка Google Speed. Это немного, но чем мы пожертвовали? Из серьёзных «потерь» только виджет Инстаграма, который действительно сильно тормозил весь процесс рендеринга. Остальной функционал сайта остался нетронутым, да и времени нам потребовалось совсем мало, благо всю работу за нас сделали плагины. Конечно, этот результат не идеален, тем более в нём не учитывается возможности вашего хостинга (если вы экономите на нём, то и высокой скорости ждать не приходится), да и для хайлоада WordPress вряд ли можно рекомендовать. Не учитываются многие встроенные настройки для шаблонов (тем), которые и без этого стараются делать максимально оптимизированными, количество сторонних сервисов — комментарии (Disqus), чат боты (JivoSite) и так далее.

Для улучшения результата можно так же отключить автопроигрывание gif-анимации и/или видеофайлов (такие настройки так же есть в настройках темы) и другие функции из серии nice-to-have (украшательства), можно убрать все featured-изображения, сосредоточив внимание на текстовом контенте. Однако, стоит ли превращать блог в унылый HTML-гроб, ради нескольких поинтов Page Speed — это большой вопрос

Как в итоге увеличить скорость?

Чтобы окончательно решить проблему и с кэшированием, и с защитой, и с временем отклика сервера, рекомендуем использовать сервис Cloudflare. Это специальный прокси-сервер (reverse proxy, если точнее) через который пойдет трафик с сайта. CloudFlare загружается вдвое быстрее, потребляет на 60% меньше трафика, получает на 65% меньше нагрузки на сервер и при этом является более защищенным. Работает это всё через платформу Content Delivery Network (CDN) — это сетевая инфраструктура, позволяющая оптимизировать передачу данных до конечного пользователя. В сети CloudFlare хранятся копии статических файлов в географически близких к веб-посетителям местах, что означает быструю их загрузку. CloudFlare кэширует такие ресурсы, как CSS, JavaScript и изображения.

Вводим данные для аккаунта:

Вводим URL сайта:

Выбираем бесплатный тарифный план

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

Для этого убедитесь, что в столбце Status напротив записей типа A и/или AAAA с адресом сайта и www отображается оранжевое облачко. Остальные облачка должны быть серыми. Нажмите кнопку Continue для перехода к следующему шагу.