Ir al contenido

Este post hace más de dos años que no se ha revisado, es posible que la información publicada sea obsoleta o las referéncias no existan.

Usando condicionales en el header de wordpress podemos mejorar la velocidad de carga en el site.

Para poder agilizar la carga de páginas podemos usar condicionales que nos permiten cargar solo los recursos que necesitemos (js, css) en páginas especificas del site.

Un ejemplo claro sería la tipica página de inicio con su slider, mediante condicionales podemos cargar solo en la página de inicio la hoja de estilos y el javascript que necesitamos para que el slider funcione correctamente, de esta manera esos recursos no se cargan en el resto de páginas.

Entonces, en el <header> añadimos:

<?php if ( is_page ( 'Inicio' ) ) : ?>  
    <link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/css/slider.css" />
    <script type="text/javascript" src="<?php bloginfo( 'template_url' ); ?>/js/slider.js"></script>
<?php endif; ?>

En el ejemplo vemos como solo en la página llamada “Inicio” se cargarían los dos archivos que necesita el slider, ambos situados en la carpeta del tema.

Veamos otros condicionales aplicables al header para incluir recursos solo donde lo necesitamos:

Los condicionales no solo se pueden aplicar al header, podemos ahorrarnos plantillas si utilizamos los condicionales. Visita la página que wordpress dedicada a los condicionales en el Codex de wordpress para más información.