Cómo los plugins de WordPress afectan el tiempo de carga de su sitio

¿Alguna vez se ha preguntado cómo los plugins de WordPress afectan el tiempo de carga de su sitio? Los plugins de WordPress le permiten agregar características a su sitio, pero también pueden afectar la velocidad de su sitio web. En este artículo, le mostraremos cómo los plugins de WordPress afectan el tiempo de carga de su sitio, y cómo puede controlarlos más eficientemente.

¿Cómo funcionan los plugins de WordPress?

Los plugins de WordPress son como aplicaciones para tu sitio de WordPress. Usted puede instalarlos para agregar más características a su sitio web como formularios de contacto, galerías de fotos, o una tienda de comercio electrónico.

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

Para más detalles, echa un vistazo a nuestro artículo sobre qué son los plugins de WordPress? ¿Y cómo funcionan?

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

Cada plugin de WordPress ofrece diferentes funcionalidades y características. Para ello, algunos plugins hacen 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.

La realización de consultas a la base de datos y la carga de activos se suman al tiempo de carga de su sitio. La mayoría de los plugins hacen una petición 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 perceptible.

Sin embargo, si está utilizando varios plugins que están haciendo demasiadas peticiones http para cargar archivos y activos, esto afectará al rendimiento de su sitio y a la experiencia del usuario.

Cómo comprobar los archivos cargados por los plugins de WordPress?

Para ver cómo los plugins están afectando el tiempo de carga de tu página, necesitas comprobar los archivos cargados por los plugins de WordPress.

Hay un montón de herramientas que puedes 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 con el botón derecho para seleccionar Inspeccionar. Esto abrirá el panel de herramientas para desarrolladores.

Tienes que hacer clic en la pestañaRed y luego recargar tu sitio web. A medida que la página se recarga, usted podrá ver cómo su navegador carga cada archivo.

También puedes 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.

¿Cuántos plugins son demasiados?

A medida que veas que se cargan estos archivos, puedes empezar a preguntarte cuántos plugins deberías usar en mi sitio. ¿Cuántos plugins son demasiados?

La respuesta realmente depende del conjunto de plugins que estés usando en tu sitio web.

Un solo plugin defectuoso puede cargar 12 archivos, mientras que varios plugins buenos añadirán sólo un par de archivos adicionales.

Todos los plugins bien codificados intentan mantener los archivos que cargan al mínimo. Sin embargo, no todos los desarrolladores de plugins son tan cuidadosos. Algunos plugins cargan archivos en cada página que cargan, incluso cuando no los necesitan.

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

Cómo mantener los plugins bajo control?

Lo más importante que puedes hacer en tu sitio de WordPress es usar sólo plugins que estén bien codificados, tengan buenas críticas y sean recomendados por fuentes de confianza.

Vea nuestra guía sobre cómo encontrar los plugins de WordPress.

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

A continuación, debe empezar a utilizar el almacenamiento en caché y la 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 debidamente optimizados, entonces aumentará el tiempo de respuesta de su sitio.

Esto significa que no sólo los plugins, sino que el rendimiento general de su sitio será más lento. Asegúrese de que está utilizando una de las mejores empresas de alojamiento de WordPress.

Como último recurso, puedes desinstalar los plugins sin los cuales puedes vivir. Revise cuidadosamente los plugins instalados en su sitio web, y vea si puede desinstalar algunos de ellos. Esta no es una solución ideal, ya que tendrá que renunciar a las características de velocidad.

Optimizar manualmente los activos de plugins de WordPress

Los usuarios avanzados de WordPress pueden intentar administrar cómo los plugins de WordPress cargan los archivos en su sitio. Para ello es necesario tener conocimientos de codificación y de depuración.

La manera correcta de cargar scripts y hojas de estilo en WordPress es usando las funciones wp_enqueue_style y wp_enqueue_script.

La mayoría de los desarrolladores de plugins de WordPress los usan para cargar archivos de plugins. WordPress también viene con funciones sencillas para eliminar esos scripts y hojas de estilo.

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

De esta manera podrá cargar todos ellos a la vez, minimizando las peticiones http y disminuyendo eficazmente el tiempo de carga de su página.

Veamos cómo desregistrar fácilmente las hojas de estilo y los archivos JavaScript en WordPress.

Desactivar las hojas de estilo de los plugins en WordPress

En primer lugar, tendrá que encontrar el nombre o manejo de la hoja de estilo que desea eliminar. Puede localizarlo usando la herramienta de inspección de su navegador.

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

1234add_action( wp_print_styles, my_deregister_styles, 100 );functionmy_deregister_styles() {wp_deregister_style( gdwpm_styles-css);})

Dentro de esta función, puede eliminar todos los mangos de estilo que desee. Por ejemplo, si tiene más de un plugin para eliminar el registro de la hoja de estilo, entonces lo haría así:

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

Recuerde, que la eliminación de estas hojas de estilo afectará a las características de los plugins de su sitio web. Necesitas copiar el contenido de cada hoja de estilo que elimines y pegarlos en la hoja de estilo de tu tema de WordPress o añadirlos como CSS personalizado.

Desactivar JavaScripts de plugin en WordPress

Al igual que las hojas de estilo, tendrá que averiguar el manejador utilizado por el archivo JavaScript para eliminarlas del registro. Sin embargo, no encontrará el mango utilizando la herramienta de inspección.

Para ello necesitarás profundizar en los archivos de los plugins para encontrar la manija usada por el plugin para cargar un script.

Otra forma de averiguar todos los controladores utilizados por los plugins es añadir este código al archivo functions.php de su tema.

12345678910funciónwpb_display_pluginhandles() { $wp_scripts= wp_scripts(); $handlename.= " " " " ")

    "foreach( $wp_scripts->queue as$handle) : $handlename.= .

  • . "Manija".
  • endforeach; $handlename.= "

"return$handlename; }add_shortcode( pluginhandles, wpb_display_pluginhandles);

Después de añadir este código, puede utilizar el código abreviado[pluginhandles] para mostrar una lista de los manejadores de scripts de los plugins.

Ahora que ya tiene manejadores de scripts, puede darse de baja fácilmente usando el código que aparece a continuación:

12345add_action( wp_print_scripts, my_deregister_javascript, 100 ); functionmy_deregister_javascript() {wp_deregister_script( contact-form-7);}}; y

También puede usar este código para deshabilitar múltiples scripts, como este:

1234567add_action( wp_print_scripts, my_deregister_javascript, 100 ); functionmy_deregister_javascript() {wp_deregister_script( contact-form-7);wp_deregister_script( gdwpm_lightbox-script);wp_deregister_script( `otro-plugin-script;}}.

Ahora, como mencionamos anteriormente, deshabilitar estos scripts hará que tus plugins dejen de funcionar correctamente.

Para evitar esto, necesitará combinar JavaScripts juntos, pero a veces no funciona sin problemas, así que debe saber lo que está haciendo. Usted puede aprender de la prueba y el 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 preparación con proveedores de alojamiento de WordPress administrados.

Cargar scripts sólo en páginas específicas

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

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

He aquí cómo puede cargar scripts en páginas específicas.

1234567add_action( wp_print_scripts, my_deregister_javascript, 100 ); functionmy_deregister_javascript() {if( !is_page(Contactar)) {wp_deregister_script( contact-form-7);}}}Contactar con nosotros

Este código simplemente desactiva 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 los plugins de WordPress afectan el tiempo de carga de su sitio. También puedes ver nuestra guía definitiva para mejorar la velocidad de WordPress y el rendimiento del sitio.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

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

Subir