Рекомендации от Google PageSpeed

123 4
O
На сайте с 10.10.2012
Offline
63
1937

Всем привет. Решил внедрить некоторые рекомендации от Google PageSpeed и столкнулся с проблемой. Вот что он пишет:

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

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

Оптимизируйте работу CSS.

Хотелось бы спросить у опытных форумчан:

* Стоит ли вообще с этим заморачиваться?

* Какой способ реализации выбрать?

И ещё один вопрос. Хотел сделать асинхронную загрузку с помощью link rel="preload", но в этом случае на мобильных устройствах вообще не работает css. Нашел вот этот скрипт, но не понял, как его установить (в js не силен) - https://github.com/filamentgroup/loadCSS/blob/v2.0.1/src/cssrelpreload.js. Может кто подскажет, как его установить правильно, чтобы всё заработало

Всем спасибо

SeVlad
На сайте с 03.11.2008
Offline
1609
#1
olegpetrovichh:
Стоит ли вообще с этим заморачиваться?

/ru/forum/945499

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
melkozaur
На сайте с 06.04.2010
Offline
505
#2

Почему Гугл, богоизбранная корпорация, знаменитая высшей степенью инженерного гения - матэриал дизайном - и создавшая все сервисы в мире, не может объяснить своим пользователям, как им добиться 100 из 100?

Серверы в NL/US со скидкой 30% нашим читателям: E5-2650v4/10GB DDR4/240GB SSD/1 Gbps - от $20: https://ua-hosting.company/vps/nl SEO без компромиссов: https://seoleaks.net SEOLEAKS - продвижение сайтов: https://www.instagram.com/seoleaks
D.iK.iJ
На сайте с 26.05.2013
Offline
225
#3

Все просто!

Поискать плагин для движка, объединяющий разные стили в 1 сжатый файл. Поставить и закончить на этом.

Или:

1) Перенести все стили в самый низ страницы, поставив их перед <body>

2) Ужаснуться тому, как ужасно грузится сайт.

3) Перенести часть основных стилей в <STYLE> в хедере сайта, чтобы страницу так не дергало.

4) Перенести все скрипты в самый низ страницы.

5) Скрипты перестали работать. Нанят программиста, чтобы исправил.

6) Часть скриптов придется оставить в шапке и Гугл все равно будет ругаться :)

Да, немного заморочено это все. Есть простой способ обмануть Гугл - вставить стили прямо в тело документа через тот же PHP:

<style><?php
require(getenv("DOCUMENT_ROOT")."/style.css");
?></style>

Но это тоже, как мне кажется, маразм. Да и не кешируется браузером совсем. В общем, вам решать.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
S
На сайте с 30.09.2016
Offline
469
#4
<style><?php
require(getenv("DOCUMENT_ROOT")."/style.css");
?></style>
DiKiJ:
Но это тоже, как мне кажется, маразм.

И правильно кажется.🙄

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Samail
На сайте с 10.05.2007
Offline
361
#5
melkozaur:
как им добиться 100 из 100?

Да вообще легко:

[ATTACH]171665[/ATTACH]

png Screenshot_4.png
suffix
На сайте с 26.08.2010
Offline
325
#6

можно и по нормальному:

Клуб любителей хрюш (https://www.babai.ru)
SeVlad
На сайте с 03.11.2008
Offline
1609
#7
suffix:

можно и по нормальному:

С нормальностью только что-то не сложилось

ВПН баним, угу? Ну-ну:)

Но я ж упорный, хотелось снова порадоваться на что же ушли очередные 20 тыщ ..

Оказывается на 2.5 сек на 25 кб статику.

Вот это да, вот это нормально ЯЩЕТАЮ ☝

melkozaur
На сайте с 06.04.2010
Offline
505
#8

Samail,

Ну так это большими буквами должно быть написано на этой же странице. Т.е. инструкция - как этого добиться.

Они там что, не понимают, кто их ЦА?

suffix
На сайте с 26.08.2010
Offline
325
#9
SeVlad:

Но я ж упорный, хотелось снова порадоваться на что же ушли очередные 20 тыщ ..
Оказывается на 2.5 сек на 25 кб статику.



Вот это да, вот это нормально ЯЩЕТАЮ ☝

Клинический случай идиотизма !

У меня сайт для России ! И сервер расположен в Москве ! А Вы в приступе идиотии выбрали в pingdom.tools Сан-Хосе - не пробовали Стокгольм выбрать и два теста сделать чтобы dns не влияло ?

Передёргивание - признак очень плохой :)



---------- Добавлено 25.02.2018 в 22:58 ----------

И главная сайта:

Так что Едитор-гуру - слив ваш очевиден :)

SeVlad
На сайте с 03.11.2008
Offline
1609
#10
suffix:
Клинический случай идиотизма !

Подтверждаю!

Даже 2 раза!

1й Выше на скрине не отобразившаяся картинка ан форуме

И вот опять

suffix:
Едитор-гуру

Это, надо полагать ты хочешь пообсуждать должность?

3е подтверждение? Ну сколько ж можно-то. :)

123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий