Você já percebeu como o Chrome é rápido em renderizar o resultado principal de uma sugestão de pesquisa ou omnibox do Google? Isso porque o Chrome irá pré – renderizar automaticamente a página que pensa que você está prestes a visitar. A pré-renderização é muito legal: o Chrome realmente renderiza a página em uma guia oculta e, quando você clica no link, ele apenas torna a guia oculta visível. O Google fez um vídeo para mostrar a diferença que a pré-renderização pode fazer aqui .
Também podemos aproveitar esse recurso com nossos próprios sites com bastante facilidade, usando a linktag. Por exemplo, em codeschool.com , dizemos ao Chrome para pré-renderizar a http://www.codeschool.com/enrollpágina colocando uma linktag no cabeçalho, como esta:
<link href='http://codeschool.dev/enroll' rel='prerender'>Se você quiser vê-lo em ação, acesse codeschool.com e abra chrome://net-internals/#prerenderem outra guia e você verá algo assim:
Agora, se você clicar no link Inscrever-se no canto superior direito, a próxima página deve carregar quase instantaneamente.
Existem algumas limitações, como apenas ser capaz de pré-renderizar uma página por vez, mas esta é uma vitória muito boa sem muito trabalho de nossa parte. Leia mais sobre isso aqui