Продолжаем улучшать сайт на wordpress. Поговорим на тему как ускорить wordpress.как ускорить wordpress

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

Ваш сайт должен загрузить много файлов, в том числе ваши HTML, CSS и JavaScript. Вы должны сделать код чистым и как можно быстрее.

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

К счастью, это можно исправить! Отличный способ, чтобы как ускорить wordpress – минимизировать код. Минимизировать? Что уменьшать? Давайте взглянем.

Что это значит минимизировать html и почему это выгодноминимизировать html

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

Минимизированный код удаляет:

  • Пробелы
  • Новые линии
  • Комментарии
  • Разделители блоков

Эти типы символов используются, чтобы добавить читаемость в коде, но они не требуются для кода, чтобы правильно выполнить. Минимизированный код особенно полезен для интерпретируемых языков, которые работают через Интернет, таких как CSS, HTML и JavaScript. Это уменьшает объем кода, который должен быть передан по сети.

Сравнение скорости

Вы можете проверить скорость загрузке страницы, используя онлайн-инструменты, например, как Google PageSpeed ​​Tools.

PageSpeed ​​Инструментыминимизировать html

 

Просто вставьте в URL и получите результаты. Вы должны пробовать это часто. Рекомендуется делать до и после каких либо действий со своим сайтом.

Этот сервис даст вам результаты на настольный компьютер и мобильный телефон отдельно, и он будет выделять те области, которые являются медленными (например, ответ сервера) и дать вам советы о том, как это исправить.

Есть еще такие сервисы: tools.pingdom.com, sitespeed.ru, pr-cy.ru, webpagetest.org, showslow.com.

Минимизировать против сжатия

Минимизировать код – это не тоже самое, что и как сжатие данных. Сжатые данные требуют шаг не-сжатия, прежде чем код может быть запущен. Код меньше, чем оригинал для фактической передачи, но дополнительный шаг декомпрессии добавляет время, прежде чем код может работать. Уменьшенный код может быть запущен как есть.

Используйте Gzip для HTML

Gzip в настоящее время является самым популярным и эффективным методом сжатия. Сжатие обычно уменьшает размер ответа примерно на 70% и поддерживается около 90% из сегодняшних веб-браузеров. Gzip снизит вес страницы и увеличит скорость загрузки. Некоторые из плагинов используют Gzip для их сжатия HTML.

Минимизировать CSS вручнуюминимизировать CSS

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

Первый набор кода не является уменьшенным CSS.

Для минимизирования кода, сначала надо удалить комментарии. Комментарии – это текст между и в том числе / ** /. Выделите весь этот код и удалите его.

Затем удалите все ненужные пробелы. За исключением пробелов между (0 0 0 0), потому что это часть функции CSS. Вот что получилось.


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

Closure Toolsминимизировать html

 

Closure Tools представляет собой набор инструментов от Google Developers. Здесь включены  множество инструментов, чтобы помочь ускорить ваш код JavaScript. Вот посмотрите на некоторые из инструментов, которые помогают с минимизацией кода.

Closure Compilerминимизировать css

 

Closure Compiler –  оптимизатор JavaScript, который переписывает свой код и сводит к минимуму мертвое пространство, что позволяет скачать быстрее. Он также будет проверять синтаксис, ссылки на переменные и типы, и он будет предупреждать об общих вопросов JavaScript. Ваш код будет оптимизирован, меньше ошибок и проще в обслуживании. Есть несколько уровней оптимизации – простой и расширенный. Это делает ваш код компактным и улучшает его работу.

Closure Linterминимизировать css

 

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

Closure Stylesheetsминимизировать css

 

Closure Stylesheets будет объединять и уменьшать список стилей. Он будет даже делать таблицу стилей для конкретного производителя. Включая WebKit, Mozilla, Opera, Microsoft, и Konqueror.

CSS Minifierминимизировать html

 

CSS Minifier является бесплатным онлайн инструментом, который будет удалять интервал, отступ, новые линии, и комментарии из кода CSS и сделать свой ​​код и веб-сайт быстрее. Надо вставить коде и выберать минимизировать. После того, как ваш код будет сжат, скопируйте и вставьте его обратно в ваш сайт.

JavaScript Minify Toolминимизировать html

 

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

JavaScript Minifierминимизировать html

 

Все аналогично предыдущему. Здесь также есть CSS и даже JPEG оптимизатор и Image Resizer. Это очень простой в использовании инструмент, и вы можете скачать в виде файла.

Online JavaScript/CSS Compressorминимизировать html

 

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

Как минимизировать wordpress динамически, с помощью плагинов

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

Лично я выбираю его.

Better WordPress Minifyминимизировать css

 

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

 

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

AssetsMinifyминимизировать css

 

Это другой бесплатный плагин, чтобы минимизировать ваши CSS и JavaScript. После выбора несколько настроек (которые вы можете оставить на умолчанию), вы можете выбрать, будет ли или не будете сжимать файлы и скрипты и какие файлы надо исключить.

WP Super Minifyкак ускорить wordpress

 

Это бесплатный плагин будет сжимать CSS, JavaScript и HTML. Он имеет наименьшее количество настроек из всех плагинов – вы просто выбираете, будет ли она или нет сжимать JavaScript или CSS. Вот и все. Вы не можете исключить любые файлы или очистить кэш. Вы можете просмотреть исходный код вашего сайта и выбрать CTRL + U и он расскажет вам, размер файла до и после. Мне нравится эта функция, так как можно получить хорошее представление о том, как сайт улучшился.

В общей сложности размер сохраняется в 11.341%, с размером до сжатия, 27104 байт и размер после сжатия, 24030 байт. Неплохо для свободного плагина.

WP Minify Fixминимизировать html

 

С помощью этого бесплатного плагина можно включить сжатие JavaScript, CSS и HTML и вы можете добавить файлы, которые будут минимизированы или не быть минимизированы. Есть много настроек и опций, таких как размещение JavaScript (верхний или нижний колонтитул), HTML5 тегов синхронизации, и многое другое. Он будет даже использовать красивые URL. Вы также можете передать дополнительные аргументы минимизировать.как ускорить wordpress

 

Все легко настроить и использовать.

Советы и предостережения

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

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

Используйте инструмент, чтобы объединить все файлы CSS в области одного веб-сайта в один файл. Это позволит уменьшить количество HTTP запросов, которые должны быть сделаны, чтобы получить все элементы веб-сайта.

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

Используйте PageSpeed ​​Инструменты Google и тестируйте сайт (как до, так и после), чтобы отслеживать загрузки страницы вашего сайта для настольных и мобильных устройств. Чем чаще, тем лучше.

Проверьте свои страницы и сообщения после работы, а также и домашнюю страницу.

Подводя итог

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

Как насчет вас? Вы уменьшили свои CSS, HTML, JavaScript или нет? Разве вы используете один из инструментов, которые описаны здесь? Есть инструмент, который надо бы добавить к этому списку? Хотелось бы услышать об этом в комментариях ниже!

В публикации использованы материалы разных ресурсов, а особенно legantthemes.com.

Читайте также:

НадеждаSEOкак ускорить wordpress,минимизировать css,минимизировать html
Продолжаем улучшать сайт на wordpress. Поговорим на тему как ускорить wordpress. Один из способов, по которым Google и другие поисковые системы оценивают любой сайт, это скорость загрузки страницы. К тому же она является одним из способов оценки посетителем вашего сайта - особенно на их первом посещении. Если ваши страницы слишком долго загружаются,...

Возможно Вас также заинтересует:

От чего зависит успешное продвижение сайта в первую очередь
Успешное продвижение сайта во многом зависит от того, что и о чем вы пишите на своем сайте. Много раз читала эту фразу, но как-то ...
Краткая инструкция по поисковой оптимизации для начинающих – структура навигации сайта
Структура навигации сайта очень важна для поисковых систем, да и для пользователей тоже.
Вебинары от Яндекса
Привет всем читателям моего блога. Редко пишу в последнее время. А иногда вообще думаю - зачем писать, если есть яндекс вебинары. Кто если не Яндекс ...
Краткая инструкция по поисковой оптимизации для начинающих – правильная структура url
Что такое правильная структура url, на что влияет и как сделать. Это продолжение инструкции по поисковой оптимизации, которая будет полезна веб-мастерам, только что начавший ...
Как правильно писать статьи для сайта – разбор полетов
Привет всем читателям моего блога. Знаете ли вы как правильно писать статьи для сайта? Если все знаете, то я за вас очень рада. А ...
Краткая инструкция по поисковой оптимизации для начинающих – оптимизация страниц сайта
Я очень надеюсь, что моя инструкция будет полезна веб-мастерам, только что начавший свой путь, так и для желающим улучшить свой сайт уже опытным пользователям. Поисковая оптимизация ...
Абонентское обслуживание сайта в первые месяцы существования
На сегодняшний день официальный сайт в том или ином виде есть практически у каждой уважающей компании. Отдельный вариант – сфера интернет-продаж, когда веб-страничка является ...
Чем отличается Google AdWords от Яндекс.Директ
Каждый, кто хочет стать успешным, обязательно должен знать, как использовать рекламу в своем деле. Особенно это касается продвижения товаров и услуг в Сети, ведь ...