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.

Puede que también te interese

Mejora la puntuación de Google PageSpeed Insights: Especificar caché de navegador
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…
Cómo eliminar campos personalizados o custom fields que ya no utilizas
Es algo muy habitual el uso de campos personalizados o custom fields para hacer desarrollos a medida sobre WordPress. También es muy habitual con el…
Seguridad WordPress: proteger el archivo wp-login.php
En una entrada anterior vimos cómo proteger el acceso a wp-admin. Vamos a ver ahora cómo proteger el archivo wp-login.php, situado en la raíz de…
Cómo integrar los estilos de los menús de bootstrap con WordPress
Si estás desarrollando un tema nuevo en WordPress y estás usando el framework Bootstrap para la maquetación del Front-end, probablemente te hayas encontrado con el…




  • 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!