У меня есть веб-приложение ruby on rails, и в некоторых видах у меня много тяжелых изображений (<img> ) для визуализации.<img> генерируются в помощнике.

Проблема в том, что сначала загружается css, затем js, затем тяжелые изображения, а затем, наконец, css справочные фоновые изображения.

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

Я хочу сначала загрузить фоновые изображения CSS, а затем загрузить другие изображения, поскольку они, очевидно, содержат визуальную структуру страницы.

рельсы версия: 2.3.8

РЕДАКТИРОВАТЬ: Спасибо, ребята, я прошу прощения за то, что не поделились кодом ранее.

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

 
categories.each do |cat|
    html << "<a href='##{cat.id}' class='mapcat' >#{cat.libelle}</a>"
end

и когда я нажимаю на категорию изображения отображаются

 categories_images.each do |i|
    html << "<div id='#{i.id}' class='#{css}'><img src='/images_moi/categories/#{cat.libelle}/#{i.path_file_name}' />"
  end

У меня есть css фоновое изображение, связанное со списком категории Проблема в том, что изображения (<img>) отображается перед фоновыми изображениями css списка категорий.