Как минимизировать файлы JavaScript и CSS в WordPress для более быстрой загрузки сайта

Блог

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

Когда кто-то посещает ваш блог, используемый браузер будет загружать эти файлы и HTML файлы один за другим в ваш блог. Например, загружается CSS тема, затем CSS плагин, затем JS плагины и так далее, пока все не закончится. Этот процесс требует времени и ресурсов (сервера). Самое тяжелое, иногда блог не открывается полностью, пока все JS и CSS не будут загружены браузером. Это и является причиной долгой загрузки в блог.

Читать далее:

  • 6 инструментов для просмотра конкурентных показателей вашего сайта
  • Как установить и легко настроить SEO-плагин Yoast

Оглавление

  • Как минимизировать JavaScript и CSS?
  • 1. W3 Total Cache
  • 2. Autoptimize
  • 3. CloudFlare CDN
  • 4. Better WordPress Minify

Как минимизировать JavaScript и CSS?

Чтобы минифицировать JavaScript и CSS, выполните следующие шаги:

1. W3 Total Cache

Многие говорят, что W3TC — лучший плагин для оптимизации WordPress. Основой этого плагина является кэширование. Но он также поддерживает плагин для целей Minify JS и CSS.

Активировав функцию Minify в этом плагине, вы можете экономить пропускную способность, минифицируяфайлы JS, CSS и HTML.С помощью этого плагина вы можете делать две вещи одновременно, а именно кэшировать и минифицировать.

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

2. Автооптимизация

Трудно минифицировать все CSS и JavaScript вручную. Поэтому вы должны использовать плагин WordPress под названием Autoptimize . Мне очень нравится этот плагин, потому что он делает много работы за меня. Он минифицирует CSS, JS компоненты и использует небольшие фоновые изображения в base64URI.

Таким образом, он значительно сокращает количество DNS-поисков, смешивая все CSS и JS файлы в один отдельный URL. Минимизация ресурсов сайта необходима для быстрого отображения веб-страниц. Вы никогда не должны пренебрегать этим, потому что CSS и JS по умолчанию являются основными блокирующими ресурсами.

3. CloudFlare CDN

CDN (Content Delivery Network) будет хранить файлы, а также компоненты вашего блога на своих серверах, что снизит нагрузку на сервер, который вы используете. CloudFlare, как один из поставщиков услуг CDN, отличается от других.

4. Better WordPress Minify

BWMinify — это хороший инструмент для объединения и минификации ваших CSS и JS файлов для увеличения времени загрузки страницы. BWP Minify очень настраиваемый и простой в использовании.

После установки плагина BWminify, вам нужно активировать две опции автоматического минифицирования на странице настроек BWmininy, тогда он будет минифицировать и объединять все необходимые JS и JAVAScript файлы.

Как минимизировать файлы JavaScript и CSS в WordPress для более быстрой загрузки сайта

Это некоторые способы минификации JavaScript иCSS, которые вы можете практиковать. Вы можете использовать плагин W3 Total Cache или CDN CloudFlare. Вы даже можете комбинировать эти два способа. Пожалуйста, оставляйте комментарии, если у вас есть вопросы.

Оцените статью
IT советы и лайфхаки, windows, технологии