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

Всем привет. Делаю оптимизацию сайта в MODX и pagespeed указывает мне файл где нужно удалить ненужные правила из таблиц стилей и рекомендует отложить загрузку кода css.
Файл я нашла, но что в нем удалять не знаю. в нем две с лишним тыщи записей.
подскажите, с чего начать.

Katerina

31 марта 2020, 15:40

1 264

Комментарии: 4

Scorp Satex

31 марта 2020, 20:30

-1

Мне вот это помогает: jonassebastianohlsson.com/criticalpathcssgenerator/

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

iWatchYouFromAfar

31 марта 2020, 23:14

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

Читай внимательно вопрос.

iWatchYouFromAfar

31 марта 2020, 23:13

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

1. Если мы говорим про сайт на MODx, то, правильный вызов сниппетов, правильное кэширование и если на сайте используются сторонние скрипты, их оптимизация.

2. Ну а если ваша задача получить 100 баллов в pagespeed. То вас ждет множество весёлых задач. По вашему вопросу, самый правильный подход — разделить верстку и JS код по шаблонам. Например, там где не используется секция или блок — не выводить её CSS стили и JS код.

3. Гугл сам отрёкся от своих правил. Замерьте данные домена сайта — developers.google.com.

4. Ну и последнее. Тестировать нужно не на pagespeed а через lighthouse, который по моим наблюдениям, намного жестче тестирует сайты.