Если бы мы писали программы с детства, то с годами, возможно, научились бы их читать. (Алан.Дж.Перлис)

Как минимизировать файлы CSS/JavaScript в WordPress

2 мин для чтения
FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
7 марта 2017
Как минимизировать файлы CSS/JavaScript в WordPress

Что такое Минимизация и зачем она вам нужна?

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

Обычно рекомендуется использовать только для файлов, которые отправляются в браузеры пользователей. Это включает в себя файлы HTML, CSSchtoJavaScriptglossarij/chto-takoe-javascript/">JavaScript. Вы можPHP/andreyex.ru/blog-platforma-wordpress/glossarij/chto-takoe-php/">PHP тоже, но PHP является языком программирования на стороне сервера и минимизация это не улучшит скорость загрузки страницы для пользователей.

Очевидноулучшение скорости и производительности WordPressv-po-optimizacii-proizvoditelnosti-wordpress/">улучшение скорости и производительности WordPress. Компактные файлы быстрее, чтобы улучшить скорость загрузки вашего сайта.

Тем не менее, некоторые эксперты считают, что повышение производительности очень небольшое для большинства веб – сайтов и не стоит свеч. Минификация только уменьшает несколько килобайт данных на большинстве сайтов WordPress. Вы можете уменьшить больше времени загрузки файла просто оптимизировав изображения для веб &#генератор flexзуете flexbox при верстке сайтов, то используйте генератор flex для качественного и быстрого написания кода в css.

Ниже приведен пример обычного кода CSS:

body {
margin:20px;
padding:20px;
color:#333333;
background:#f7f7f7;
}
h1 {
font-size:32px;
color#222222;
margin-bottom:10px;
}

 

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

body{margin:20px;padding:20px;color:#333;background:#f7f7f7}h1{font-size:32px;margin-bottom:10px}

 

Если вы пытаетесь достичь 100/100 счет на Google PageSpeed или GTMetrix, то минимизация CSS и JavaScript позволит значительно улучшить ваши очки.

Сказав, давайте посмотрим, как легко минимизировать CSS/JavaScript на вашем WordPress сайте.

Минимизация CSS/Javascript Better WordPress Minifyle="Better WordPress Minify" href="https://wordpress.org/plugins/bwp-minify/" target="_blank" rel="nofollow noopener">Better WordPress Minify . Дкак установить плагин в WordPress плагинef="https://andreyex.ru/blog-platforma-wordpress/posobie-dlya-novichkov-v-wordpress/kak-ustanovit-plagin-v-wordpress-shag-za-shagom-dlya-nachinayushhix/">админку WordPressн добавит новый пункт меню с надписью ‘BWP Minify’ в вашу nimizirovat.png 550w, https://andreyex.ru/wp-content/uploads/2017/03/Nastrojki-BWP-Minimizirovat-300x209.png 300w, https://andreyex.ru/wp-content/uploads/2017/03/Nastrojki-BWP-Minimizirovat-287x200.png 287w" sizes="(max-width: 550px) 100vw, 550px"/>

На странице настроек необходимо проверить первые два варианта, чтобы автоматически минимизировать JavaScript и CSS файлы на WordPress сайте.

Теперь вы можете нажать на кнопку Сохранить изменения, чтобы сохранить настройки.

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

Просмотр страницы источника WordPress сайтаsajta.png 550w, https://andreyex.ru/wp-content/uploads/2017/03/Prosmotr-stranitsy-istochnika-WordPress-sajta-300x163.png 300w, https://andreyex.ru/wp-content/uploads/2017/03/Prosmotr-stranitsy-istochnika-WordPress-sajta-369x200.png 369w" sizes="(max-width: 550px) 100vw, 550px"/>

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

Это уменьшенная версии исходного CSS и JavaScript файлов. Плагин Better WordPress Minify будет держать их в кэше и передавать минимизированную версию для браузеров.ускорить WordPressвидеть наше конечное руководство о т.9,4.2,10.8,9.7,12v27.6c-4.8-8-13.2-20.5-25.9-33.4 c10.6-17.5,12.7-29.4,13.2-33.9h29.7C74.2-23.4,77-10.3,87.4,5.4z M27-48.9h64v15.1H27V-48.9z"/>

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Если статья понравилась, то поделитесь ей в социальных сетях:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close