Crear un Favicon en Blanco en WordPress

Si has diseñado más de un sitio de WordPress, uno de tus rituales es crear un Favicon.

Yo por lo general uso una aplicación de Android que se llama Logo Maker: Design & Create por Shopify.

Yo tambien soy un enamorado de la velocidad de los sitios de WordPress y logre notar que tener un Favicon es una solicitud más y no tenerlo implica dos solicitudes más.

Si tienes un sitio con muchas solicitudes, una solicitud o un par de solicitudes creadas por un Favicon no son mayor problema.

Este es el impacto que tiene el Favicon en la velocidad de un sitio según la cascada de GTMetrix

Cómo Crear un Favicon en Blanco

Los pasos para crear un Favicon en blanco son muy sencillos.

#1 Instala el plugin Code Snippets desde tu escritorio de Wordpress

#2 Crea un Snippet

#3 Agrega el siguiente codigo

function favicon() {
echo '<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />';
}
add_action('wp_head', 'favicon');

#4 Escoge la opción:  Only run on site front-end

#5 Escoge la opción: Guardar los cambios y activar

Así de fácil es el proceso de implementación

Información Relacionada

Estas son algunas publicaciones sobre cómo mejorar la velocidad de WordPress que te podrian interesar.

  1. Cómo Acelerar tu Sitio de WordPress: El Dilema
  2. Full Page Caching de CloudFlare
  3. Cómo Usar la Cascada de GTMetrix
  4. Reseña sobre CloudFlare APO: ¿Debería Usarlo?
  5. Mejorar Resultados de Core Web Vitals
  6. Reseña sobre WP CloudFlare Super Page Cache
  7. Flying Scripts y Adsense: La Cura
  8. Reseña sobre Flying Scripts de WP Speed Matters
  9. Mejorar la Velocidad de WordPress: 23 Formas
  10. Reseña sobre WP Fastest Cache