Загрузка изображений из файла css
Есть сайт, состоящий из 7 страниц html. Сайт без движка, чисто голый html плюсс css-файл.
Меня интересует максимально быстрая загрузка страниц сайта из любой точки земли. Сейчас на разных сервисах, измеряющих скорость загрузки сайтов, у меня показывают отличные результаты. Около 1 секунды и меньше. Но я хочу еще быстрее, так как сайт ориентирован на аудиторию англоязычную, который проживают на разных континентах.
На сайте всего около 25 изображений разного разрешения. От 100на100 пикселей до 400на600 пикселей.
На этом сайте главное текст, который загружается только после того как у человека загрузятся картинки. Картинки расположены в разных местах страницы, это не фоновые изображения, а именно картинки, относящиеся к тексту.
Я знаю, что можно сделать так, что если сделать загрузку картинок из файла css, то текст на странице появится почти мгновенно, а картинки загрузятся чуть позже. Я читал, что можно спрайты сделать, но спрайты мне кажется это не совсем то, потому что картинки разных размеров.
Собственно мне вот это и надо сделать. Если там все просто, то исполнитель может сделать только одну страницу, чтобы я посмотрел как это делается и сам сделал такие же операции на оставшихся страницах сайта.
Весь хтмл код на моем сайте валидный, поэтому он таким и должен остаться. Проверял на w3 validator или как то так.
Работа эта легкая для знающих людей, поэтому бюджет минимальный