Introducción Uno de los factores clave para mejorar el rendimiento de un sitio web en WordPress es la optimización de la carga de scripts y estilos. Normalmente, los archivos JavaScript y CSS se cargan en el encabezado («head») de la página, lo que puede ralentizar la visualización del contenido. En este artículo, exploraremos un plugin...
1. CSS debe cargarse antes que el contenido visual Los navegadores necesitan que los archivos CSS se carguen antes de que el contenido visual de la página se renderice. Esto es crucial para asegurar que la página se muestre correctamente y no con un "flash" de contenido sin estilo (FOUC, por sus siglas en inglés:...
Código de un plugin para WordPress que mueve todos los archivos JavaScript y CSS al pie de página y los carga de manera asíncrona siempre que sea posible. Funcionalidades: ✅ Mueve los scripts (.js) al footer y los hace asíncronos cuando es seguro.✅ Mueve los estilos (.css) al footer y los hace asíncronos cuando es...
Este es un plugin de WordPress que mueve todos los archivos JavaScript y CSS del <head> al <footer> y los carga de manera diferida (defer para scripts y media="print" onload="this.onload=null;this.removeAttribute('media');" para estilos CSS). Pasos para instalarlo: Código del plugin: <?php/** * Plugin Name: Mover JS y CSS al Footer * Description: Mueve los archivos JS...
Muchos de estos scripts no son necesarios dependiendo de los plugins y temas que estés utilizando en WordPress, lo que puede mejorar la velocidad de carga del sitio. Aquí tienes una lista de algunos otros scripts comunes que podrías desactivar si no los necesitas: Aquí hay algunos ejemplos de cómo desactivar otros scripts o funciones...
Código para crear un plugin de WordPress que desactiva el soporte y los estilos de los Emojis: <?php/** * Plugin Name: Desactivar Emojis * Plugin URI: https://binariocero.com/ * Description: Desactiva el soporte y los estilos de los Emojis en WordPress. * Version: 1.0 * Author: Juan Jose Fernandez Duran * Author URI: https://binariocero.com/ */// Desactivar...
Plugin básico para agregar etiquetas Open Graph en el <head> de las páginas individuales (solo en los posts) en WordPress. Este código se asegurará de que las etiquetas solo se agreguen cuando is_single() sea verdadero. Código del Plugin <?php/** * Plugin Name: Open Graph Tags for Single Posts * Description: Agrega etiquetas Open Graph al...
crea un plugin personalizado para WordPress que realice esta función. A continuación, te muestro el código para el plugin: Código del plugin <?php/** * Plugin Name: Meta Robots Control * Description: Establece las etiquetas meta robots según el tipo de página en WordPress. * Version: 1.0 * Author: Juan Jose Fernandez Duran */function set_meta_robots() {...
Crear un plugin para WordPress que agregue una etiqueta meta de descripción en el <head> es un proceso sencillo. Aquí tienes los pasos para hacerlo: <?php/*Plugin Name: Custom Meta DescriptionDescription: Añade una etiqueta meta de descripción al head del sitio.Version: 1.0Author: Juan Jose Fernandez Duran*/if (!defined('ABSPATH')) { exit; // Salir si se accede directamente.}// Función...
En WordPress, desactivar el filtro wptexturize puede ser útil si deseas evitar que WordPress convierta automáticamente ciertos caracteres (como comillas y guiones) en versiones tipográficas especiales. Una forma rápida de hacerlo es añadir la línea siguiente al archivo functions.php de tu plantilla activa: add_filter( 'run_wptexturize', '__return_false' ); ¿Por qué NO deberías usar functions.php para esto?...
