Опыт интеграции веб-компонентов на сайт Леруа Мерлен

[ainu]

Все остальное — это обслуживающие сайт скрипты, метрики и партнерские скрипты. Есть еще пара моментов, которые можно отметить в рекомендациях от PageSpeed Insights, но сильную присадку на мобилке нам дают сторонние скрипты.

Тут я бессилен, т. к. это метрики для бизнеса, и все сложнее, чем отказ от старых браузеров.

Стоит понимать, что примерно с 2018 года выполнение даже всех рекомендаций, которые даёт PageSpeed (включая пресловутое «Устраните ресурсы, блокирующие отображение»), не гарантирует попадание даже в «зелёную зону», я уже молчу про 100/100.

У них формула есть, которая суммирует веса метрик (хорошо хоть они известны), и выводит общий балл. В основном это время — TTFB, прорисовка первого экрана, получение интерактивности, компилирования JS и так далее. Вебкомпоненты не особо то ускоряют эти метрики.

[Pilat]

Я писал вашу поддержку о проблемах ещё полгода-год назад, но не меняется ничего (вопрос был о фильтрах при выборе компонентов, вы эти фильтры реализовали просто удивительным способом). Так что есть куда улучшаться :)

[zapolnoch]

Если вам критически нужна доступность, то веб-компоненты — это вообще не ваш вариант.

Доступность нужна всем публичным сайтам.
Учитывая что Леруа это европейская компания, очень скоро полетят судебные иски.

[dagot32167]

Леруа Мерлен Россия, подпадает под юрисдикцию законов Российской Федерации. В статье, которую ты скинул, прописаны обязательства для гос органов или коммерческих структур которые получают субсидии и гранты из федерального бюджета или любые другие деньги от государства.
Я не говорю, что доступность нам не нужна или мы не собираемся ее обеспечивать. Я описал лишь негативный момент текущей реализации.

[zapolnoch]

Кажется, об этом надо было подумать на этапе выбора технологии.

[jt3k]

Вот схера минус поставили? Разве заранее можно предусмотреть всё-привсё при выборе новой технологии?

Это крутой эксперимент и крутой опыт раскопок веб компонентов в реальный проект. А способы решения того же лезилоада и кнопки back ещё предстоит выяснить. Все проблемы м которыми сталкнулся автор нужно брать и нести в ишьюсы разработки стандартов веб компонентов чтобы те придумали костылей в новой версии. Ведь они не предусмотрели всех проблем заранее

[zapolnoch]

Веб-компоненты это закрытый гугловый стандарт. Кажется, они не особо заинтересованы в решении проблем сообщества.

[ili30]

При поиске по слову «Выключатель», сайт леруа ничего вообще не находит.
Вообще невозможно ничего найти.
Только через google.
Очень странная реализация…

[dagot32167]

Поиск — это бековая система. Фронт получает только саджесты по АПИ. Про поиск знаю, что там грядут большие изменения.

[UksusoFF]

Хэдер который скрывает все тоже бесит.
Открываешь сайт, тыкаешь в поиск и понимаешь что сверху опять стоит Москва (хотя 5 минут назад уже тыкал в другой город) и чтобы добратся до смены города нужно делать лишние клики.

[UksusoFF]

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

[i360u]

У веб-компонентов проблема с доступностью.

Нативный табиндекс часто работает совсем не так, как нужно пользователю. А реализовать кастомный — не проблема на веб-компонентах, делал такое в большом проекте на Polymer какое-то время назад. В целом, ваш кейс довольно специфичен для того, чтобы делать вывод о технологии в целом, с фразой «узкий спектр проблем» можно сильно поспорить.

[Renatk]

Подскажите пожалуйста, а что делать пользователям с браузером Mozilla Firefox?

[ratijas]

Гордиться собой и своей активной интернет-гражданской позицией. #MozillaPride все дела...

[jt3k]

А что там не так ??
https://caniuse.com/#search=Web%20components

[Massacre]

Писателям Chrome-only сайтов уже приготовлено особо тёплое место в аду. Это ведь как новый IE6, только Chrome.

[naarende]

Есть один рейтинг в рунете, по строительным магазинам… Там Леруа, далеко не в конце списка.
Так что, ребята из PiterJS могли найти еще интереснее историю.

[naarende]

Кстати, прошло почти 4 месяца, а воз и ныне там.

Судя по данным нашего мониторинга, страницы сайта Леруа катятся на дно производительности.

Скорость загрузки до интерактивности (TTI):

4 марта 2020 (02:12 МСК) — ~6.35 секунд загрузки
22 мая 2020 (01:02 МСК) — ~8.95 секунд загрузки

Показатель PageSpeed Insights:

1/100 — 6 марта 2020 (02:38:23).
13/100 — 22 мая, 2020 (01:02:38).
27/100 — 9 июня 2020 (03:34:10).
10/100 — 22 июня 2020 (23:35:08)… Снова на дно.

Количество HTTP-запросов:

29 февраля 2020 (01:41:53 МСК) — 187 HTTP-запросов,
16 июня 2020 (20:41:46 МСК) — 287 HTTP-запросов.