Домой Оптимизация и учебники по WordPress Как проанализировать и удалить неиспользуемый CSS из файла WordPress style.css с помощью...

Как проанализировать и удалить неиспользуемый CSS из файла WordPress style.css с помощью утилиты аудита Chrome?

540
0

Скорость страницы и производительность сайта являются ключевыми факторами успеха в онлайн-мире. Благодаря усилиям Google AMP, тактика кэширования , сеть доставки контента ( CDN ), трюки .htaccess и некоторые другие — это способы повысить скорость сайта вашего блога.

Согласно информации из поста Google Adsense , вы можете потерять своего посетителя, если ваш сайт загружается медленно и занимает более 3 секунд для загрузки на мобильное устройство.

Это одна из причин, по которой мы женились на WordPress и AMP на Crunchify Пока что результаты потрясающие. Google начал показывать страницы AMP на странице результатов поиска.

На Crunchify страницы загружаются очень быстро. Большая часть страниц загружается в течение полсекунды. Посмотрите на изображение ниже.

При выполнении некоторых проверок я заметил проблемы пропускной способности для style.css файл. Почти ~41GB использование полосы пропускания в прошлом месяце.

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

ЧИТАТЬ ТАКЖЕ:  WordPress: как проверить, есть ли у категории дети?

Чтобы удалить все ненужные CSS, выполните следующие действия

Шаг 1

  • Открыть браузер Chrome
  • Загрузите свой сайт
  • Щелкните правой кнопкой мыши на странице
  • Нажмите на Осмотреть
  • Перейти на вкладку аудита

Шаг 2

  • Выберите опцию Web Page Performance
  • выберите Reload Page and Audit on Load
  • Нажмите на Run

Шаг 3

  • В моем случае тест показал 67% неиспользуемые данные CSS

Мне потребовался почти час, чтобы исправить и удалить некоторые из этих неиспользуемых элементов CSS из style.css.

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

Как проанализировать и удалить неиспользуемый CSS из файла WordPress style.css с помощью утилиты аудита Chrome?

0.00 (0%) 0 votes

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь