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

Всем привет. Делаю оптимизацию сайта в MODX и pagespeed указывает мне файл где нужно удалить ненужные правила из таблиц стилей и рекомендует отложить загрузку кода css.
Файл я нашла, но что в нем удалять не знаю. в нем две с лишним тыщи записей.
подскажите, с чего начать.
Katerina
31 марта 2020, 15:40
modx.pro
168
0

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

Scorp Satex
31 марта 2020, 20:30
-1
Мне вот это помогает: jonassebastianohlsson.com/criticalpathcssgenerator/

Вставляешь ссылку на нужную страницу, потом весь css код, и он отдает тебе кусок который нужно вставить сверху кода в style.
    iWatchYouFromAfar
    31 марта 2020, 23:14
    0
    Если вы не разобрались в вопросе, не стоит вводить людей в заблуждение вредными советами. Критическая часть данных и неиспользуемые стили и скрипты, это две разные вещи.

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

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

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

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

    4. Ну и последнее. Тестировать нужно не на pagespeed а через lighthouse, который по моим наблюдениям, намного жестче тестирует сайты.
      Katerina
      01 апреля 2020, 14:52
      1
      0
      Спасибо. скачала lighthouse и прогнала страницы. вроде все норм.
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      4