Size: a a a

Техническое SEO

2020 June 01

ЕК

Евгений Калинский... in Техническое SEO
#вопрос решил разобраться что влияет на новую оценку PageSpeed Insights и залил на виртуальный хостинг на технический домен тестовую версию WP с минимумом плагинов.

Вот 2 страницы (1 - с одной картинкой, 2 - с четырьмя картинками):
http://kalinsg5.bget.ru/wppagespeedtest/page-1/
http://kalinsg5.bget.ru/wppagespeedtest/page-2/

Кроме разницы в баллах, для второй очень сильно прыгают оценки 80-96 баллов.
Это виртуальный хостинг такое выдаёт?
Из-за отсутствия кеширования?
источник

A

Alex in Техническое SEO
Коллеги, может сталкивался кто с ошибками в новом lighthouse?
В предыдущем (5.7.0) по Accessibility получаю 100 баллов.
В новом же (6.0) - только знак вопроса.
источник

VS

Victor Stepankov in Техническое SEO
Переслано от Demi Murych
Такое происходит обычно тогда,
когда тест не может четко зафиксировать ситуацию формирования контента в основной области видимости.
Чтобы это проверить - попробуй для теста утсновить бэкграунд черным.

Если ошибка пропадет то это именно такая причина. Что означает, что элементы окторые тест посчитал основным, обладают контрасностью меньше 60% к фону. И нужно поднять их контрасность.

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

AZ

Anton Zozulya in Техническое SEO
Евгений Калинский
#вопрос решил разобраться что влияет на новую оценку PageSpeed Insights и залил на виртуальный хостинг на технический домен тестовую версию WP с минимумом плагинов.

Вот 2 страницы (1 - с одной картинкой, 2 - с четырьмя картинками):
http://kalinsg5.bget.ru/wppagespeedtest/page-1/
http://kalinsg5.bget.ru/wppagespeedtest/page-2/

Кроме разницы в баллах, для второй очень сильно прыгают оценки 80-96 баллов.
Это виртуальный хостинг такое выдаёт?
Из-за отсутствия кеширования?
У вас у картинок нет класса лейзи-загрузки, хотя плагин подключен... и они рендерятся сразу все
источник

A

Alex in Техническое SEO
Я почему-то больше склоняюсь в ошибке в самом lighthouse. Судя по Issues на Github - их там вагон.
Потому как в 10 случаях из 10 в старом набираю 100 баллов. С новым же получаю ошибку в 10 случаях из 10.
источник

ЕК

Евгений Калинский... in Техническое SEO
Anton Zozulya
У вас у картинок нет класса лейзи-загрузки, хотя плагин подключен... и они рендерятся сразу все
Поставил Native Lazyload. Разброс стал поменьше, но всё равно 90-93 баллов. Плюс если смотреть в консоли то разброс довольно большой в  DOMContentLoaded  http://ipic.su/img/img7/fs/kiss_24kb.1590991585.jpg
источник

ЕК

Евгений Калинский... in Техническое SEO
Но это всё через Ctrl+F5. Если просто обновлять страницу цифры меньше.
источник

AZ

Anton Zozulya in Техническое SEO
loading="lazy" = 5кб за каждую картинку
источник

AZ

Anton Zozulya in Техническое SEO
поищите Мурыча на эту тему. Но я чесно скажу, у меня не получается его решение хорошо собрать, кодеры  матюкаются и бажат библиотеки лагают, а накодить, то что кодит Мурыч у меня не хватает знаний. )
Поэтому сам костылями не идеальными пользуюсь.
источник

ЕК

Евгений Калинский... in Техническое SEO
Anton Zozulya
loading="lazy" = 5кб за каждую картинку
Я уже сделал лейзи плагином Native Lazyload.
А что значит "=5кб?"
источник

ЕК

Евгений Калинский... in Техническое SEO
Anton Zozulya
поищите Мурыча на эту тему. Но я чесно скажу, у меня не получается его решение хорошо собрать, кодеры  матюкаются и бажат библиотеки лагают, а накодить, то что кодит Мурыч у меня не хватает знаний. )
Поэтому сам костылями не идеальными пользуюсь.
Я не понял что он конкретно советовал. Получается картинки заглушкой заменять нельзя. оставляешь их в нормальном виде - тормозят загрузку. Я просто не понимаю в чём суть предложения Мурыча.
источник

AZ

Anton Zozulya in Техническое SEO
Demi Murych
Расскажу для тех кто не понимает, почему именно в src лежит  макисмальное качество.

Все браузеры, которые поддреживают работу с srcset,  загружают и отображают именно то, что лежит в этом атрибуте игнорируя атрибут src.
Бот же, индексирует именно то, что содержится в атрибуте src. В результате получается ситуация когда, положив заглушку в srcset браузер покажет ее, но при этом бот проиндексирует то что нам нужно то есть содержимое src, полностью игнорируя содержимео srcset.

Прелесть решения заключается в том, что даже при инедксации контента с выключенным полностью JS бот всегда проиндексирует наше изображение. Вторая прелесть заключается втом, что даже если браузер не подреживает srcset, это бразеры старше 2015 года (например edge 15) то он все равно покажет изображение взяв его из src.

Как резюме:
Подобная верстка (src = max качество, srcset placeholder) дает 99% гарантию индексации изображений при сохранении функционала LazyLoad.
Эта же задача, до 2015 года решаласб путем добавления тега <noscript> с дублированием  изображения.
Ирония всей ситуации в том, что Google долгое время, минимум 4 года подряд, рекомендовал делать неправильно. То есть применять паттерн с заглушкой в src, который приводит к ситуации когда его же бот это индесировать не может.
Хотя это и не первый случай с официальными рекомендациями.

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

Каждый раз сталкиваясь с такими ляпами в офф документации, я думаю что сам поиск пишут одни люди, а документацию пишут другие. И они живут даже не на одной планете.
тут покурите
источник

ЕК

Евгений Калинский... in Техническое SEO
Anton Zozulya
тут покурите
Я уже давно написал себе плагин, который делает в src изображение максимального качества. Там ничего сложного. Во всяком случае для WP
источник

ЕК

Евгений Калинский... in Техническое SEO
Этот пост не даёт ответа на вопрос как отложить загрузку изображений правильно.
Потому что в новом тесте, если есть набор размеров в srcset берёт картинку 1000х700 пкс, а в старом брало кажется 800х500 пкс.
Вот вам и ответ почему резко упали баллы.
источник

ЕК

Евгений Калинский... in Техническое SEO
Мой вопрос был "Почему так прыгают цифры?". Вот результаты тестирования в течении 1 минуты:  http://ipic.su/img/img7/fs/kiss_90kb.1590992021.jpg
источник

IB

Ivan Barchenkov in Техническое SEO
Евгений Калинский
Я уже давно написал себе плагин, который делает в src изображение максимального качества. Там ничего сложного. Во всяком случае для WP
доброе утро.
А можете поделиться плагином?
источник

IB

Ivan Barchenkov in Техническое SEO
Евгений Калинский
Мой вопрос был "Почему так прыгают цифры?". Вот результаты тестирования в течении 1 минуты:  http://ipic.su/img/img7/fs/kiss_90kb.1590992021.jpg
могу предположить, что в разные моменты времени на сервер идет разная нагрузка, что приводит к изменению данных показателей.
То есть колебания в данных тестах это нормально, особенно если учесть, что сервер не мощный.
источник

ЕК

Евгений Калинский... in Техническое SEO
Ivan Barchenkov
доброе утро.
А можете поделиться плагином?
Ну как бы... Я на него время потратил. Тут Антон говорит " кодеры  матюкаются и бажат библиотеки лагают, а накодить, то что кодит Мурыч у меня не хватает знаний. )" Тут кодеры написать а не могут ,а я в паблик буду выкидывать?
источник

IB

Ivan Barchenkov in Техническое SEO
Евгений Калинский
Ну как бы... Я на него время потратил. Тут Антон говорит " кодеры  матюкаются и бажат библиотеки лагают, а накодить, то что кодит Мурыч у меня не хватает знаний. )" Тут кодеры написать а не могут ,а я в паблик буду выкидывать?
ну так можно и купить ) вопрос в цене и функционале
источник

ЕК

Евгений Калинский... in Техническое SEO
Много Вы не заплатите ,а мелкие суммы меня не интересуют. Ну плюс завтра это всё будет на складчинах
источник