WordPress

Eliminar código innecesario del wp_head

Por defecto WordPress incluye una serie de meta-tags en la cabecera de nuestro sitio a través de la función wp_head(). La mayoría de estas etiquetas son innecesarias, y sobrecargan la página web con peticiones http, aumentando los tiempos de carga y disminuyendo el rendimiento del sitio.

Con el fin de optimizar la velocidad de carga y el rendimiento de nuestra página web, y mantener la cabecera lo más limpia y eficiente posible, podemos eliminar éstas etiquetas incluyendo una simple función en nuestro functions.php. Conseguiremos un mejor WPO (Web Performance Optimization) deshaciéndonos de ellas.

Las etiquetas que nos puede interesar borrar son:

wp_generator
Muestra en una etiqueta que la página web está hecha con WordPress, y su versión

rsd_link
Muestra en enlace a Really Simple Discovery

wlwmanifest_link
Para escribir en nuestro Blog desde Windows Live Writer

start_post_rel_link
Muestra el link relacional a la primera entrada

index_rel_link
Etiqueta que muestra cual es la Home de nuestra página web

wp_shortlink_wp_head
Inserta una etiqueta con el shortlink si está definido

adjacent_posts_rel_link
Muestra el link relacional a las entradas adyacentes de la entrada actual

parent_post_rel_link
Muestra el link al padre si está definido

feed_links_extra
Muestra enlace a feed extra como categorias

feed_links
Muestra enlaces al feed general

print_emoji_detection_script
Elimina la carga del JS necesario para los emoji icons en los comentarios

print_emoji_styles
Elimina la carga del CSS necesario para los emoji icons en los comentarios

Nuestra función quedaría de la siguiente manera:

Nota

Antes de incluir ésta función y eliminar de la cabecera todas las etiquetas, cerciórate que tu tema o alguno de tus plugins no haga uso de ninguna de ellas.


¿Me invitas a un café?
Si te ha gustado el blog o algún artículo en concreto te ha ayudado a resolver una duda o problema que tenías…¿me invitas a un café?

Puede que también te interese

Cómo restringir el acceso al back-end de WordPress a usuarios no administradores
A continuación vamos a ver cómo bloquear o restringir el acceso al back-end o escritorio de WordPress (con y sin plugins), incluso ocultaremos el admin…
Campos personalizados para una plantilla determinada
En alguna ocasión podemos estar interesados en mostrar un metabox con campos personalizados o custom fields para una plantilla determinada o concreta, y no mostrarlos en…
Mejora la puntuación de Google PageSpeed Insights: Eliminar el CSS que bloquea la visualización del contenido de la mitad superior de la página
1. Optimizar imágenes 2. Minificar CSS y JS 3. Especificar caché de navegador 4. Habilita la compresión 5. Reducir el tiempo de respuesta del servidor…
Creando un plugin para WordPress parte 3: Escribiendo el plugin
1. Creando un plugin para WordPress: Planificación y planteamiento 2. Creando un plugin para WordPress: Estilo del Código 3. Creando un plugin para WordPress: Escribiendo…




  • Estoy trabajando con un servidor local y el wp_head() me genera unos estilos:

    html { margin-top: 32px !important; }
    * html body { margin-top: 32px !important; }
    @media screen and ( max-width: 782px ) {
    html { margin-top: 46px !important; }
    * html body { margin-top: 46px !important; }
    }Y quisiera eliminarlos. Ya probe con la funcion que das y no elimina esos estilos ¿Podrías ayudarme?

    • Hola Carlos,

      Ese código tiene pinta que es lo que inyecta WordPress para la barra de administración. Es decir, cuando has iniciado sesión, en la parte superior aparece la barra de administración, y WordPress mete en wl wp_head una serie de estilos y javascript.

      Si cierras sesión y visitas la web como un usuario normal, verás que no tienes esos estilos

      • Así fue, solo movi el css para mandar la barra de administración hacía abajo. Gracias por responder 🙂

  • jejeje. No puedo investigar los 50.000 plugins del repositorio oficial y ver que cabeceras añaden unos y otros.

    Saludos!