Rails API 画像表示

Question

フロントReact、バックエンドRailsにて開発をしております。
axiosを用いて画像のGet、Postをしており、Postにつきましては問題なく動作するのですがGetにおいて表示速度が遅いという問題があります。

おそらく原因はarticles_controllerにあると考えられます。

コードは以下になります。

const getArticles = async() => {
      try {
        const results = await json.get('/articles')
        setArticles(results.data)
      } catch (error) {
        console.log(error)
      }
    }

{React.Children.toArray(articles.map((article) => (
        <Link to={{pathname:"/article/show/", state: {article} }}>
          <div className='article' >
            <img src={article.image} alt="画像がありません" />
            <p>{article.name}</p>
            <p>¥{article.price}</p>
            <p>{article.content}</p>
          </div>
        </Link>
      )))}

def index
    articles = Article.all.with_attached_image
    render json: articles.map{
      |article|
      article.as_json.merge({
        image:url_for(article.image)
      })
    }
  end

Postは以下のようにしております。

try {
      await json.post('/articles', data, {
        headers: {"content-type": "multipart/form-data"}
      }

何かアバイスありましたら宜しくお願い致します。