Наиболее эффективная позиция для свойства фонового изображения -в таблице стилей

Я размещаю большое неповторяющееся фоновое изображение -на своем веб-сайте, используя свойство CSS background. Так как изображение такое большое,некоторым соединениям требуется много времени для рендеринга изображения.

Вот мой CSS:

#wrapper {
    background: url('large-image.jpg) no-repeat center center;
}

Я уже сделал следующее, чтобы оптимизировать изображение для Интернета:

  • Уменьшил его до минимально возможного разрешения без ущерба для качества
  • . Изменен тип изображения с PNG на JPEG
  • . Страница оформлена таким образом, чтобы содержимое было читаемым даже без фонового изображения

. Мой вопрос :Чтобы еще больше оптимизировать время загрузки изображения, будет ли иметь значение, если я поставлю тег backgroundвнизу таблицы стилей? Или эффект от этого будет незначительным?

Я обычно упорядочиваю свой CSS в соответствии с иерархией моего HTML, поэтому стили #wrapperнаходятся вверху моей таблицы стилей. Влияет ли порядок свойств в таблице стилей на время загрузки, когда у пользователя более медленное соединение?

7
задан JSW189 6 August 2012 в 21:40
поделиться