Colocar referencia a estilos y scripts en el head de una web con WordPress

A partir de cierta versión de WordPress ya los colaboradores del código nos dieron a los desarrolladores web ciertas funciones para que no tengamos que entrar en el core de WordPress a hacer cambios en el head. O, peor aún, que no insertemos HTML directamente en el archivo header.php ya que eso inutilizaría el propósito del CSM.

Read more

La función para obtener la url del directorio …/content/ en WordPress

Estoy creando códigos en mi archivo de funciones personalizado. Uno de esos códigos es para la inserción de referencias a archivos de estilos en la cabecera. Esos archivos de estilo son los de fontawesome. No los estoy colocando en algún directorio del tema porque quiero que las referencias se mantengan allí aún si cambio de tema.

Read more

Crear un archivo .php para funciones propias en WordPress

En un principio estaba usando el archivo functions.php del tema activo, pero a medida que voy incorporando más código se hace evidente que debo dejar esa mala maña. El archivo functions.php es un archivo cortesía del creador del tema que a su vez es un cumplimiento de los lineamientos de WordPress, pero el tema podría funcionar sin ese archivo.

Read more

Optimización de una web WordPress o no

Voy a documentar lo que voy a ir haciendo con una web, businet.brigzen.com, que usa WordPress y con el tema Astra para optimizar su carga de manera que pase con 100 puntos el PageSpeed Insight.

Lo primero que voy a hacer es pasarla por el PageSpeed Insight y ver de qué se queja, tomaré nota de los scripts y de los estilos y trabajaré en función de ellos.

Read more

Diferir los scripts en WordPress

Cómo diferir

Diferir un script que se encuentra en la cabecera del index es pasar de esto:

<script type='text/javascript' src='https://jquery.min.js' id='jquery-core'></script>

A esto:

<script defer type='text/javascript' src='https://jquery.min.js' id='jquery-core'></script>

Se le ha agregado al link el parámetro <defer>.

Read more

Mover scripts desde el head al final de body en WordPress

Una de las principales cosas a hacer cuando se optimiza una web es chequear que no hayan scripts en el <head> de los cuales se puedan prescindir.

Nota: Esto lo podemos hacer si fuese necesario para la optimización, pero el mismo javascript.info nos informa que no es la mejor manera, ya que de una u otra el script va a tener que ser descargado. Si la idea es que el navegador lea el script luego que cargue el DOM, JavaScript propone que se usen los parámetros defer o async.

Read more