How to prevent hx-trigger="load" when page is loaded from browser cache?

[nbiro]

How can I prevent the hx-trigger when the page is loaded from browser cache?
I have a page where i lazy-load certain elements, this works well but when i navigate to a new route(with hx-push-url="true") and go back, those elements are reloaded even though they were already loaded from cache.

  <div>
    <div hx-get="{{url_for('posts')}}" 
         hx-swap="innerhtml" 
         hx-trigger="load"
         hx-target="#container"
         hx-indicator="#indicator">
      <div id="container">
        <!--these are lazily loaded-->
        <div hx-get="{{url_for('post', id=post.id)}}" hx-target="#main" hx-push-url="true">
          <!-- stuff here -->
        </div>
      <div id="indicator" class="htmx-indicator">
      </div>
    </div>
  </div>