Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 June 10

ИБ

Илья Бельский... in Nuxt.js — русскоговорящее сообщество
но это фуфу
источник

ИБ

Илья Бельский... in Nuxt.js — русскоговорящее сообщество
шэйм он ю как говорится 🙂
источник

ИБ

Илья Бельский... in Nuxt.js — русскоговорящее сообщество
читал статью где чувак рассказывает что под видом "оптимизирую сайт под 100 баллов" как раз так и делают
источник

ИБ

Илья Бельский... in Nuxt.js — русскоговорящее сообщество
картинку втыкают и деньги берут за это
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
Да. такая статья на VC была. Поэтому я и говорю что так делать не нужно.
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
Dmitry Petrik
Забавно))) Нет конечно не буду. Придумать бы как избавиться от 90% ненужного хлама что вебпак запихивает
А дело именном в нём? Картиночки в picture уже засунули с webp? Lazyload добавили? Прооптимизировали всю графику?
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
префетч ещё обязательно выключить
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
+
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
На шрифты особенно хорошо preload
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
<picture>
   <source media="(max-width: 767.98px) and (orientation: portrait)" type="image/webp" srcset="/img/big-banner__mob.webp 1x, /img/big-banner__mob@2x.webp 2x">
   <source media="(max-width: 767.98px) and (orientation: portrait)" type="image/jpg" srcset="/img/big-banner__mob.jpg 1x, /img/big-banner__mob@2x.jpg 2x">
   <source media="(max-width: 1024px)" type="image/webp" srcset="/img/big-banner__tab.webp 1x, /img/big-banner__tab@2x.webp 2x">
   <source media="(max-width: 1024px)" type="image/jpg" srcset="/img/big-banner__tab.jpg 1x, /img/big-banner__tab@2x.jpg 2x">
   <source type="image/webp" srcset="/img/big-banner.webp 1x, /img/big-banner@2x.webp 2x">
   <img src="/img/big-banner.jpg" srcset="/img/big-banner.jpg 1x, /img/big-banner@2x.jpg 2x" alt="" class="big-banner__img">
 </picture>

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

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
Владимир Бандуристов
А дело именном в нём? Картиночки в picture уже засунули с webp? Lazyload добавили? Прооптимизировали всю графику?
Да, картинки в webp, ленивая загрузка, все картинки через tinypng прогнал, префетч ссылок убрал, все шрифты в режиме swap, внешние ресурсы preconnect
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
Тогда у вас минимум 80-90 должно быть.
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
на мобиле 20
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
О_о
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
на пека 40
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
может конечно из за бесплатного хостинга на хероку
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
Ахахаха
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
А это вы пейджспидом смотрите или лайтхаусом со своей машины?
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
Владимир Бандуристов
А это вы пейджспидом смотрите или лайтхаусом со своей машины?
Пейджспид
источник

ВБ

Владимир Бандуристов... in Nuxt.js — русскоговорящее сообщество
А лайтхаус в браузере что говорит?
источник