Como transformar o favicon em base64 para diminuir uma requisição no WordPress

C

Normalmente o favicon dos sites em WordPress são o último recurso a ser carregado. Apesar de ele não impactar a usabilidade do site, ele pode aumentar consideravelmente o tempo total de carregamento do site.

É possível evitar a requisição do favicon transformando a sua imagem em código Base64. Passo a passo:

  1. Entre do codificador para Base64 do site Varvy.
  2. Carregue sua imagem e obtenha o código em Base64.
  3. Copie o código resultante, começando em data:image em diante na função abaixo. Não copie as aspas simples.
/* Inserir favicon com BASE64 */
function myfavicon() {
    echo '<link href="INSIRA_O_CODIGO_AQUI" rel="icon" type="image/x-icon" />';
}
add_action('wp_head', 'myfavicon');
  1. Copie a função dentro do arquivo functions.php, acessado no dashboard do WordPress seguindo Aparência > Editor de temas.
  2. Clique no botão “Atualizar arquivo” e limpe o cache. Pronto! Uma requisição e alguns milissegundos a menos no tempo total de carregamento do site.

Sobre o autor

Frederico B. Teixeira

Belo-horizontino morando em Brasília, católico, marido de sorte, pai de duas meninas e dois meninos, engenheiro eletricista e desenvolvedor web freelancer com múltiplos interesses.

0 Comentários