Breaking

Post Top Ad

Your Ad Spot

miércoles, 25 de marzo de 2020

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

Alguna vez te has preguntado cómo los complementos de WordPress afectan el tiempo de carga de tu sitio? Los complementos de WordPress 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 los complementos de WordPress afectan el tiempo de carga de su sitio y cómo puede controlarlos de manera más eficiente.
Cómo los complementos de WordPress afectan el tiempo de carga de su sitio

¿Cómo funcionan los complementos de WordPress?

Los complementos de WordPress 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 complementos activos.
Para más detalles, eche un vistazo a nuestro artículo sobre qué son los complementos de WordPress. ¿Y cómo funcionan? .

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

Cada complemento de WordPress ofrece diferentes funcionalidades y características. Para hacer eso, algunos complementos realizan llamadas a la base de datos en el back-end, 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 de los complementos hacen 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 múltiples complementos que están haciendo demasiadas solicitudes http para cargar archivos y activos, entonces 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 están afectando el tiempo de carga de su página, debe verificar los archivos cargados por los complementos de WordPress.
Hay muchas herramientas que puedes usar para resolver esto.
Puede usar 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 del desarrollador.
Debe hacer clic en la pestaña 'Red' y luego volver a cargar su sitio web. A medida que se vuelve a cargar la página, podrá ver cómo su navegador carga cada archivo.
Vea 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 se cargan y cuánto tiempo tardaron en cargarse.
Probar el tiempo de carga de la página con Pingdom

¿Cuántos complementos son demasiados?

Cuando vea que se cargan estos archivos, puede comenzar a preguntarse cuántos complementos debería usar en mi sitio. ¿Cuántos complementos son demasiados?
La respuesta realmente depende del conjunto de complementos que esté utilizando en su sitio web.
Un solo complemento defectuoso puede cargar 12 archivos, mientras que varios complementos buenos agregarán solo un par de archivos adicionales.
Todos los complementos bien codificados intentan mantener al mínimo los archivos que cargan. Sin embargo, no todos los desarrolladores de complementos son tan cuidadosos. Algunos complementos cargarán archivos en cada carga de página, incluso cuando no los necesiten.
Si está utilizando demasiados complementos de este tipo, 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 complementos que estén bien codificados, tengan buenas críticas y sean recomendados por fuentes confiables.
Vea nuestra guía sobre cómo encontrar qué complementos de WordPress .
Si encuentra que un complemento de WordPress está afectando la carga de su sitio, busque un complemento mejor que haga el mismo trabajo pero mejor.
A continuación, 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 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 los complementos, sino que 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 sin los que puede vivir. Revise cuidadosamente los complementos instalados en su sitio web y vea si puede desinstalar algunos de ellos. Esta no es una solución ideal, ya que tendrá que comprometer las características de velocidad.

Optimizar los activos del complemento de WordPress manualmente

Los usuarios avanzados de WordPress pueden intentar administrar cómo los complementos de WordPress cargan 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 usando las funciones wp_enqueue_stylewp_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 fáciles para cancelar 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á sus complementos y no funcionarán correctamente. Para solucionarlo, deberá copiar y pegar esos estilos y scripts en la hoja de estilo y los archivos JavaScript de su tema.
De esta forma, podrá cargarlos todos a la vez, minimizando las solicitudes http y disminuyendo efectivamente el tiempo de carga de la página.
Veamos cómo eliminar fácilmente las hojas de estilo y los archivos JavaScript en WordPress.

Deshabilitar hojas de estilo de complementos en WordPress

Primero, deberá encontrar el nombre o el identificador de la hoja de estilo que desea anular. 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 complemento específico del sitio .
1
2
3
4 4
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 identificadores de estilo como desee dentro de esta función. Por ejemplo, si tiene más de un complemento para cancelar el registro de la hoja de estilo, entonces lo haría así:
1
2
3
4 4
5 5
6 6
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 cancelar el registro de estas hojas de estilo afectará las características de los complementos en su sitio web. Debe copiar el contenido de cada hoja de estilo que desregistra y pegar en la hoja de estilo de su tema de WordPress o agregarlos como CSS personalizado .

Deshabilitar JavaScripts Plugin en WordPress

Al igual que las hojas de estilo, deberá averiguar el identificador utilizado por el archivo JavaScript para cancelar su registro. Sin embargo, no encontrará el identificador utilizando la herramienta de inspección.
Para eso, deberá profundizar en los archivos de complementos para descubrir el identificador utilizado por el complemento para cargar un script.
Otra forma de averiguar todos los identificadores utilizados por los complementos es agregar este código al archivo functions.php de su tema.
1
2
3
4 4
5 5
6 6
7 7
8
9 9
10
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 identificadores de script de complemento.
Mostrar una lista de identificadores de script de complemento en WordPress
Ahora que tiene identificadores de secuencia de comandos, puede eliminarlos fácilmente usando el siguiente código:
1
2
3
4 4
5 5
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
 
function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
}
También puede usar este código para deshabilitar múltiples scripts, como este:
1
2
3
4 4
5 5
6 6
7 7
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, deshabilitar estos scripts detendrá que sus complementos funcionen correctamente.
Para evitar esto, necesitará combinar JavaScripts juntos, pero a veces no funciona sin problemas, por lo que debe saber lo que está haciendo. Puede aprender de la prueba y el error (como muchos de nosotros), 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 provisional 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 permitir un complemento en esa página en particular.
De esta forma, 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.
1
2
3
4 4
5 5
6 6
7 7
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 la secuencia de comandos 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 te haya ayudado a aprender cómo los complementos de WordPress afectan el tiempo de carga de tu 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 videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas