Как реализовать bfcache в Chrome, чтобы страница возвращалась в то же состояние DOM после обратной навигации

Question

Я пытаюсь заставить Chrome внедрить bfcache (кэш обратного хода), который " хранит текущее состояние DOM в памяти. При повторном посещении страницы кнопкой "Назад" запросы не отправляются. Сам DOM обслуживается прямо из кэша ". Насколько я понимаю, и Safari, и Firefox используют некоторую форму bfcache, но не текущую версию Chrome. По сути, я хочу, чтобы несколько простых анимаций jQuery возобновились с того места, на котором они остановились, после перехода на страницу после нажатия на ссылку. Они работают так, как задумано в Safari, но не в Chrome. Вот основной скрипт, который я хочу заморозить и возобновить при обратной навигации:

var soundControl = document.getElementById(“song”); 
  $(“#song”).get(0).play();

$(‘div.a img’).fadeIn(500);
$(‘div.b img’).delay(750).fadeIn(500);
$(‘div.c img’).delay(1500).fadeIn(500);
$(‘div.d img’).delay(2250).fadeIn(500);

Решение может включать добавление EventListener или использование свойства persisted, но я не уверен.

Answer 1

Перенесемся в 2019 году - Chrome на самом деле тестирует реализацию bfcache. Работы все еще продолжаются и ожидаются к выпуску в следующем году (2020)

https://groups.google.com/a/chromium.org/forum/