Ускорение загрузки Вашего сайта: Указание атрибутов Height и Width для всех изображений

Автор: Даниэль Скокко
Перевод: Всеволод Козлов

Данный фактор является очень важным, но, к сожалению, упускается многими веб-мастерами. Когда Вы используете таблицы и изображения на веб-страницах, Вам следует указывать атрибуты height и width. Если браузер не найдёт данных атрибутов, ему понадобится время ан то, чтобы узнать размер изображения, загрузить само изображение и только после этого продолжить загружать веб-страницу. Ниже приведён пример кода, содержащего данные атрибуты:

<img id="moon" height="200" width="450" src="http://www.domain.com/moon.png" alt="moon image" />

Когда данные атрибуты height и width присутствуют, браузер автоматически «бронирует» место под изображение указанных размеров и продолжает загружать веб-страницу дальше. Помимо ускорения загрузки веб-страниц, добавление этих двух атрибутов позволяет пользователям приступить к чтению контента сайта, в то время как изображения будут загружаться.


Ускорение загрузки Вашего сайта:

  1. Оптимизация изображений
  2. Форматы изображений
  3. Оптимизация CSS-файлов
  4. Использование слэша на конце ссылок
  5. Указание атрибутов Height и Width для всех изображений
  6. Уменьшение количества HTTP запросов

Оригинал статьи: Speed Up Your Site – Use the height and width tags

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*