HTML Интервью Вопрос

Question

Что ж, я получил этот вопрос в тесте на собеседовании. Приведите две причины, по которым загрузка страницы может занять больше времени, чем необходимо с этим изображением.

< IMG src="somethin.gif" width=10 height=10 border=0 >

Ну, я придумал 3, а не 2 причины проблем проверки Xhtml, изменения размера изображения и ненужной границы = 0. Так что здесь не так? .

Answer 1

Проблемы с проверкой не увеличивают время загрузки (и, кроме некоторого дополнительного пробела, единственное, что мешает ему быть действительным, HTML 4.01 Transitional - это отсутствующий атрибут alt).

Вещи, которые могут увеличитьсявремя загрузки:

• Изображение может быть больше, чем 10x10 и должно быть уменьшено
• Презентационные атрибуты используются вместо CSS, дружественного к кешу (которыйне будет значимым как разовая)

Изображения, которые находятся внутри ссылок, по умолчанию имеют рамку, поэтому border = 0 может быть не таким «ненужным», как вы думаете (хотя этовсе еще лучше обрабатывается с помощью CSS).

Answer 2

С обоих концов есть пробел. Это 2 ненужных байта для загрузки;)

Answer 3

something.gif может не указывать на статическое изображение в файловой системе.

something.gif может:

• Might Redirect
• Создание не 200 кодов ответов
• Динамически создан
• Вызов сценария на стороне сервера (например, WebBug )

Answer 4

Изображение использует относительный путь и может вообще не загружаться, особенно при просмотре в почтовом клиенте.

Answer 5

Как насчет:

<img src="data:image/gif;base64, {insert base64 image here} >

Сокращает время загрузки примерно на одну поездку туда и обратно.Так как он довольно мал, 10 на 10, накладные расходы base64, я думаю, незначительны.