projeto de carga relâmpago
Estrutura de pré-carregamento de página para otimização de desempenho de miniprogramas
introduzir
Já vi um artigo antes, "Dicas para melhorar a velocidade do aplicativo de miniprogramas WeChat", que fala sobre como implementar o miniprograma para solicitar o protocolo antes de acionar o salto de página e usar o curto tempo de 200 ~ 300ms para pular para a página a ser obtida Os dados são renderizados em uma nova página, permitindo que os dados sejam pré-carregados na página do miniprograma. Essa tecnologia pode reduzir o tempo de espera do usuário e melhorar muito a experiência do usuário. Mas esse artigo apenas descreveu os princípios técnicos e não ensinou como escrevê-lo, então escrevi esta estrutura de pré-carregamento de página.
Vantagens e desvantagens da estrutura
vantagem:
- O pré-carregamento dos dados da próxima página melhora a velocidade de carregamento da página. O protocolo leve (os dados podem ser recebidos em cerca de 200 ~ 300 ms) pode facilmente carregar os dados instantaneamente após a abertura da página do miniprograma e quase nenhuma página vazia aparece.
- Manter o código do mesmo negócio em uma classe não destruirá a estrutura do projeto.
- A quantidade de código é muito pequena e o impacto no negócio original é muito pequeno.
- O pré-carregamento é injetado quando o miniprograma é inicializado e as páginas que não implementam o pré-carregamento serão automaticamente ignoradas.
- Quer excluir o pré-carregamento após implementá-lo? Basta deletar uma string na classe implementada.
deficiência:
- O código é altamente intrusivo e você precisa substituir
setData
por $setData
de acordo com a situação. - Os desenvolvedores precisam ser muito claros sobre qual é o contexto de cada situação.
- O protocolo consome muito tempo, atingindo mais de 400ms, por isso não é óbvio utilizar este método de otimização.
Projetos que utilizam esta tecnologia
LINK
Documentação do método de integração
Documento de princípio técnico
LICENÇA
Obrigado pelas ideias fornecidas neste artigo: Dicas para melhorar a velocidade de aplicação dos Mini Programas WeChat