Eu tenho um aplicativo web ruby ​​on rails, e em algumas visões eu tenho muitas imagens pesadas (<img> ) para renderizar.<img> são gerados em um auxiliar.

O problema é que o css é carregado primeiro, depois o js, ​​depois as imagens pesadas e, finalmente, o css referenciou imagens de fundo.

Demora um bom tempo para carregar todas as imagens pesadas, o que, portanto, mantém todo o site em funcionamento.

Eu quero carregar primeiro as imagens de fundo css, em seguida, carregar as outras imagens, como eles, obviamente, manter a estrutura visual da página.

versão trilhos: 2.3.8

EDIT: Obrigado pessoal, peço desculpas por não ter compartilhado o código anterior.

Eu tenho dois modelos: Categorias e Imagens, cada categoria tem muitas imagens. Na visão eu tenho uma lista de categorias, que é gerada por um ajudante:

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

e quando clico na categoria, as imagens são exibidas

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

Eu tenho imagem de fundo css associada à lista de categoria O problema é que as imagens (<img>) é exibido antes das imagens de plano de fundo css da lista de categorias.