Ограничение размера или порог для встраивания изображений в html - PullRequest
0 голосов
/ 17 июня 2020
• 1000 через общее место. В настоящее время у меня есть оператор IF, согласно которому, если размер файла изображения <25k, я встраиваю его как base64 в атрибут sr c. В противном случае он ссылается на файл с сервера. </p>

Это правильный размер обрезки? 25k, кажется, подходит для меня, и хотя я понимаю, что многие размеры технически подойдут, я прошу повысить эффективность и оптимизировать.

1 Ответ

1 голос
/ 17 июня 2020

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

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

Если изображения будут загружены позже, они загружаются только по 2 за раз (или, по крайней мере, так было принято). И они, как правило, загружаются «случайным образом». Это означает, что множество не встроенных изображений будут появляться случайным образом. И если у вас нет width= и height= в тегах img, страница будет перемещаться по мере определения размеров изображения. Это, на мой взгляд, «плохой пользовательский опыт». Итак, независимо от того, как вы кодируете изображения, укажите эти параметры размера.

Long a go, я обдумывал ваш конкретный c вопрос, но не пришел к solid ответу. Как бы то ни было, технологические усовершенствования постоянно меняют «правильный» ответ. А различные пользовательские браузеры, оборудование и возможности подключения inte rnet, вероятно, существенно различаются в пользовательском опыте. То есть «идеального» ответа не существует.

Моя интуиция говорит, что 25 КБ - это слишком много для отсечки.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...