Lucas Voxel 29 anos, casado e um eterno curioso. Buscando sempre trazer novidades!

Deixe seu Blogger mais rápido usando o DNS Prefetch

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.
Lucas Voxel 29 anos, casado e um eterno curioso. Buscando sempre trazer novidades!
Ver comentários