Как стать автором
Обновить

Комментарии 5

Про порталы не знал, выглядит круто, спасибо вам! А как там с вёрсткой? Оно же показывается в миниатюре пока не активировано, так? То есть нужно пилить отдельную вёрстку под миниатюру а потом как-то определять активацию, или там всё на media правилах css-а висит? А с трафиком как? Это ж получается что у тебя просто грузится ещё одна страница со всем контентом которую ты не просил и не факт что туда пойдёшь. Ничего не понятно, нужно читать мануалы.

Порталы сами сделают "пререндер" верстки, т.е. ничего отдельно для миниатюры делать не надо. Я правда проверял только на нормальной классической верстке HTML + CSS. Про верстку, например, на JS (на том же React) самому стало интересно. Как проверю, вернусь – отпишу.

По поводу трафика – да, заранее грузится страничка "левого" сайта, хоть и пользователь её не просил :) Но сейчас ведь везде так уже. Разработчик подключает не ужатый JS bundle и пользователь качает его, хоть и не просил :))

Пока что мне ясно только то что под портал придётся пилить отдельную уникальную вёрстку. Ведь, если продолжать вашу аналогию с новостями, то что бы оно выглядело прилично, в превьюшке не должно быть всяких блоков меню, шапки, подвала, профиля с аватаркой, своих всплывающих диалогов (например вопросов про печеньки), видео (тем более с автозапуском). И размер такого превьюшки будет меньше чем у самой маленькой media секции. Я уж было порадовался, а тут, после размышлений, вырисовывается геморрой нового порядка.

У iFrame существует еще недостаток - у меня события PostMessage режутся на стандартных фильтрах AdBlock и в окружении инкогнито для моего браузера.

В качестве решения по изолированию стилей, без применения iFrame, неплохо подойдут веб-компоненты. Еще одно решение, делать скоуп стили через атрибут style, - scoped, но это поддерживается сегодня только в браузерах FF.

Интересно, не встречал проблему с AdBlock... Скорей всего это зависит от формата сообщения, если ваше повторяет Яндекс.Метрику или GA, то возможно, проблема есть.

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

Зарегистрируйтесь на Хабре, чтобы оставить комментарий