Некоторые инструменты для выполнения сжатия

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

Смотрите также наш 6 плагинов WordPress, чтобы вдохнуть новую жизнь в ваши статьи

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

• • cssminifier.com et javascript-minifier.com (CSS и JS) - эти два минификатора от Эндрю Чилтона просты в использовании. Вам просто нужно вставить свой код, затем нажать на кнопку Уменьшать для отображения сжатого кода. Вы даже можете скачать код выхода в виде файла для удобства.
  • htmlcompressor.com (HTML, CSS и JS) - этот онлайн-инструмент сжатия / минификации поддерживает типы кода HTML, CSS и JS. Он даже поддерживает различные комбинации типов кода, такие как CSS + PHP и JavaScript + PHP. И вы даже можете проверить сжатый код на наличие ошибок.

• • csscompressor.net (Только CSS). Этот онлайн-компрессор CSS быстрый, простой и бесплатный.

• • jscompress.com (Только JS) - этот инструмент сжатия JavaScript позволяет сжимать код JavaScript путем копирования и вставки, но вы также можете загружать несколько файлов JavaScript за раз. Это идеально подходит для объединения файлов JavaScript в один файл для повышения скорости загрузки страницы.
  • Инструменты Дэна - Инструменты Дэна предложить ООН минимизировать CSS и минимизировать JavaScript . Оба инструмента имеют действительно чистый и простой в использовании пользовательский интерфейс. Они не предлагают никаких дополнительных опций, но отлично подходят для общих целей минификации.

• • refresh-sf.com (HTML, CSS и JS) - этот компрессор уменьшит количество типов кода JavaScript, CSS и HTML. Он также включает в себя все параметры сжатия для каждого типа кода, если они вам нужны.
  • Закрытие Компилятор (Только JS) - Closure Compiler является частью Закрытие Инструменты , набор инструментов от Google Developers. Это позволяет вам минимизировать ваш JavaScript вместе с другими полезными оптимизациями. Вы можете использовать свой код Javascript, введя URL-адрес местоположения файла js, а затем выберите способ оптимизации и форматирования кода. 

Например, вы решили оптимизировать свой код, чтобы удалить только пробелы, если хотите. Как только вы нажмете кнопку компиляции, она уменьшит код (или скомпилирует) для вас.

• • minifycode.com (HTML, CSS и JS) - этот веб-сайт предлагает минификаторы для JavaScript , CSS et HTML с простым и понятным пользовательским интерфейсом, который сжимает ваш код одним щелчком мыши. Он также предлагает инструмент «beautifier» для распаковки минимизированного кода, чтобы сделать его более читабельным (противоположность минификации).

Если вы ищете автономные инструменты для локального минимизации CSS или JavaScript HTML, вот несколько вариантов:

• phpied.com/cssmin-js/ (Только CSS)
• yui.github.io/yuicompressor (JS и CSS)

Как уменьшить размер HTML, CSS и JavaScript с помощью онлайн-инструмента

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

• Вставьте свой исходный код или загрузите файл исходного кода. 
• Оптимизировать настройки для конкретного выхода (если доступны варианты)
• Нажмите кнопку, чтобы сжать код.
• Скопируйте результат минимизированного кода или загрузите файл минимизированного кода.

Для этого примера я собираюсь использовать инструменты минификации из minifycode.com.

Смотрите также: Как добавить код CSS безопасно на WordPress проконсультировавшись по этой ссылке.

Во-первых, найдите файл CSS (обычно называемый style.css) в файлах вашего сайта и откройте его с помощью редактора страниц. Затем скопируйте весь код CSS в буфер обмена.

перейти к minifycode.com и щелкните вкладку CSS minifier. Затем вставьте код CSS в поле ввода и нажмите кнопку Минимизировать CSS.

Как только новый минимизированный код будет создан, скопируйте его.

Затем вернитесь к файлу CSS вашего сайта и замените код новой упрощенной версией.

Вот так!

Повторите тот же процесс, чтобы уменьшить количество файлов JavaScript и HTML на вашем сайте.

Как минимизировать HTML, CSS и JavaScript в WordPress с помощью плагинов

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

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

Автооптимизация (БЕСПЛАТНО)

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

Для получения дополнительной информации см. Наше руководство по:  Как установить плагин в WordPress

Как только плагин активирован, перейдите на Настройки> Автоматическая оптимизация. Затем на вкладке Основные параметры отметьте код, который вы хотите оптимизировать (HTML, CSS и / или JavaScript), и нажмите Eсохранить изменения.

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

Это более-менее! Довольно просто и мощно.

W3 Total Cache (БЕСПЛАТНО)

WP Fastest Cache (БЕСПЛАТНО)

Читайте также нашу статью о 8 WordPress плагинов, чтобы добавить чат на свой блог

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

Подводя итог

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

9 WordPress плагины, чтобы скрыть содержание вашего блога открыть абсолютно

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

Откройте для себя также несколько премиальных плагинов WordPress  

Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

Другие рекомендуемые ресурсы

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

Заключение