Geralmente, existem duas maneiras comuns de pré -carregar a pré -carga: XHR e inserir dinamicamente nós. A inserção dinâmica dos nós é o método de carregamento assíncrono mais simples e extenso. Em seguida, os arquivos carregados usando a inserção dinâmica dos nós serão executados imediatamente após o carregamento. Por um lado, a execução do JavaScript ocupará o processo de execução JS do navegador e, por outro lado, também pode alterar a estrutura da página. É mais provável que a execução do CSS faça a alteração da página inteira. Embora o método XHR não execute scripts, é devido às limitações do mesmo domínio
O método preguiçoso do carregador é muito útil em alguns sites com muitas fotos. As imagens fora da área visual do navegador não serão carregadas até que o usuário role as páginas para o seu local. Dessa forma, para páginas da web mais longas com muitas fotos, ele pode carregar mais rápido e salvar a largura de banda do servidor. Também existem plug-ins no plug-in jQuery para implementar esta função.
Essa tecnologia é usada no espaço QQ da Tencent e Weibo. Em um site com um grande número de visitas, a pressão no servidor pode ser relativamente reduzida e a solicitação será feita somente quando o usuário acessar a área que você vê e o conteúdo abaixo. Em vez de tradicionalmente baixar a página inteira de uma só vez, há usuários aguardando o conteúdo a ser apresentado durante o processo de download.
Use o novo imagem (). SRC no IE para pré -carregar arquivos.
Outros navegadores usam a tag Dynamicamente inserindo a tag Document.CreateElement ('Object') para concluir a carga.
ilustrar:
1. A razão pela qual a nova imagem (). O SRC não pode ser usado no FF é porque o FF implementa um conjunto separado de caches para imagens. Ao mesmo tempo, Safari e Chrome também não parecem estar em cache.
2. Insira dinamicamente a tag de objeto precisa ser inserida na parte que não é da cabeça para acionar o carregamento.
3. O IE7 IE8 também pode usar objeto dinâmico para carregar arquivos através de algum código.