Ищем "мертвый" JS и CSS на сайте. Изучаем coverage

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ม.ค. 2025

ความคิดเห็น • 46

  • @alexanderalexander7722
    @alexanderalexander7722 3 ปีที่แล้ว +2

    Спасибо за интересный и полезный урок! То что доктор прописал! Очень полезная информация.
    СПАСИБО!

  • @ВладОмел-и9й
    @ВладОмел-и9й ปีที่แล้ว

    Спасибо. Лучшее видео!

  • @mikoto7968
    @mikoto7968 3 ปีที่แล้ว +1

    Спасибо большое, как всегда максимально понятное и полезное объяснение. 👍🔥

  • @nerusnotfound
    @nerusnotfound 3 ปีที่แล้ว +1

    🔥 *Люблю этот канал* 🔥

  • @AndrewMorozov-e5g
    @AndrewMorozov-e5g 3 ปีที่แล้ว +3

    Не совсем понятно что делать в том случае если я через gulp собираю все библиотеки в один файл libs.min.css, и что логично у меня там много не использованного css кода. И в обычном файле style.min.css у меня есть код, который не используется, но он не используется только на одной странице, а на других используется... Как быть в таких ситуациях, подскажите пожалуйста.

    • @iamname8758
      @iamname8758 3 ปีที่แล้ว

      Наверное до сборки это править

  • @ivanovserg8795
    @ivanovserg8795 3 ปีที่แล้ว

    Дякую Олександр! Цікаво та дуже сподобалось

  • @digitalturkistan1857
    @digitalturkistan1857 3 ปีที่แล้ว

    Лайк однозначно. Это мой главный канал 3 год уже.

  • @bezbezov8867
    @bezbezov8867 3 ปีที่แล้ว +1

    Спасибо! Очень полезно и позновательно 🤝👍🏽

  • @СергейПресняков-о4р
    @СергейПресняков-о4р 2 ปีที่แล้ว

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

  • @Компания812
    @Компания812 2 ปีที่แล้ว

    Начал удалять то, что красным обозначено, проверил - все поплыло. Почему?

  • @АнтонМирный-с5х
    @АнтонМирный-с5х 3 ปีที่แล้ว

    Алексей, спасибо большое! Как всегда актуальная информация. Ты читаешь МЫСЛИ =))

  • @ДмитрийНормов-ю6ц
    @ДмитрийНормов-ю6ц 3 ปีที่แล้ว

    3:10 - два раза создается переменная "ul" - не очень хорошая практика - плодить переменные с одинаковым именем.

  • @annalumery4211
    @annalumery4211 3 ปีที่แล้ว +1

    Бирюзовый))) спасибо за Ваши видео! Всё становится предельно ясно после просмотра!

  • @takeoof
    @takeoof 3 ปีที่แล้ว

    ну, а если ajax-событие висит на кнопке, что мне покажет в таком случае coverage ? Что функция не используется ?

    • @ericraudy
      @ericraudy 3 ปีที่แล้ว

      ахах, точно )) объявление хэндлера бирюзовое, а вот тело - красное!

  • @nicholasdev1853
    @nicholasdev1853 3 ปีที่แล้ว

    Побольше таких видео!

  • @mustangmustang980
    @mustangmustang980 3 ปีที่แล้ว

    Информативно. Спасибо.

  • @ЛистокЯблони-р1у
    @ЛистокЯблони-р1у 3 ปีที่แล้ว +1

    Всё понравилось!
    Вопрос: как Вы сделали разделение экрана на 2 части таким удобным?

    • @gladkoff07
      @gladkoff07 3 ปีที่แล้ว +3

      Кнопка Win + стрелки влево/ вправо

    • @itgid
      @itgid  3 ปีที่แล้ว +2

      Это утилита с монитором dell display manager

    • @ЛистокЯблони-р1у
      @ЛистокЯблони-р1у 3 ปีที่แล้ว +1

      @@itgid Спасибо за ответ, очень помогли)

    • @Влэйпи
      @Влэйпи 3 ปีที่แล้ว +2

      @@ЛистокЯблони-р1у можно просто выбрать нужное окно, нажать win + стрелочка влево или вправо, а потом выбрать программу , которая будет в противоположной стороне без утилит

  • @ivankrashevskyi3837
    @ivankrashevskyi3837 3 ปีที่แล้ว +1

    Интересно у тебя на канале, есть вариант для видео никто особо не хочет видать выложить, потому как нет таких видео на нашинских просторах, разбиение css / js на критическое и не критическое и предзагрузка через preload/prefetch. Ну возможно все жмутся таким делится за просто так

  • @BROnik
    @BROnik 3 ปีที่แล้ว

    особенно полезно будет для тех кто делает лендинги/визитки всякие

  • @eroskaeroska6921
    @eroskaeroska6921 3 ปีที่แล้ว

    Почему-то отметился, как неиспользуемый, закомментированный код в style.css. Я правил чужую верстку с параллаксом. Там элемент центрировался с position: absolute, top,left: 50%. transform: translate..., а я переделал с flex'ом. Почему-то coverage засчитал комментарии как неиспользуемый код, в то время как другие комменты отметил зеленым

  • @ihopeingod1
    @ihopeingod1 2 ปีที่แล้ว

    🙏🏼

  • @НикитаТитов-в2ю
    @НикитаТитов-в2ю 3 ปีที่แล้ว

    PageSpeed покажет тоже самое))

  • @zloy_ax8496
    @zloy_ax8496 3 ปีที่แล้ว

    +++

  • @DH-yv8um
    @DH-yv8um 3 ปีที่แล้ว

    Первый

  • @DH-yv8um
    @DH-yv8um 3 ปีที่แล้ว

    Первый