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

Modificar el tiempo de carga de un complemento 1

¿Cómo funciona un complemento?

Los complementos de WordPress son similares a una aplicación para su sitio de WordPress. Puede instalarlos para agregar más funciones a su sitio, 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 complementos activos.

Cómo plugins puede afectar a su blog?

cada Plugin de WordPress ofrece diferentes características. Para hacer esto, algunos complementos realizan llamadas a la base de datos en segundo plano, mientras que otros cargan archivos en el front-end, como CSS, archivos JavaScript, etc.

La mayoría de los complementos hacen una solicitud HTTP para cargar archivos como scripts, CSS e imágenes. Cada solicitud aumenta el tiempo de carga de la página completa de su sitio.

Una vez que se hace correctamente, el impacto en el rendimiento suele ser demasiado notable.

Por lo tanto, si utiliza varios complementos que realizan demasiadas solicitudes http para cargar archivos, 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 estos complementos en WordPress.

Hay muchas herramientas que puede usar para resolver esto.

Puede usar la herramienta de desarrollo de su navegador (en Google Chrome "Inspeccionar elemento").

Simplemente visite su sitio y haga clic derecho para seleccionar " inspeccionar ". Esto abrirá el panel de herramientas de desarrollo.

Debe hacer clic en la pestaña "Red" y luego volver a cargar su sitio web. Para ver cómo se carga y para ver todos los archivos que carga.

Herramienta de desarrollo de redes

También puede usar herramientas de terceros como Pingdom y GTmetrix para ver esto. Estas herramientas también le permitirán ver todos los archivos que se cargan y cuánto tiempo tardan en cargarse.

Herramienta pingdom

¿Cuántos complementos necesitas instalar?

Si ve que se cargan estos diferentes archivos, puede comenzar a preguntarse cuántos complementos necesita usar.

La respuesta realmente depende del conjunto de complementos que utilice en su sitio web.

Un solo complemento incorrecto puede cargar archivos 12, mientras que varios complementos buenos solo agregan algunos archivos adicionales.

Todos los complementos bien codificados intentan mantener los archivos que cargan al mínimo. Sin embargo, no todos los desarrolladores de complementos tienen cuidado. Algunos complementos cargan archivos en cada página, incluso cuando no necesitan ese archivo.

Si usa muchos de estos complementos, 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.

Si encuentras un Plugin de WordPress afecta la forma en que se carga su sitio, así que busque un complemento mejor que haga el mismo trabajo, pero mejor.

Luego, debe comenzar 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 debes considerar es el alojamiento de tu sitio web. Si sus servidores de alojamiento no están optimizados adecuadamente, no aumentará el tiempo de respuesta de su sitio.

Esto significa que no solo los complementos, sino también el rendimiento general de su sitio serán más lentos. Asegúrese de estar utilizando uno de los mejores alojamientos de WordPress.

Como último recurso, puede desinstalar complementos que no usa. Examine cuidadosamente los complementos instalados en su sitio y vea si puede desinstalarlos. Esta no es una solución ideal, ya que tendrá que comprometer la funcionalidad con la velocidad de su blog.

Deshabilitar complementos de hojas de estilo en WordPress

Primero, debe encontrar el nombre o el identificador de la hoja de estilo que desea anular el registro. Puedes localizarlo usando tu herramienta " inspeccionar el elemento ".

Inspección de elementos del navegador

Después de encontrar el identificador de la hoja de estilo, puede ' anular el registro Al agregar este código al archivo functions.php De su tema o el archivo principal de un complemento.

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 controles de estilo como desee en esta función. Por ejemplo, si tiene más de un complemento cuya hoja de estilo desea "anular el registro", puede hacerlo 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-are-impresionante-css'); wp_deregister_style ( 'algunos-otra-stylesheet-handle'); }

Recuerde, 'cancelar el registro' de estas hojas de estilo afectará la funcionalidad de los complementos en su sitio. Debe copiar el contenido de cada hoja de estilo que elimine y pegarlo en su hoja de estilo. tema de WordPress o agréguelos como CSS personalizado.

Deshabilitar complementos de javascript

Al igual que con las hojas de estilo, necesitará encontrar el identificador utilizado por los archivos JavaScript para "anular el registro". Sin embargo, no encontrará el identificador con el " inspeccionar ".

Para esto, deberá 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 bpc_display_pluginhandles () {$ wp_scripts = wp_scripts (); $ handlename. = " "; foreach ($ wp_scripts-> cola como $ identificador): $ identificador. = ' '. $ manejar. ' '; endforeach; $ handlename. = " "; return $ handlename;} add_shortcode ('pluginhandles', 'bpc_display_pluginhandles');

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

Maneja scripts de wordpress

Ahora que tiene identificadores de secuencias de comandos, puede "anular el registro" fácilmente con el código siguiente:

add_action ( 'wp_print_scripts', 'my_deregister_javascript' 100); función my_deregister_javascript () {wp_deregister_script ( 'contacto-form-7'); }

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

add_action ( 'wp_print_scripts', 'my_deregister_javascript' 100); función my_deregister_javascript () {wp_deregister_script ( 'contacto-form-7'); wp_deregister_script ( 'script de gdwpm_lightbox'); wp_deregister_script ( 'otro-plugin-script'); }

Ahora, como mencionamos anteriormente, deshabilitar estos scripts evitará que sus complementos funcionen correctamente.

Para evitar esto, deberá combinar los códigos JavaScripts, pero a veces no funciona correctamente, necesita saber lo que está haciendo.

Eso es todo por este tutorial, espero que sepan cómo mejorar sus complementos. Si tiene alguna pregunta, no dude en hacerla.