Comentário: Seja um desenvolvedor de navegador ou um desenvolvedor normal de aplicativos da Web, todos estão fazendo um esforço conjunto: fazer com que a navegação na web pareça mais rápida. Existem muitas técnicas conhecidas que podem tornar seu site mais rápido: use sprites CSS, use ferramentas de otimização de imagens, use .htaccess para definir as informações do cabeçalho da página e o tempo de cache, compressão JavaScript, usar CDN, etc.
Eu introduzi algumas técnicas de otimização de velocidade usadas neste site. No HTML5, surgiu um novo recurso para otimizar a velocidade do site: pré-carga/pré-leitura do recurso de página (prefetcam de link).
O que é a pré-carga/pré-leitura de recursos da página (pré-busca do link)? Explicação do MDN:
A pré-carregamento de recursos da página (Link Pre-Procetch) é uma habilidade fornecida pelo navegador, projetado para permitir que o navegador faça o download ou pré-liasse alguns recursos de documentos durante o tempo livre, e os usuários acessarão esses recursos no futuro. Uma página da web pode definir uma série de instruções de pré -carga para o navegador. Quando o navegador carregar a página atual, ele carrega silenciamente os documentos especificados em segundo plano e os armazena no cache. Quando o usuário acessa esses documentos pré -carregados, o navegador pode extraí -los rapidamente do cache para o usuário.
Simplificando, é: deixe o navegador pré -carregar outros recursos (páginas, fotos, vídeos etc.) que o usuário provavelmente acessará após acessar a página atual. E o método é super simples!
HTML5 Page Recurso Pré -carga (Link Pre -Pret -busca) Método
<!-pré-carregue a página inteira->
<link href = "http://www.vevb.com/misc/3d-album/"/> </p> <p> <!-pré-carregue uma foto->
<link href = "<a href =" http://www.vevb.com/wordpress/ "> </a>
WP-Content/Uploads/2014/04/B-334x193.jpg "/>
Função de pré-carga/pré-leitura/pré-leitura (pré-busca) da página HTML5 é implementada através de tags de link. O atributo REL é especificado como pré -busca e o endereço a ser carregado no atributo href. O Firefox Browser também fornece um suporte adicional de atributo:
<link
title = "Projetado para mozilla" href = "mozspecific.css" _fcksavedurl = "" mozSpecific.css "" />
<link href = "2.html" />
A pré -busca também pode ser usada nos recursos do protocolo HTTPS.
Em que circunstâncias deveriam a página de recursos ser pré -carregados
Que tipo de recursos são carregados na sua página e quando tudo depende de você. Aqui estão algumas sugestões:
1. Quando a página possui um serviço de slide, pré-carga/pré-leitura as próximas 1-3 páginas e as 1-3 páginas anteriores.
2. Pré -carregue as fotos comuns a todo o site.
3. Pré -carregue a próxima página dos resultados da pesquisa no site.
Proibir a pré -carregamento de recursos da página (pré -busca de link)
Existe uma opção no navegador Firefox para proibir qualquer função de pré -carregamento de recursos da página (preencher de link). Você pode definir assim:
1.User_Pref (Network.Prefetch-Next, false);
2. Precauções para a pré -carga de recursos da página (pré -busca de link)
Aqui estão algumas anotações sobre a pré -carregamento de recursos da página (pré -busca do link):
1. A pré -carga (pré -busca de link) não pode funcionar entre domínios, incluindo os cookies de puxar os domínios.
2. A pré -carregamento (pré -busca do link) poluirá as estatísticas do seu site, porque algumas páginas pré -carregadas ao navegador podem não ser realmente visitadas pelos usuários.
3. O Firefox Browser forneceu suporte para esta tecnologia de pré -carga (preencher de link) desde 2003.
Usando o tempo livre do navegador para carregar alguns arquivos de recursos extras, ele parece emocionante e perigoso. Você quer experimentar essas tecnologias?