15/08/2017

DNS Prefetch é uma maneira de resolver o DNS de um domínio específico. Às vezes, usamos links externos de imagens / js / css etc. No Blogger isso afeta no tempo de carregamento da nossa página ou postagem. Ao usar DNS Prefetch, conseguimos reduzir o tempo de carregamento dos links externos. Neste tutorial, aprenderemos como adicionar DNS Prefetch em nosso blogger para acelerá-lo.

Blogger mais rápido usando o DNS Prefetch

De acordo com o W3C, "O tipo de relação do link dns-prefetch é usado para indicar uma origem que será usada para buscar os recursos necessários e que o agente do usuário deve resolver o mais cedo possível". [1]

Adicionando o dns-prefetch no Blogger

  1. Vá em Tema> Editar HTML 
  2. Clique em qualquer lugar dentro da área do código 
  3. Pressione CTRL + F do teclado 
  4. Pesquise pelo código a seguir

  5. <head>
    

  6. Cole o próximo código abaixo de <head>

  7. <link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
    <link href='//28.2bp.blogspot.com' rel='dns-prefetch'/>
    <link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
    <link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
    <link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
    <link href='//www.blogger.com' rel='dns-prefetch'/>
    <link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
    <link href='//fonts.googleapis.com' rel='dns-prefetch'/>
    <link href='//use.fontawesome.com' rel='dns-prefetch'/>
    <link href='//ajax.googleapis.com' rel='dns-prefetch'/>
    <link href='//resources.blogblog.com' rel='dns-prefetch'/>
    <link href='//www.facebook.com' rel='dns-prefetch'/>
    <link href='//plus.google.com' rel='dns-prefetch'/>
    <link href='//twitter.com' rel='dns-prefetch'/>
    <link href='//www.youtube.com' rel='dns-prefetch'/>
    <link href='//feedburner.google.com' rel='dns-prefetch'/>
    <link href='//www.pinterest.com' rel='dns-prefetch'/>
    <link href='//www.linkedin.com' rel='dns-prefetch'/>
    <link href='//feeds.feedburner.com' rel='dns-prefetch'/>
    <link href='//github.com' rel='dns-prefetch'/>
    <link href='//player.vimeo.com' rel='dns-prefetch'/>
    <link href='//platform.twitter.com' rel='dns-prefetch'/>
    <link href='//apis.google.com' rel='dns-prefetch'/>
    <link href='//connect.facebook.net' rel='dns-prefetch'/>
    <link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
    <link href='//www.google-analytics.com' rel='dns-prefetch'/>
    <link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
    <link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
    <link href='//www.gstatic.com' rel='preconnect'/>
    <link href='//www.googletagservices.com' rel='dns-prefetch'/>
    <link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
    <link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
    <link href='//syndication.twitter.com' rel='dns-prefetch'/>
    

    OBS: Coloque todo o código dns-prefetch.
  8. Salve o Templante
É só isso, seu blog vai carregar mais rápido agora. Ajudando ainda mais no ranqueamento do Google.

Esse Post tem 2 Comentários

avatar
Matheus Vinicius delete

Uso tanto o blogger como wp, será que isso funciona no wp tbm, claro q vou apagar as primeiras linhas com blogspot. alias vc tem site com dicas pra wp tbm? gostei bastante de suas dicas

Resp.
avatar
Folha de Italva delete

Bom Dia! FELIZ NATAL! Instalei o código no meu blog. Gostaria de saber se realmente houve um aumento na velocidade de carregar. Onde posso medir esta velocidade?

Resp.


Seu comentário é muito importante e você é totalmente responsável por ele. Ao comentar você concorda com as nossas políticas.

Próx Post Próx Post
Post anterior Post anterior