Удалите JS и css препятствующей загрузки страницы.
Страницы: 1
Удалите JS и css препятствующей загрузки страницы.
Вот такое сообщение мне выдаёт cy-pr анализ сайта: "Удалите код подключения JavaScript и CSS, блокирующий отображение верхней части страницы. Страница начинает отображаться, только после загрузки этих файлов.". Как мне быть я не могу удалить CSS и js, так как часть функционала сайта перестанет работать и вся графика и вёрстка без css пропадёт?

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

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

js - если они у вас загружаются с другого сайта - перезалейте на свой хостинг. Ссылки на скрипты и css разместите сразу после </head> с новой строки. Так вы оптимизируете их загрузку и это всё.
Я перенесла все JavaScript'ы и CSS, после </head>, но в google page speed, всё равно отображается эта рекомендация.
Цитата

Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы




Количество блокирующих скриптов на странице: 9. Количество блокирующих ресурсов CSS на странице: 3. Они замедляют отображение контента.



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



Цитата
Katerina1993 пишет:
Я перенесла все JavaScript'ы и CSS, после </head>
перенесите перед </body> и добавьте async defer, CSS также возможно подгружать после загрузки страницы, в начале просто оставить минимальный встроенный <style> в head, чтобы основная вёрстка выглядела более-менее до загрузки всех стилей. Но это не так просто сделать, не быстро.
Он занят игрой,
И каждый второй,
Да каждый второй замедляет свой шаг.
Но только не я,
Я весел и пьян,
Я только сейчас начинаю дышать.

Минуту еще, мой ветер не стих,
Мне нравится здесь в Королевстве Кривых.
Я нашла статью в сети, где рассказывается как разместить css и js внизу страницы. Вот код:

Код
</body>
//Вместо точек дополнительные js скрипты
<script src="/js/jquery-1.11.0.min.js"></script>
...
<script>
$(document).ready(function() {
$("head").append("<link rel='stylesheet' href='/styles.css' />");
//Стили для галереи карусели
$("head").append("<link rel='stylesheet' href='/slick/slick.css' />");
$("head").append("<link rel='stylesheet' href='/slick/slick-theme.css' />");
});
</script>
</html>
Только при переходе на сайт у меня сначала загружается страница, без стилей, а потом через секунду загружаются стили, как это можно исправить? Вот видео моего сайта, посмотрите пожалуйста. Сайт тестовый, видео сделано на Camtasia Studio.
Цитата
Katerina1993 пишет:
при переходе на сайт у меня сначала загружается страница, без стилей, а потом через секунду загружаются стили, как это можно исправить?
так и должно быть, поскольку теперь стили подгружаются после загрузки страницы. Чтобы было красиво, пока не загрузились все стили
Цитата
Eye пишет:
в начале просто оставить минимальный встроенный <style> в head, чтобы основная вёрстка выглядела более-менее до загрузки всех стилей.
Вообщем, я решила javascript'ы записать снизу css стили slick для галереи то же снизу, а основные стили styles.css сверху. Скажите 92 % для мобильных устройств и пк, через google speed это нормально?
Цитата
Katerina1993 пишет:
Скажите 92 % для мобильных устройств и пк, через google speed это нормально?
Нормально. Но в топе и с 60% попадают сайты, и с 70%, и часто они выше тех, у кого 100%, иногда на пару страниц smile;)
Цитата
Eye пишет:
Но в топе и с 60% попадают сайты, и с 70%, и часто они выше тех, у кого 100%, иногда на пару страниц

Верно, поэтому вам сразу посоветовали забить на эту проблему и не выносить себе мозг... smile:)

А вообще, все легко, если правильно читать те самые рекомендации.Где сказано, кратко: не ставить скрипты (джава особенно) в верх части сайта. Оптимизировать стили, вынести некоторые элементы (для ленивых весь CSS файл меж тегами  <style></style> в тело - да, это убивает кэширование этих кодов, но делает загрузку быстрее) в теле, особенно если это подгрузка доп стилей или картинок и так далее.

Просто вы даже не пытаетесь вникнуть и прочитать все эти рекомендации. Делов то 5-10 минут, понять все это еще 20-30 минут. И около 1 часа (живого времени) чтобы внедрить все это без ошибок.
Проблема так и осталась, только пишет что один css документ блокирует загрузки верхнего контента, только это уже не важно. Так уровень оптимизации сервера (анализ cy-pr) стоит на максимуме оптимизация для смартфонов то же на максимум. Теперь осталась внутренняя оптимизация (шкала на половина оптимизирована) и внешняя оптимизация (шкала на самом дне). Как выполнить оптимизацию для этих двух параметров? Так же время ответа сервера для пк 1.23, для телефона 1.16, а рекомендуется 0.2. Сколько тестировала чужие сайты не у кого 0.2 нет, стоит ли заморачиваться по этому поводу?
У меня 0.2 - киносайт, 0.4 блог. smile:)
Но не суть.

Причем здесь супр? Вы же вкурсе, что эти данные показываются по API с сайта PageSpeed Insights (гугл)? Проверяйте там, скачивайте готовые материалы для оптимизации, также там снизу при проверке.

Другой момент на загрузку влияет сколько у вас символов в HTML коде (лишние символы, пробелы, табуляции и так далее). Сколько раз вы используете дубли кода, например "<center>121</center> через предложение еще <center>121</center>".

Здесь много чего может влиять, если вы реально хотите довести до ума, то зайдите на офф сайт, проверять, прочитайте рекомендации и примеры.
Цитата
У меня 0.2 - киносайт, 0.4 блог.
У вас, что нет не одной картинки на ваших сайтах. Просто не разу не видела, чтобы сервер отвечал так быстро. Может кинете мне ссылки в личку, чтобы я посмотрела?
Время ответа не зависит от картинок, они подгружаются дополнительными запросами. Если CMS не тупит и не считает там что-то при генерации ответа секундами, подтормаживать ответ может ssl, например
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
01:01 РСЯ ужесточает приём сайтов? 
23:57 18 декабря 2020 Яндекс ИКС | У вас стал больше? 
22:48 Вопрос гуглил, но ответа не нашел. 
22:48 web-archives и смена имени сайта 
22:47 После перехода на Https сайт отлетел далеко в выдаче яндекс! 
22:47 Как перенести статьи со старого сайта на новый. 
22:46 И опять про "утечку веса" 
16:32 BestChange – обменивать электронную валюту можно быстро и выгодно 
15:56 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
15:10 Продам 2 адалт туба (заруб.) 
14:50 Сервис Автоматического парсинга и постинга ВК 
14:19 Продажа баз доменов на различных эксклюзивных CMS 
14:12 Обмен/Вывод криптовалют и электронных денег в разных странах 
12:31 2 хороших адалт домена 
22:22 Всё же построили коммунизм или что-то там? 
21:18 Ты не вписался в модель нищеброда 
19:17 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
19:03 Leadgid — международная финансовая партнерская CPA сеть 
18:24 С юмором по жизни! 
14:21 Биткоин квест 3 - собери сиды на картине и забери Битконы 
00:08 Пассивный доход с Bitality.cc