Фоновое видео

[Fubu_By]

На некоторых сайтах, например airbnb, заметил на фоне крутят видео вместо картинки, весит около 30 мегабайт, загружается постепенно вроде как не мешая работе страницы. И смотрится хорошо, располагает к сайту. Стоит ли такие фишки использовать, как вообще ПС к такому относятся? Какие могут быть подводные камни?

[веломан]

Сообщение от directed

И вся картинговыдача гугла.

1) Меньше запросов к серверу

2) Не похуй как юзеру?

вообще-то картинки на нормальных серваках кэшируются
юзеру нет, не похуй, он же каждый раз с телом страницы будет загружать лишний код, потому что в таком виде кэширование не работает
а если все картинки так разложить внутри html, это ж какой пиздец со временем загрузки случится

[hckd]

Сообщение от веломан

вообще-то картинки на нормальных серваках кэшируются
юзеру нет, не похуй, он же каждый раз с телом страницы будет загружать лишний код, потому что в таком виде кэширование не работает
а если все картинки так разложить внутри html, это ж какой пиздец со временем загрузки случится

1. даже если кешируются - все равно расходы, запрос - сервер должен поискать в кеше и выдать, а тут даже запроса не пойдет
2. такое обычно сунут в css файлы. Да и на трафике сэкономить можно, 100КB физическая картинка будет больше чем и размер текста base64 в css

[klim]

Сообщение от Fubu_By

как вообще ПС к такому относятся?

Конторы типа airbnb и прочие самостоятельные траффикогенераторы как бы не ориентируются на ПС - дизайнерские фичи зависят от степени адекватности/шизанутости разрабов.
Плюс у того же airbnb для работы с арендой есть своё приложение без лишних дизайнерских изысков.

[веломан]

Сообщение от hckd

1. даже если кешируются - все равно расходы, запрос - сервер должен поискать в кеше и выдать, а тут даже запроса не пойдет
2. такое обычно сунут в css файлы. Да и на трафике сэкономить можно, 100КB физическая картинка будет больше чем и размер текста base64 в css

1. это ещё почему??
а перекодировать base64 в картинку это не расходы?

[hckd]

Сообщение от веломан

1. это ещё почему??
а перекодировать base64 в картинку это не расходы?

1. Это придет одним запросом в CSS-файле и закешируется в браузере. А если бы картинка была отдельным файлом, то было бы два запроса на сервер. Многие так делают, Гугл и Яндекс (https://yastatic.net/www/_/2/P/A7wDK...HluN6vjNSk.css)
2. Перекодировать в base64 - это расходы, но это делается один раз при создании CSS файла. То что оно в браузере отображается нормально - это уже расходы на производительность браузера клиента, не сервера

На сколько я помню, проблемы с этим начинаются, когда base64 начинает дико расти, такие вещи уже неудобно хранить в css файлах.

[веломан]

Сообщение от hckd

1. Это придет одним запросом в CSS-файле и закешируется в браузере. А если бы картинка была отдельным файлом, то было бы два запроса на сервер. Многие так делают, Гугл и Яндекс (https://yastatic.net/www/_/2/P/A7wDK...HluN6vjNSk.css)

так у альфы в html-коде прям, а не в css-файле

[hckd]

скорее всего просто javascript-ом на лету подтягивается инлайн CSS-файл

[Fubu_By]

Сообщение от hckd

1. Это придет одним запросом в CSS-файле и закешируется в браузере. А если бы картинка была отдельным файлом, то было бы два запроса на сервер. Многие так делают, Гугл и Яндекс (https://yastatic.net/www/_/2/P/A7wDK...HluN6vjNSk.css)
2. Перекодировать в base64 - это расходы, но это делается один раз при создании CSS файла. То что оно в браузере отображается нормально - это уже расходы на производительность браузера клиента, не сервера

На сколько я помню, проблемы с этим начинаются, когда base64 начинает дико расти, такие вещи уже неудобно хранить в css файлах.

у яндекса в css и в base64 картинки и урлы... у них то и графики то практически и нету...
если куча мелких картинок, то как вариант запихнуть в css, хотя для этого есть sprite. Но если большие картинки то в css это не вариант, бекграунд можно и попозже отобразить, а так вся верстка зависнит, пока не загрузиться css

[hckd]

Сообщение от Fubu_By

Но если большие картинки то в css это не вариант, бекграунд можно и попозже отобразить, а так вся верстка зависнит, пока не загрузиться css

В случае со спрайтами тебе придется ждать не только загрузку css, но и самого спрайта