A resposta do OP é complementar e acho que merece ser linkada
Fonte Link
Miguel Angelo
  • 29mil
  • 3
  • 82
  • 114

(Obs.: a resposta do próprio OP é uma ótima alternativa, até melhor eu diria. =D Não deixem de conferir!)

Refreshes programados com um Service Worker

Dá refresh de 1 em 1 hora, e usa um service worker para servir o refresh da página tão rápido como um raio. Se a página estiver bem implementada, com tudo carregando na ordem certa, não vai nem piscar.

De quebra, você pode começar a usar o service worker para implementar uma experiência offline para seus usuários. =D

Para manter dados entre refreshes você vai precisar guardar todos os dados relevantes de navegação do usuário logo antes de dar o refresh. Em uma aplicação React com Redux por exemplo, poderia salvar o JSON do estado da aplicação em um sessionstorage, e recarregá-lo quando a página recarregar... se a chave não estiver lá, é porque não é um refresh programado, então foi o usuário que deu refresh mesmo, ou seja, tem como manter o comportamento default do F5.

Infelizmente, procurei pela compatibilidade, e hoje (2017-08-03) você vai ter que dar tchau pro IE, Edge, Safari e Opera Mini.

Também tem uns requisitos para usar service worker:

  • a página tem que ser servida via HTTPS (ou é só o js do service worker? tenho que testar)
  • a página da MDN diz que o FF não roda service worker em modo anônimo

Refreshes em background

Uma outra ideia é tentar inferir o nível de atividade do usuário, ou as atividades que ele estiver fazendo para achar o melhor momento de dar o refresh. Por exemplo:

  • impedir refresh se o usuário estiver digitando
  • impedir refresh se houver texto selecionado na tela
  • etc.

Ainda poderia permitir refresh só se a página não estiver ativa: window.onfocus e window.onblur.

Dá para combinar essa ideia com a ideia do service worker também, para acelerar o processo.

Refreshes programados com um Service Worker

Dá refresh de 1 em 1 hora, e usa um service worker para servir o refresh da página tão rápido como um raio. Se a página estiver bem implementada, com tudo carregando na ordem certa, não vai nem piscar.

De quebra, você pode começar a usar o service worker para implementar uma experiência offline para seus usuários. =D

Para manter dados entre refreshes você vai precisar guardar todos os dados relevantes de navegação do usuário logo antes de dar o refresh. Em uma aplicação React com Redux por exemplo, poderia salvar o JSON do estado da aplicação em um sessionstorage, e recarregá-lo quando a página recarregar... se a chave não estiver lá, é porque não é um refresh programado, então foi o usuário que deu refresh mesmo, ou seja, tem como manter o comportamento default do F5.

Infelizmente, procurei pela compatibilidade, e hoje (2017-08-03) você vai ter que dar tchau pro IE, Edge, Safari e Opera Mini.

Também tem uns requisitos para usar service worker:

  • a página tem que ser servida via HTTPS (ou é só o js do service worker? tenho que testar)
  • a página da MDN diz que o FF não roda service worker em modo anônimo

Refreshes em background

Uma outra ideia é tentar inferir o nível de atividade do usuário, ou as atividades que ele estiver fazendo para achar o melhor momento de dar o refresh. Por exemplo:

  • impedir refresh se o usuário estiver digitando
  • impedir refresh se houver texto selecionado na tela
  • etc.

Ainda poderia permitir refresh só se a página não estiver ativa: window.onfocus e window.onblur.

Dá para combinar essa ideia com a ideia do service worker também, para acelerar o processo.

(Obs.: a resposta do próprio OP é uma ótima alternativa, até melhor eu diria. =D Não deixem de conferir!)

Refreshes programados com um Service Worker

Dá refresh de 1 em 1 hora, e usa um service worker para servir o refresh da página tão rápido como um raio. Se a página estiver bem implementada, com tudo carregando na ordem certa, não vai nem piscar.

De quebra, você pode começar a usar o service worker para implementar uma experiência offline para seus usuários. =D

Para manter dados entre refreshes você vai precisar guardar todos os dados relevantes de navegação do usuário logo antes de dar o refresh. Em uma aplicação React com Redux por exemplo, poderia salvar o JSON do estado da aplicação em um sessionstorage, e recarregá-lo quando a página recarregar... se a chave não estiver lá, é porque não é um refresh programado, então foi o usuário que deu refresh mesmo, ou seja, tem como manter o comportamento default do F5.

Infelizmente, procurei pela compatibilidade, e hoje (2017-08-03) você vai ter que dar tchau pro IE, Edge, Safari e Opera Mini.

Também tem uns requisitos para usar service worker:

  • a página tem que ser servida via HTTPS (ou é só o js do service worker? tenho que testar)
  • a página da MDN diz que o FF não roda service worker em modo anônimo

Refreshes em background

Uma outra ideia é tentar inferir o nível de atividade do usuário, ou as atividades que ele estiver fazendo para achar o melhor momento de dar o refresh. Por exemplo:

  • impedir refresh se o usuário estiver digitando
  • impedir refresh se houver texto selecionado na tela
  • etc.

Ainda poderia permitir refresh só se a página não estiver ativa: window.onfocus e window.onblur.

Dá para combinar essa ideia com a ideia do service worker também, para acelerar o processo.

Fim da Recompensa com 50 pontos de reputação concedidos por gato
adicionou 8 caracteres ao conteúdo
Fonte Link
Miguel Angelo
  • 29mil
  • 3
  • 82
  • 114

O que acha de usarRefreshes programados com um Service Worker?

Dá refresh de 1 em 1 hora, e usa um service worker para servir o refresh da página tão rápido como um raio. Se a página estiver bem implementada, com tudo carregando na ordem certa, não vai nem piscar.

De quebra, você pode começar a usar o service worker para implementar uma experiência offline para seus usuários. =D

Para manter dados entre refreshes você vai precisar guardar todos os dados relevantes de navegação do usuário logo antes de dar o refresh. Em uma aplicação React com Redux por exemplo, poderia salvar o JSON do estado da aplicação em um sessionstorage, e recarregá-lo quando a página recarregar... se a chave não estiver lá, é porque não é um refresh programado, então foi o usuário que deu refresh mesmo, ou seja, tem como manter o comportamento default do F5.

Infelizmente, procurei pela compatibilidade, e hoje (2017-08-03) você vai ter que dar tchau pro IE, Edge, Safari e Opera Mini.

Também tem uns requisitos para usar service worker:

  • a página tem que ser servida via HTTPS (ou é só o js do service worker? tenho que testar)
  • a página da MDN diz que o FF não roda service worker em modo anônimo

RefreshRefreshes em background

Uma outra ideia é tentar inferir o nível de atividade do usuário, ou as atividades que ele estiver fazendo para achar o melhor momento de dar o refresh. Por exemplo:

  • impedir refresh se o usuário estiver digitando
  • impedir refresh se houver texto selecionado na tela
  • etc.

Ainda poderia permitir refresh só se a página não estiver ativa: window.onfocus e window.onblur.

Dá para combinar essa ideia com a ideia do service worker também, para acelerar o processo.

O que acha de usar um Service Worker?

Dá refresh de 1 em 1 hora, e usa um service worker para servir o refresh da página tão rápido como um raio. Se a página estiver bem implementada, com tudo carregando na ordem certa, não vai nem piscar.

De quebra, você pode começar a usar o service worker para implementar uma experiência offline para seus usuários. =D

Para manter dados entre refreshes você vai precisar guardar todos os dados relevantes de navegação do usuário logo antes de dar o refresh. Em uma aplicação React com Redux por exemplo, poderia salvar o JSON do estado da aplicação em um sessionstorage, e recarregá-lo quando a página recarregar... se a chave não estiver lá, é porque não é um refresh programado, então foi o usuário que deu refresh mesmo, ou seja, tem como manter o comportamento default do F5.

Infelizmente, procurei pela compatibilidade, e hoje (2017-08-03) você vai ter que dar tchau pro IE, Edge, Safari e Opera Mini.

Também tem uns requisitos para usar service worker:

  • a página tem que ser servida via HTTPS (ou é só o js do service worker? tenho que testar)
  • a página da MDN diz que o FF não roda service worker em modo anônimo

Refresh em background

Uma outra ideia é tentar inferir o nível de atividade do usuário, ou as atividades que ele estiver fazendo para achar o melhor momento de dar o refresh. Por exemplo:

  • impedir refresh se o usuário estiver digitando
  • impedir refresh se houver texto selecionado na tela
  • etc.

Ainda poderia permitir refresh só se a página não estiver ativa: window.onfocus e window.onblur.

Dá para combinar essa ideia com a ideia do service worker também, para acelerar o processo.

Refreshes programados com um Service Worker

Dá refresh de 1 em 1 hora, e usa um service worker para servir o refresh da página tão rápido como um raio. Se a página estiver bem implementada, com tudo carregando na ordem certa, não vai nem piscar.

De quebra, você pode começar a usar o service worker para implementar uma experiência offline para seus usuários. =D

Para manter dados entre refreshes você vai precisar guardar todos os dados relevantes de navegação do usuário logo antes de dar o refresh. Em uma aplicação React com Redux por exemplo, poderia salvar o JSON do estado da aplicação em um sessionstorage, e recarregá-lo quando a página recarregar... se a chave não estiver lá, é porque não é um refresh programado, então foi o usuário que deu refresh mesmo, ou seja, tem como manter o comportamento default do F5.

Infelizmente, procurei pela compatibilidade, e hoje (2017-08-03) você vai ter que dar tchau pro IE, Edge, Safari e Opera Mini.

Também tem uns requisitos para usar service worker:

  • a página tem que ser servida via HTTPS (ou é só o js do service worker? tenho que testar)
  • a página da MDN diz que o FF não roda service worker em modo anônimo

Refreshes em background

Uma outra ideia é tentar inferir o nível de atividade do usuário, ou as atividades que ele estiver fazendo para achar o melhor momento de dar o refresh. Por exemplo:

  • impedir refresh se o usuário estiver digitando
  • impedir refresh se houver texto selecionado na tela
  • etc.

Ainda poderia permitir refresh só se a página não estiver ativa: window.onfocus e window.onblur.

Dá para combinar essa ideia com a ideia do service worker também, para acelerar o processo.

Fonte Link
Miguel Angelo
  • 29mil
  • 3
  • 82
  • 114

O que acha de usar um Service Worker?

Dá refresh de 1 em 1 hora, e usa um service worker para servir o refresh da página tão rápido como um raio. Se a página estiver bem implementada, com tudo carregando na ordem certa, não vai nem piscar.

De quebra, você pode começar a usar o service worker para implementar uma experiência offline para seus usuários. =D

Para manter dados entre refreshes você vai precisar guardar todos os dados relevantes de navegação do usuário logo antes de dar o refresh. Em uma aplicação React com Redux por exemplo, poderia salvar o JSON do estado da aplicação em um sessionstorage, e recarregá-lo quando a página recarregar... se a chave não estiver lá, é porque não é um refresh programado, então foi o usuário que deu refresh mesmo, ou seja, tem como manter o comportamento default do F5.

Infelizmente, procurei pela compatibilidade, e hoje (2017-08-03) você vai ter que dar tchau pro IE, Edge, Safari e Opera Mini.

Também tem uns requisitos para usar service worker:

  • a página tem que ser servida via HTTPS (ou é só o js do service worker? tenho que testar)
  • a página da MDN diz que o FF não roda service worker em modo anônimo

Refresh em background

Uma outra ideia é tentar inferir o nível de atividade do usuário, ou as atividades que ele estiver fazendo para achar o melhor momento de dar o refresh. Por exemplo:

  • impedir refresh se o usuário estiver digitando
  • impedir refresh se houver texto selecionado na tela
  • etc.

Ainda poderia permitir refresh só se a página não estiver ativa: window.onfocus e window.onblur.

Dá para combinar essa ideia com a ideia do service worker também, para acelerar o processo.