Как улучшить показатель Speed Index?

123
EB
На сайте с 04.04.2024
Offline
1
#11
havenrock #:

его?)


👍🤣😂
Dambo
На сайте с 19.07.2018
Offline
279
#12
kalmarsw #:

Смотря что за сайт.

А в целом, если на сайте одновременно есть РСЯ+Адсенс+Метрика +Гугл аналитикс - про зеленую зону можно забыть 

Вот уж точно. Уже неделю мучаюсь, пытаюсь перевести мобильную версию в зеленую зону. Удалось перейти частично с красной на оранжевую зону, до 65, но выше уже вообще НИКАК. Только когда снимаю все метрику, счетчики и скрипты, поднимается. 

L
На сайте с 25.12.2013
Offline
322
#13
havenrock #:

его?)


Под такой ливер надо еще горючее для ускорения брать! 👍

Недорогой, надежный и отзывчивый VPS хостинг ( https://bit.ly/3eXUnNN ) Проверенная пуш партнерка с ежедневными выплатами ( https://vk.cc/9wLSrL)
Cuys
На сайте с 05.12.2016
Offline
197
#14
havenrock :
как вы улучшаете показатель Speed Index на сайте?

Делать сайты на .html без скриптов / без картинок вообще - голый текст. Везде будет показывать зелёное и 100%.

L
На сайте с 25.12.2013
Offline
322
#15
Cuys #:
Делать сайты на .html без скриптов / без картинок вообще - голый текст. Везде будет показывать зелёное и 100%.

Если картинки хорошо пережать и каналы у хостера хорошие, то можно и с картинками. Плюс еще статики в том, что через скрипты никто не залезет к вам на сайты и не напакостит, кроме самого хостера.

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#16

Для картинок сам Гугел как-то рекомендовал https://squoosh.app/ но можно и тем же Фотошопом обойтись.

Метрику и рекламу - грузить асинхронно через lazyload. Картинкам проставить loading="lazy" decoding="async"

+ CSS для 1 экрана вывести в тело страницы. Лишние шрифты или удалить или перенести на сайт.

Но с 96% я бы не заморачивался сильно уж.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
C
На сайте с 22.08.2012
Offline
104
#17
D.iK.iJ #:
Картинкам проставить loading="lazy" decoding="async"

Только если есть 100-я уверенность, что при загрузке изображение не пересекается с  вьюпортом.
Иначе даже для изображений, которые визуально попадают в область просмотра можно получить ситуацию, когда браузер будет ожидать пересечения элемента с его родительским контейнером или с вьюпортом и отложит загрузку "видимых" изображений.

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#18
chaturanga #:
и отложит загрузку "видимых" изображений.

Это вполне себе стандартные функции браузера. Тот же Хром грузит изображения в пределах примерно 3 экранов в высоту.

В других - может вообще не работать. Так что я бы не беспокоился сильно.

C
На сайте с 22.08.2012
Offline
104
#19
D.iK.iJ #:

Это вполне себе стандартные функции браузера. Тот же Хром грузит изображения в пределах примерно 3 экранов в высоту.

В других - может вообще не работать. Так что я бы не беспокоился сильно.

Вы не поняли, я говорю именно об изображениях пересекающихся с вьюпортом. Именно в видимой части можно получить эффект отложенной загрузки. В багтрекере хрома эта проблема была ещё году в 18-19-м зарегистрирована. И, на сколько знаю, до сих пор не решена.

C
На сайте с 22.08.2012
Offline
104
#20
Воспроизвёл ситуацию. Две странички отличаются только 
<img itemprop="image" id="image" class="img-fluid" src="/0.webp" alt="Test" loading="lazy" decoding="async">
http://ipaddr.online/img_base.html
http://ipaddr.online/img_lazy.html

(блин, как тут картинки под спойлер убрать?)




картинка гарантированно в видимой части,  но:
- в 1-м случае, с обычной загрузкой она начинает грузиться сразу после загрузки html (одновременно со стилями и т.п)
- во втором (с loading="lazy") браузер ожидает загрузки стилей, так как ещё не "знает" попадёт ли картинка в видимую часть.

123

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