Подходите к проблеме таким образом ... При встраивании изображений пользователю ничего не отображается, пока все HTML и встроенные изображения не будут загружены в браузер. Тонкая, но полезная тактика c при создании веб-страницы - это очень быстрое отображение чего-либо. Тогда пусть другие вещи появятся позже.
Если есть много изображений размером с миниатюры, то встраивание сделает загрузку страницы более плавной, если с опозданием.
Если изображения будут загружены позже, они загружаются только по 2 за раз (или, по крайней мере, так было принято). И они, как правило, загружаются «случайным образом». Это означает, что множество не встроенных изображений будут появляться случайным образом. И если у вас нет width=
и height=
в тегах img
, страница будет перемещаться по мере определения размеров изображения. Это, на мой взгляд, «плохой пользовательский опыт». Итак, независимо от того, как вы кодируете изображения, укажите эти параметры размера.
Long a go, я обдумывал ваш конкретный c вопрос, но не пришел к solid ответу. Как бы то ни было, технологические усовершенствования постоянно меняют «правильный» ответ. А различные пользовательские браузеры, оборудование и возможности подключения inte rnet, вероятно, существенно различаются в пользовательском опыте. То есть «идеального» ответа не существует.
Моя интуиция говорит, что 25 КБ - это слишком много для отсечки.
Еще одна вещь, которую ваша компания может захотеть сделать, - это инвестировать в лучшую доставку изображений. В течение долгого времени go, Akamai была компанией, предоставляющей именно это. Он кэшировал изображения и пытался хранить копии географически рядом с конечным пользователем.