Railsでのビューキャッシングについて知りたいことすべて

小さな例を見て、キャッシュのオプションを見ていきましょう。このビューが実際にいくつかのパフォーマンスの問題を引き起こしていると想定します：

# app/views/user/show.html.erb
<div>
  Hi <%= @user.name %>!
<div>

<div>
  Here's your list of posts,
  you've written
  <%= @user.posts.count %> so far
  <% @user.posts.each do |post|
    <div><%= post.body %></div>
  <% end %>
</div>

<% sleep(5) #artificial delay %>

これにより、作業する基本的なスケルトンと、人工的な5秒の遅延が得られます。まず、show.html.erb全体をラップできます cache do内のファイル 前に説明したように、ブロックします。これで、キャッシュがウォームになると、レンダリング時間が短縮されます。ただし、この計画で問題が発生し始めるのにそれほど時間はかかりません。

まず、ユーザーが名前を変更するとどうなりますか？キャッシュされたページをいつ期限切れにするかをRailsに通知していないため、ユーザーに更新されたバージョンが表示されない場合があります。簡単な解決策は、@userを渡すだけです。 cacheへのオブジェクト 方法：

<% cache(@user) do %>
<div>
  Hi <%= @user.name %>!
</div>
...
<% sleep(5) #artificial delay %>
<% end %>

低レベルのキャッシュに関するこのシリーズの前回の記事では、キャッシュキーの詳細について説明したので、ここでは再度説明しません。今のところ、モデルをcache()に渡すと十分です。 、そのモデルのupdated_atを使用します キャッシュで検索するキーを生成する属性。つまり、@user が更新され、このキャッシュされたページは期限切れになり、RailsはHTMLを再レンダリングします。

ユーザーが名前を変更した場合は対応しましたが、投稿についてはどうでしょうか。既存の投稿を変更したり、新しい投稿を作成したりしても、updated_atは変更されません。 Userのタイムスタンプ 、したがって、キャッシュされたページは期限切れになりません。さらに、ユーザーが名前を変更した場合、すべてを再レンダリングします 彼らの投稿が変更されていなくても、彼らの投稿の。これらの両方の問題を解決するため。 「ロシアの人形のキャッシュ」（つまり、キャッシュ内のキャッシュ）を使用できます：

<% cache(@user) do %>
  <div>
    Hi <%= @user.name %>!
  <div>

  <div>
    Here's your list of posts,
    you've written
    <%= @user.posts.count %> so far<br>
    <% @user.posts.each do |post| %>
      <% cache(post) do %>
        <div><%= post.body %></div>
      <% end %>
    <% end %>
  </div>

  <% sleep(5) #artificial delay %>
<% end %>

現在、個別にレンダリングされた各postをキャッシュしています （現実の世界では、これはおそらく部分的なものです）。したがって、@user が更新された場合、投稿を再レンダリングする必要はありません。キャッシュされた値を使用できます。ただし、まだもう1つ問題があります。 postの場合 が変更されても、@user.update_atのため、更新はレンダリングされません。 変更されていないため、cache(@user) do 実行されません。

この問題を修正するには、touch: trueを追加する必要があります Postへ モデル：

class Post < ApplicationRecord
  belongs_to :user, touch: true
end

touch: trueを追加する ここでは、ActiveRecordに毎回 投稿が更新されました。updated_atが必要です 「所属する」ユーザーのタイムスタンプも更新されます。

また、Railsは、その一般性を考慮して、パーシャルのコレクションをレンダリングするための特定のヘルパーを提供することも追加する必要があります。

  <%= render partial: 'posts/post',
       collection: @posts, cached: true %>

これは機能的に次のものと同等です：

<% @posts.each do |post| %>
  <% cache(post) do %>
    <%= render post %>
  <% end %>
<% end %>

render partial: ... cached: trueだけではありません Railsは、コレクション内の各アイテムのキャッシュストアにアクセスするのではなく、キャッシュストアにマルチゲットを発行できるため（つまり、1回のラウンドトリップで多くのキーと値のペアを読み取ることができるため）、冗長性が低くなります。

<% cache(@user) do %>
  <div>
    Hi <%= @user.name %>,
    hope you're having a great
    <%= Date.today.strftime("%A") %>!
  <div>

  ...
<% end %>

<% cache(@user) do %>
  <div>
    Hi <%= @user.name %>,
    hope you're having a great
    <span id='greeting-day-name'>Day</span>!
  <div>

  ...
<% end %>

<script>
 // assuming you're using vanilla JS with turbolinks
 document.addEventListener(
   "turbolinks:load", function() {
   weekdays = new Array('Sunday', 'Monday',
     'Tuesday', 'Wednesday', 'Thursday',
     'Friday', 'Saturday');
     today = weekdays[new Date().getDay()];
   document.getElementById("greeting-day-name").textContent=today;
 });
</script>

<div>
  Hi <%= @user.name %>,
  hope you're having a great
  <%= Date.today.strftime("%A") %>!
<div>

<% cache(@user) do %>
  ...
<% end %>