Поддержка Темы и шаблоны Размер файла CSS превышает 15 КБ.

  • 1) 50 страниц сайта:
    Размер файла CSS превышает 15 КБ.
    Размер файла JavaScript превышает 25 КБ.
    Подскажите что с этим делать?

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 1 по 15 (всего 24)
  • Это вы каким-то SEO-тестером проверяли сайт?

    SEO-тестером проверяли sitechecker

    Модератор Yui

    (@fierevere)

    ゆい

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

    Я бы ничего делать не стала, особенно если эти большие CSS и JS файлы — результат оптимизации других CSS/JS файлов.

    Есть опасения что большое количество css и js затруднит индексирование, а в общем по скорости сайт очень не плохо, стабильно 100 комп и 76-98 мобильная, временами код яндекс метрики тормозит мобильную скорость загрузки.

    Модератор Yui

    (@fierevere)

    ゆい

    https://gtmetrix.com/reports/www-okna.ru/AOCtJOzT/
    вполне прилично, и да, не стоит пытаться уменьшить размер файла оптимизированного css и js (у вас это делает WP Fastest Cache)

    Лучше иметь большой файл и меньше запросов, нежели маленькие CSS и JS файлы, но с кучей запросов.

    gtmetrix- то «B» то «A» в зеленой зоне

    Вот такое предупреждение:

    Предупреждения
    Размер файла CSS превышает 15 КБ.
    URL-адреса содержат файлы CSS размером более 15 КБ.
    
    URL-адреса содержат файлы CSS размером более 15 КБ. Цифра в 15 КБ является относительно произвольной — не существует жесткого и быстрого правила относительно того, что представляет собой файл CSS, который считается «слишком большим».
    
    Почему это важно
    
    Чем меньше файлы CSS, тем быстрее они загружаются, что приводит к более быстрому выполнению браузером.
    
    Как решить эту проблему
    
    Файлы CSS могут содержать ненужные символы, такие как комментарии, пробелы и отступы. В рабочей среде эти символы можно безопасно удалить, чтобы уменьшить размер файла, не влияя на то, как браузер обрабатывает стили. Этот метод называется минификацией.
    
    Минимизация CSS — это передовая отраслевая практика, которую следует включить в рабочий процесс разработки, чтобы производительность рабочего веб-сайта была оптимизирована. Некоторые системы управления контентом, такие как WordPress, имеют множество плагинов, которые помогают уменьшить размер файла CSS за несколько кликов.
    Предупреждения
    Размер файла JavaScript превышает 25 КБ.
    URL-адреса содержат файлы JavaScript размером более 25 КБ.
    
    URL-адреса содержат файлы JavaScript размером более 25 КБ. Цифра в 25 КБ является относительно произвольной — не существует жесткого правила относительно того, что представляет собой файл JavaScript, который считается «слишком большим».
    
    Почему это важно
    Меньший размер файла JavaScript и полезная нагрузка сокращают время, затрачиваемое на синтаксический анализ сценариев, что приводит к более быстрой загрузке страниц и улучшению качества страниц.
    
    Как исправить
    Уменьшите размер файлов JS, удалив комментарии, пробелы и избыточный код, а в некоторых случаях используйте более короткие имена переменных и функций.
    
    Минимизация вашего JavaScript менее влияет на общее впечатление от страницы по сравнению с другими оптимизациями, такими как разделение кода, удаление мертвого кода и кэширование вашего кода JavaScript.
    
    Следовательно, минимизация — это оптимизация с более низким приоритетом, которую следует рассматривать как шаг тонкой настройки для улучшения взаимодействия с вашей страницей, а не в одиночку повышать производительность вашей страницы.

    Жути что ли на чайника нагоняют? ))

    Модератор Yui

    (@fierevere)

    ゆい

    Лучшее — враг хорошего.
    Достаточно много примеров когда в погоне за 100 баллами люди портили сайты достаточно сильно, вам эти баллы ничего не дадут, кроме головной боли как их достичь.
    90% оптимизации делаются за 10% времени,
    в то время как на 10% оставшегося тратится 90% времени и усилий
    (или как-то так)

    Модератор Yui

    (@fierevere)

    ゆい

    «минимизация», а точнее минификация CSS и JS у вас уже была выполнена плагином WP Fastest Cache, можете игнорировать написанное вам на том сайте.

    Можете подсказать почему Yandex Metrica себя так ведет?
    Сторонний код может сильно замедлить загрузку страниц сайта. Рекомендуем использовать только самые необходимые сторонние ресурсы и сделать так, чтобы они загружались в последнюю очередь. Подробнее…TBT
    Сторонний поставщик
    Объем переданных данных
    Время блокировки основного потока
    Yandex Metrica
    53 KiB
    446 ms
    /metrika/watch.js(mc.yandex.ru)
    50 KiB
    446 ms
    Google Analytics
    21 KiB
    43 ms
    /analytics.js(www.google-analytics.com)
    20 KiB
    43 ms
    WordPress
    65 KiB
    0 ms
    …02/%D0%A1%D0%BA%D0%B8%D0%B4%D0%BA%D0%B8-%D0%BD%D0%B0-%D0%B….png(i0.wp.com)
    54 KiB
    0 ms
    …05/one-plus.png(i0.wp.com)
    7 KiB
    0 ms
    …05/cropped-cropped-favicon-1.png(i0.wp.com)
    4 KiB
    0 ms

    Модератор Yui

    (@fierevere)

    ゆい

    https://qna.habr.com/q/951021

    используйте async,defer для кода метрики, размещайте его в подвале сайта (перед </body>), вместо заголовка (<head> или вначале <body>)

    А сейчас pagespeed с 8й попытки 95 из 100 мобильную показало, без блокировки основного потока Yandex Metrica

    • Ответ изменён 2 месяца, 2 недели назад пользователем admino2112.

    Код Yandex Metrica и ставил в подвал

    А с этим sitechecker вроде всё ясно))
    так пишет теперь )
    Скорость мобильной страницы
    Главная страница имеет рейтинг 21 из 100.

Просмотр 15 ответов — с 1 по 15 (всего 24)