Uma Progressive Web App (PWA) é uma aplicação Web que lhe permite proporcionar uma experiência semelhante a uma aplicação nativa aos utilizadores móveis, para que estes tenham uma experiência rápida, fluida e envolvente com o seu site.
Os PWAs carregam instantaneamente, respondem rapidamente às interações dos utilizadores e parecem uma aplicação natural. Não necessitam de uma loja de aplicações para serem instaladas e permitem aos utilizadores voltar a entrar no sítio instantaneamente, mesmo quando um dispositivo está offline.
Note:
-
Os PWAs só podem ser activados em sites HTTPS. Para mais informações, consulte SSLs (HTTPS).
-
Os PWAs são suportados no Chrome para Android. Se o PWA estiver ativado, o browser pergunta automaticamente ao utilizador se pretende adicionar o site ao ecrã inicial.
-
Também pode adicionar PWA em dispositivos IOS com a versão 11.3. No entanto, uma vez que a mensagem automática do browser "add to screen" ainda não está disponível, os utilizadores terão de adicionar o PWA manualmente. Para obter mais informações sobre como fazer isso, visite o Suporte da Apple.
Para ativar a funcionalidade PWA:
-
No painel esquerdo, clique em SEO & Settings e, em seguida, clique em Progressive Web App (PWA).
-
Clique no botão Ativar Progressive Web App.
-
(Opcional) Clique no botão Servir marcação de páginas a partir da cache primeiro. Esta definição altera a nossa estratégia de cache do service worker (para sites em tempo de execução); em vez de verificar primeiro na rede, obterá primeiro a página a partir da cache (desde que não seja republicada). A cache em primeiro lugar (ativar) pode ser a melhor opção se souber que o sítio e os seus activos não vão mudar muito, uma vez que carregará rapidamente as informações em cache e estará mais facilmente disponível para os clientes offline. Utilizar a rede em primeiro lugar (com essa opção desactivada) é a melhor opção quando os dados têm de ser tão recentes quanto possível.
-
(Opcional) Clique na opção Ativar navegadores móveis para solicitar a instalação do site como uma aplicação. Quando esta opção está activada, pode configurar as seguintes definições:
-
O seu nome. Este é o nome apresentado no ecrã inicial e na mensagem "Adicionar ao ecrã inicial". Pode ter um máximo de 60 caracteres.
-
Nome abreviado. Este é o nome utilizado quando não há espaço suficiente para apresentar o nome completo; por exemplo, no ecrã inicial do telemóvel. Este nome pode ter até 60 caracteres, mas sugerimos que seja o mais curto possível.
-
Ícone. Este é o ícone que aparece no ecrã inicial do telemóvel e no ecrã inicial quando a aplicação está a carregar. Deve ter, pelo menos, 192 píxeis de largura e estar em formato .png formato.
-
Cor de fundo do ecrã salpicado. Esta é a cor que aparece enquanto o site está a carregar.
-
Quando um utilizador acede a um site ativado com PWA a partir do seu dispositivo móvel, verá um botão Adicionar ao ecrã inicial apresentado por baixo do site. Uma vez adicionado ao ecrã inicial, o ícone será apresentado no seu dispositivo para um acesso rápido ao sítio (semelhante a uma aplicação).
O utilizador pode agora voltar a entrar no site utilizando este ícone, mesmo que o dispositivo esteja offline.
Comentários
0 comentário
Artigo fechado para comentários.