How WordPress plugins affect your site's load time

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

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

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

¿Cómo funcionan los complementos de WordPress?

Contents

Los complementos de WordPress son como aplicaciones para su sitio de WordPress. Puede instalarlos para agregar más funcionalidad a su sitio web, como formularios de contacto, galerías de fotos o tienda de comercio electrónico. Cuando alguien visita su sitio web, WordPress primero carga sus archivos principales y luego carga todos sus complementos activos. Para obtener más detalles, consulte nuestro artículo sobre qué son los complementos de WordPress. Y como funcionan

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

Cada complemento de WordPress ofrece diferentes características y funcionalidades. Para hacer esto, algunos complementos realizan 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 aumenta el tiempo de carga de su sitio. La mayoría de los complementos realizan 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 está utilizando varios complementos que realizan demasiadas solicitudes http para cargar archivos y activos, afectará el rendimiento de su sitio y la experiencia del usuario.

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

Para ver cómo los complementos afectan el tiempo de carga de su página, debe verificar los archivos cargados por los complementos de WordPress. Hay muchas herramientas que puede utilizar 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 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.
Ver 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 te mostrarán todos los archivos que están cargados y cuánto 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 complementos debo usar en mi sitio. ¿Cuántos complementos son demasiados? La respuesta realmente depende del conjunto de complementos que utilice en su sitio web. Un solo complemento incorrecto puede cargar 12 archivos, mientras que varios complementos buenos solo agregarán unos pocos archivos más. Todos los complementos bien codificados intentan mantener los archivos que cargan al mínimo. Sin embargo, no todos los desarrolladores de complementos son tan cuidadosos. Algunos complementos cargarán archivos en cada carga de página, incluso si no los necesitan. Si usa demasiados complementos de este tipo, 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 complementos que estén bien codificados, tengan buenas críticas y sean recomendados por fuentes confiables. Consulte nuestra guía sobre cómo encontrar complementos de WordPress. Si encuentra que un complemento de WordPress está afectando la carga en su sitio, busque un complemento mejor que haga el mismo trabajo pero mejor. A continuación, debe comenzar a usar el almacenamiento en caché y CDN para mejorar aún más el rendimiento y la velocidad de su sitio. Otro factor a considerar es el alojamiento de su sitio web. Si sus servidores de alojamiento no están optimizados adecuadamente, aumentará el tiempo de respuesta de su sitio. Esto significa que no solo los complementos, sino 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 complementos de los que puede prescindir. Eche un vistazo de cerca a los complementos instalados en su sitio web y vea si puede desinstalar alguno de ellos. Esta no es una solución ideal, ya que tendrá que comprometer las funciones para lograr velocidad.

Optimice manualmente los recursos de los complementos de WordPress

Los usuarios avanzados de WordPress pueden intentar administrar la forma en que los complementos de WordPress cargan archivos en su sitio. Requiere algunos conocimientos de codificación y habilidades de depuración. La forma correcta de cargar scripts y hojas de estilo en WordPress es usar las funciones wp_enqueue_style y wp_enqueue_script. La mayoría de los desarrolladores de complementos de WordPress los utilizan para cargar archivos de complementos. WordPress también viene con funciones simples para anular el registro de estos scripts y hojas de estilo. Sin embargo, si simplemente deshabilita la carga de estos scripts y hojas de estilo, se romperán sus complementos y no funcionarán correctamente. Para resolver este problema, deberá copiar y pegar estos estilos y scripts en la hoja de estilo de su tema y en los archivos JavaScript. De esta manera, podrá cargarlos todos al mismo tiempo, minimizando las solicitudes http y disminuyendo efectivamente el tiempo de carga de su página. Veamos cómo eliminar fácilmente hojas de estilo y archivos JavaScript en WordPress.

Deshabilitar las hojas de estilo de complementos en WordPress

Primero, deberá encontrar el nombre o el identificador de la hoja de estilo que desea cancelar. Puede localizarlo utilizando la herramienta de inspección de su navegador.
Encuentra un nombre de estilo
Después de encontrar el descriptor de la hoja de estilo, puede anular el registro agregando este código al archivo functions.php de su tema oa un complemento específico del sitio. add_action (‘wp_print_styles’, ‘my_deregister_styles’, 100); función my_deregister_styles () {wp_deregister_style (‘gdwpm_styles-css’); } Puede anular el registro de tantos identificadores de estilo como desee en esta función. Por ejemplo, si tiene más de un complemento para cancelar el registro de la hoja de estilo, lo haría así: add_action (‘wp_print_styles’, ‘my_deregister_styles’, 100); función my_deregister_styles () {wp_deregister_style (‘gdwpm_styles-css’); wp_deregister_style (‘bfa-font-awesome-css’); wp_deregister_style (‘mango de hoja de otro estilo’); } Recuerde que cancelar la suscripción a estas hojas de estilo afectará la funcionalidad del complemento en su sitio web. Debe copiar el contenido de cada hoja de estilo que cancele y pegarlos en la hoja de estilo de su tema de WordPress o agregarlos como CSS personalizado.

Deshabilitar los complementos de JavaScripts en WordPress

Al igual que con las hojas de estilo, deberá encontrar el identificador utilizado por el archivo JavaScript para anular el registro. Sin embargo, no encontrará el mango con la herramienta de inspección. Para esto, necesitará profundizar en los archivos del complemento para encontrar el identificador utilizado por el complemento para cargar un script. Otra forma de conocer todos los identificadores utilizados por los complementos es agregar este código al archivo functions.php de su tema. función wpb_display_pluginhandles () {$ wp_scripts = wp_scripts (); $ nombre de identificador. = «

    «; foreach ($ wp_scripts-> cola como $ identificador): $ identificador. = ‘

  • «. $ manejar. ‘
  • ‘; endforeach; $ nombre de identificador. = «

«; return $ handlename;} add_shortcode (‘pluginhandles’, ‘wpb_display_pluginhandles’); Después de agregar este código, puede usar [pluginhandles] código abreviado para mostrar una lista de descriptores de scripts de complementos.
Ver una lista de descriptores de secuencias de comandos de complementos en WordPress
Ahora que tiene descriptores de secuencias de comandos, puede eliminarlos fácilmente utilizando el siguiente código: add_action (‘wp_print_scripts’, ‘my_deregister_javascript’, 100); function my_deregister_javascript () {wp_deregister_script (‘formulario-de-contacto-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 (‘formulario-de-contacto-7’); wp_deregister_script (‘gdwpm_lightbox-script’); wp_deregister_script (‘otro-script-complemento’); } Ahora, como mencionamos antes, deshabilitar estos scripts evitará que sus complementos funcionen correctamente. Para evitar esto, tendrá que combinar JavaScripts juntos, pero a veces no funciona correctamente, por lo que necesita saber lo que está haciendo. Puede aprender mediante prueba y error (como muchos de nosotros lo hacemos), pero le recomendamos que no lo haga en un sitio activo. 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 script de complemento para cargar en una página específica de su sitio web, puede autorizar un complemento 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. A continuación, le mostramos cómo 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 el momento. Esperamos que este artículo le haya ayudado a descubrir cómo los complementos de WordPress afectan el tiempo de carga de su sitio. También puede consultar 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 para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply