Do início ao final de 2017, o tempo médio de carregamento de uma página wiki do FANDOM foi reduzido em 46%, graças aos esforços de modernização do ano passado. Isso foi somente a ponta do iceberg, pois nossa equipe também trabalhou arduamente em algumas melhorias significativas de desempenho do site móvel. Nós já obtivemos bastante sucesso, eliminando vários segundos do tempo de carregamento para usuários em conexões de dados móveis.
Como chegamos lá?
As medidas que tomamos[]
Ao medir o tempo de carregamento, existem muitos fatores a serem considerados. Abaixo citamos os principais, tanto para dispositivos móveis quanto para desktop.
- Primeira pintura significativa. Este é o momento em que os elementos principais da página acima da "dobra" (definida como as partes imediatamente visíveis da página) são carregados.
- Tempo interativo. O ponto quando você pode começar a interagir com a página e consumir o conteúdo.
Para conseguir resultados nessas duas áreas, nós temos trabalhado em uma variedade grande de melhorias. Algumas melhorias já estão disponíveis:
- Nós redesenhamos o layout dos dispositivos móveis removendo códigos que não são mais usados. Por exemplo, os arquivos CSS e JS foram significativamente reduzidos em tamanho, permitindo tempo de carregamento mais rápido.
- Nós reordenamos como os recursos da página são carregados, certificando-nos de que o material mais útil carrega primeiro, juntamente com a redução na frequência de movimento dos elementos da página durante o processo de carregamento.
- Nós otimizamos um número de “dependências”, como a conexão ao nosso provedor de imagens em miniatura. Isto significa que as imagens carregam mais rápido.
O resultado são melhorias significativas para todos. Abaixo, você pode ver uma comparação de carregamento de página entre a experiência móvel nova e a que tínhamos no começo de 2018. O vídeo seguinte foi gravado em uma rede 3G com um telefone Moto G4.
Os resultados[]
Nós usamos muitas páginas diferentes quando testamos estas melhorias. A seguir, explicamos o que isso significa para sua experiência móvel:
- A primeira pintura significativa foi de 2.8 segundos para aproximadamente 1.1 segundo, um declínio de 60%.
- O tempo interativo foi de 7 segundos para aproximadamente 3.4 segundos, um declínio de 51%.
Isso não se refere apenas as wikis móveis! As discussões e o editorial do FANDOM estão também agora muito mais rápidos nos aplicativos móveis e no desktop. Com isso e o nosso trabalho no desktop em 2017, o site inteiro agora carrega significativamente mais rapidamente do que há um ano.
Benefícios e próximas etapas[]
Um site mais rápido traz benefícios além de simplesmente oferecer uma experiência mais agradável para os visitantes. Significa que mais pessoas estão gastando mais tempo lendo seu conteúdo. Nossos dados mostram que quando o tempo de carregamento diminui, a quantidade de páginas visitadas por sessão aumenta.
Naturalmente, nós ainda não terminamos - quando será que terminaremos? - mais melhorias estão planejadas, incluindo:
- Nós estamos trabalhando em um carregamento mais rápido para a primeira imagem em uma página, simplificando a ordem que os elementos do artigo carregam e permitindo um movimento mais rápido entre páginas.
- Nós estaremos estudando mudanças adicionais possíveis com relação aos anúncios e seu tempo de carregamento.
- Nós estaremos estudando como os mecanismos de busca operam no site, procurando mais oportunidades para melhorar nos resultados de busca.
Juntamente com os esforços do ano passado para modernizar a experiência das wikis, mais melhorias nos tempos de carregamento das discussões e editoriais do FANDOM, os usuários móveis têm agora um acesso muito mais rápido ao conteúdo do FANDOM. O trabalho continua com a modernização móvel e estamos ansiosos para trazer mais atualizações no futuro!
Então clique aqui para seguir este blog
Você quer acesso em tempo real com seus colegas editores e membros da equipe?
Junte-se ao nosso Servidor Oficial do Discord para usuários registrados!