¿Alguna vez te has preguntado cómo WordPress plugins afectar el tiempo de carga de su sitio? WordPress plugins le permiten agregar funciones a su sitio, pero también pueden afectar la velocidad de su sitio web. En este artículo, le mostraremos cómo WordPress plugins afectan el tiempo de carga de su sitio y cómo puede controlarlos de manera más eficiente.

¿Cómo funcionan los complementos de WordPress?

WordPress plugins son como aplicaciones para su sitio de WordPress. Puede instalarlos para agregar más funciones a su sitio web, como formularios de contacto, galerías de fotos o una tienda de comercio electrónico.

Cuando alguien visita su sitio web, WordPress primero carga sus archivos principales y luego carga todos sus archivos activos. plugins.

Para más detalles, eche un vistazo a nuestro artículo sobre qué son WordPress. plugins? ¿Y como funcionan ?.

¿Cómo pueden los complementos afectar el tiempo de carga del sitio?

Cada WordPress plugin ofrece diferentes funcionalidades y características. Para hacer eso, algunos plugins realice llamadas a la base de datos en el backend mientras que otros cargan activos en el front-end, como hojas de estilo CSS, archivos JavaScript, imágenes, etc.

Hacer consultas a la base de datos y cargar activos se suma al tiempo de carga de su sitio. La mayoría plugins Realice una solicitud HTTP para cargar activos como scripts, CSS e imágenes. Cada solicitud aumenta el tiempo de carga de la página de su sitio.

Cuando se hace correctamente, el impacto en el rendimiento a menudo no es demasiado notable.

Sin embargo, si utiliza varios plugins que realizan demasiadas solicitudes http para cargar archivos y activos, afectará el rendimiento de su sitio y la experiencia del usuario.

¿Cómo verificar archivos cargados por complementos de WordPress?

Para ver como plugins están afectando el tiempo de carga de su página, debe verificar los archivos cargados por WordPress plugins.

Hay muchas herramientas que puede usar para resolver esto.

Puede utilizar las herramientas de desarrollo de su navegador (Inspeccionar en Google Chrome e Inspeccionar elemento en Firefox).

Simplemente visite su sitio web y haga clic derecho para seleccionar Inspeccionar. Esto abrirá el panel de herramientas para desarrolladores.

Debe hacer clic en la pestaña ‘Red’ y luego volver a cargar su sitio web. A medida que la página se recarga, podrá ver cómo su navegador carga cada archivo.

Consulte el tiempo de carga de la página y los archivos cargados con la herramienta de inspección

También puede usar herramientas de terceros como Pingdom y GTmetrix para ver esto. Entre otra información útil, estas herramientas también le mostrarán todos los archivos que están cargados y cuánto tiempo tardaron en cargarse.

Probando el tiempo de carga de la página usando Pingdom

¿Cuántos complementos son demasiados?

Cuando vea que estos archivos se cargan, puede comenzar a preguntarse cuántos plugins ¿Debería usarlo en mi sitio? Cuantos plugins son demasiados?

La respuesta realmente depende del conjunto de plugins que está utilizando en su sitio web.

Un solo mal plugin puede cargar 12 archivos mientras varios buenos plugins agregará solo un par de archivos adicionales.

Todo bien codificado plugins trate de mantener los archivos que cargan al mínimo. Sin embargo, no todos plugin los desarrolladores son tan cuidadosos. Algunos plugins cargará archivos en cada carga de página, incluso cuando no los necesiten.

Si está usando demasiados de estos plugins, esto comenzará a afectar el rendimiento de su sitio.

¿Cómo mantener los complementos bajo control?

Lo más importante que puede hacer en su sitio de WordPress es usar solo plugins que estén bien codificados, tengan buenas críticas y sean recomendados por fuentes confiables.

Vea nuestra guía sobre cómo encontrar qué WordPress plugins.

Si encuentra que un WordPress plugin está afectando la carga de su sitio, busque una mejor plugin que hace el mismo trabajo pero mejor.

A continuación, debe comenzar a utilizar el almacenamiento en caché y CDN para mejorar aún más el rendimiento y la velocidad de su sitio.

Otro factor que debe considerar es el alojamiento de su sitio web. Si sus servidores de alojamiento no están optimizados correctamente, aumentará el tiempo de respuesta de su sitio.

Esto significa que no solo plugins, pero el rendimiento general de su sitio será más lento. Asegúrese de estar utilizando una de las mejores empresas de alojamiento de WordPress.

Como último recurso, puede desinstalar plugins sin el que puedes vivir. Revise atentamente la instalación plugins en su sitio web y vea si puede desinstalar algunos de ellos. Esta no es una solución ideal, ya que tendrá que ceder en las funciones para mejorar la velocidad.

Optimizar los activos del complemento de WordPress manualmente

Los usuarios avanzados de WordPress pueden intentar administrar cómo WordPress plugins cargar archivos en su sitio. Hacerlo requiere algunos conocimientos de codificación y algunas habilidades de depuración.

La forma correcta de cargar scripts y hojas de estilo en WordPress es utilizando el wp_enqueue_style y wp_enqueue_script funciones.

La mayoría de WordPress plugin los desarrolladores los usan para cargar plugin archivos. WordPress también viene con funciones fáciles para anular el registro de esos scripts y hojas de estilo.

Sin embargo, si simplemente deshabilita la carga de esos scripts y hojas de estilo, esto romperá su pluginsy no funcionarán correctamente. Para solucionarlo, deberá copiar y pegar esos estilos y scripts en la hoja de estilo de su tema y en los archivos JavaScript.

De esta manera podrá cargarlos todos a la vez, minimizando las solicitudes http y disminuyendo efectivamente el tiempo de carga de su página.

Veamos cómo eliminar fácilmente el registro de hojas de estilo y archivos JavaScript en WordPress.

Deshabilitar las hojas de estilo de complementos en WordPress

Primero, necesitará encontrar el nombre o identificador de la hoja de estilo que desea anular el registro. Puede localizarlo utilizando la herramienta de inspección de su navegador.

Encontrar un nombre de estilo

Después de encontrar el identificador de la hoja de estilo, puede cancelar el registro agregando este código al archivo functions.php de su tema o un sitio específico plugin.


add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
}

Puede cancelar el registro de tantos controles de estilo como desee dentro de esta función. Por ejemplo, si tiene más de una plugin para anular el registro de la hoja de estilo, entonces lo haría así:



add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
wp_deregister_style( 'bfa-font-awesome-css' );
wp_deregister_style( 'some-other-stylesheet-handle' );
}


Recuerde que anular el registro de estas hojas de estilo afectará plugin características en su sitio web. Debe copiar el contenido de cada hoja de estilo que cancele el registro y pegarlos en la hoja de estilo de su tema de WordPress o agregarlos como CSS personalizado.

Deshabilitar plugin JavaScripts en WordPress

Al igual que con las hojas de estilo, deberá averiguar el identificador que utiliza el archivo JavaScript para anular el registro. Sin embargo, no encontrará el mango con la herramienta de inspección.

Para eso necesitarás profundizar en plugin archivos para averiguar el identificador utilizado por el plugin para cargar un script.

Otra forma de conocer todas las asas utilizadas por plugins es agregar este código en el archivo functions.php de su tema.


function wpb_display_pluginhandles() { 
$wp_scripts = wp_scripts(); 
$handlename .= "<ul>"; 
    foreach( $wp_scripts->queue as $handle ) :
      $handlename .=  '<li>' . $handle .'</li>';
    endforeach;
$handlename .= "</ul>";
return $handlename; 
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles'); 

Después de agregar este código, puede usar [pluginhandles] shortcode para mostrar una lista de plugin identificadores de secuencia de comandos.

Mostrar una lista de plugin manejadores de script en WordPress

Ahora que tiene identificadores de secuencias de comandos, puede cancelarlos fácilmente usando el código siguiente:


add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
}

También puede utilizar este código para deshabilitar varios scripts, como este:


add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
wp_deregister_script( 'gdwpm_lightbox-script' );
wp_deregister_script( 'another-plugin-script' );
}

Ahora, como mencionamos anteriormente, la desactivación de estos scripts detendrá su plugins para que funcione correctamente.

Para evitar esto, deberá combinar JavaScripts juntos, pero a veces no funciona correctamente, por lo que debe saber lo que está haciendo. Puede aprender de prueba y error (como muchos de nosotros lo hacemos), pero le recomendamos que no lo haga en un sitio en vivo.

El mejor lugar para probar es en una instalación local de WordPress o en un sitio de prueba con proveedores de alojamiento de WordPress administrados.

Cargar scripts solo en páginas específicas

Si sabe que necesitará un plugin secuencia de comandos para cargar en una página específica en su sitio web, entonces puede permitir un plugin en esa página en particular.

De esta manera, el script permanece deshabilitado en todas las demás páginas de su sitio y se carga solo cuando es necesario.

Así es como puede cargar scripts en páginas específicas.


add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
if ( !is_page('Contact') ) {
wp_deregister_script( 'contact-form-7' );
}
}

Este código simplemente deshabilita el script contact-form-7 en todas las páginas excepto en la página de contacto.

Eso es todo por ahora.

Esperamos que este artículo le haya ayudado a aprender cómo WordPress plugins afectar el tiempo de carga de su sitio. Es posible que también desee ver nuestra guía definitiva para mejorar la velocidad de WordPress y el rendimiento del sitio.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube . También puedes encontrarnos en Twitter y Facebook.

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *