A pesar de que WordPress es un entorno controlado, donde los errores son mucho menos frecuentes que en un entorno de desarrollo de software típico, siempre hay una ventana o una puerta a través de la cual los problemas pueden entrar.
Como regla general, se puede decir que cuanta más flexibilidad le brinde una herramienta, más errores potenciales puede encontrar.
En el caso particular de WordPress, hay mucha flexibilidad y, por lo tanto, muchos errores potenciales. Tiene una arquitectura de complemento abierta que puede usar para agregar funciones al CMS; tienes un servidor web, un proveedor de hosting, un sistema de gestión de bases de datos y una red. Todos estos componentes son factores independientes que contribuyen a su parte de problemas potenciales.
Los tipos de problemas que puede encontrar incluyen un rendimiento lento, contenido incorrecto o dañado, mensajes de error y, lo peor de todo: la pantalla blanca de la muerte (WSoD), lo que significa que su sitio web se ha bloqueado y requiere atención inmediata.
Incluso un problema leve de rendimiento, como un retraso de menos de 2 segundos, es algo que debe preocuparle porque podría (y dañará) su SEO estrategia y su posicionamiento en los resultados de los buscadores. Y eso se traduce directamente en cada vez menos visitantes cada día, porque en estos días, una respuesta rápida lo es todo, especialmente para los usuarios de dispositivos móviles.
Por eso es fundamental contar con herramientas que pueda utilizar siempre que sienta que su sitio web no funciona correctamente. E incluso si lo hace, siempre hay espacio para mejorar su rendimiento o su usabilidad.
La depuración es una tarea que realizan los desarrolladores para detectar y eliminar errores (también llamados errores) de sus programas. Se realiza con la ayuda de herramientas especializadas que le permiten ver lo que sucede dentro de un programa mientras se ejecuta.
A veces, la parte más difícil del trabajo de depuración es descubrir el componente, el comando o la instrucción precisos que están causando un error. Para ello, los desarrolladores hacen lo mismo que un médico que tiene que hacer un diagnóstico: analizan los síntomas y, si es necesario, realizan algunos estudios para identificar el origen del problema. El desarrollo de software equivalente a los estudios médicos es una herramienta de monitoreo que proporciona información sobre el funcionamiento interno de un sitio web.
Veamos algunas opciones.
WP_DEBUG
WordPress tiene una ayuda de depuración incorporada que comúnmente se pasa por alto. Es una "bandera" llamada WP_DEBUG que activa el modo de depuración en WordPress cada vez que se activa. Cuando activa WP_DEBUG, se genera un registro que registra toda la actividad de su sitio web. Al leer este registro, puede descubrir qué no funciona correctamente en su sitio web de WordPress.
Para activar WP_DEBUG, necesita hacer algo de codificación, editando su wp-config.php archivo y agregando las líneas necesarias para ordenar a su sitio web que registre toda la actividad en el registro. Esta tarea de codificación no es para todos: debe tener mucho cuidado al editar el archivo wp-config.php, porque si pierde una línea o incluso un carácter, su sitio web puede dejar de funcionar. Además, haga una copia de seguridad de su sitio / archivos antes de hacer nada. Si estropea las cosas, puede restaurar la copia de seguridad y hacer que todo vuelva a la normalidad.
Para editar el wp-config.php archivo, use el administrador de archivos de su proveedor de alojamiento o use un cliente FTP para descargar el archivo y abrirlo localmente con su editor de texto preferido. El archivo se encuentra en el directorio principal de su instalación de WordPress. Después de abrirlo, busque la línea donde se define WP_DEBUG. Debe tener un aspecto como este:
define( 'WP_DEBUG', false );Si no existe tal línea, busque el siguiente comentario:
/* That’s all, stop editing! Happy blogging. */y agregue las siguientes líneas sobre ese comentario. Estos comandos le indicarán a su sitio que registre todos los errores sin mostrarlos, lo cual es útil para los sitios web que están disponibles públicamente:
define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);
@ini_set('display_errors',0);Guarde el archivo modificado y, si está utilizando FTP, cárguelo en su sitio. Luego intente provocar el error (o espere hasta que suceda) y verifique el archivo debug.log. Lo encontrará en la carpeta wp-content de su instalación de WordPress. Puede abrirlo con un editor de texto y buscar los mensajes de error que revelan qué está causando problemas a su sitio web.
Después de hacer esto, debe desactivar el registro cambiando los valores "verdadero" a "falso" en todas las líneas que agregó o cambió en el wp-config.php archivo.
WPDB Error Reporting
Si sabe o sospecha que la base de datos de su sitio web está causando problemas, puede habilitar WPDB Error Reporting. Esto también requiere algo de codificación. Una vez que habilite el informe de errores, puede indicarle a su sitio web que comience a mostrar errores de la base de datos en la pantalla.
No debe hacer esto en un sitio web en vivo a menos que no le importe si sus visitantes reciben mensajes de error en sus pantallas. Es mejor usar un sitio web de puesta en escena (como se describe a continuación) donde puede probar todo lo que desee sin que todos vean lo que está sucediendo debajo del capó.
La lectura de estos informes o registros de errores requiere algunos conocimientos técnicos, del mismo modo que se necesitan conocimientos médicos para leer una radiografía, por ejemplo. Tendrá que descifrar algo de programación, redes o jerga de bases de datos, pero probablemente encuentre el problema raíz que está afectando a su sitio web y luego obtenga ayuda de alguien que pueda resolver ese problema específico.
Para comenzar a generar informes de errores de la base de datos, agregue la siguiente línea a su wp-config.php archivo (de la misma manera que se explicó antes para generar el registro de depuración):
define( 'SAVEQUERIES', true);Al establecer este valor en verdadero, la base de datos comenzará a almacenar todas las consultas que realice su sitio web. Luego, podrá inspeccionar el número de consultas provocadas por cada solicitud de página y los comandos utilizados en cada una. Una forma de mostrar las consultas en pantalla es agregar estas líneas en su archivo PHP de tema dentro de su flujo de ejecución:
global $wpdb;
print_r( $wpdb->queries );Una vez que haya terminado con la depuración, debe eliminar estas líneas para restaurar su sitio web a su funcionamiento normal.
Using a staging website
Un sitio web provisional es un clon de su sitio web real, donde puede probar cambios o nuevas funciones antes de publicarlos. También es una buena idea utilizar un sitio web provisional para depurar problemas o monitorear su comportamiento porque le da la libertad de probar todo lo que desee sin interferir con los usuarios reales de su sitio web.
Es importante que un sitio web de puesta en escena refleje exactamente el contenido y la estructura de su sitio web real. Siempre que actualice su sitio de WordPress con nuevo contenido o nuevos complementos (en su mayoría complementos y temas), debe actualizar su sitio de prueba con una copia del actual. De esta manera, si ocurre un problema en su sitio web en vivo, podrá replicarlo en su entorno de ensayo.
Mucha Hosting de WordPress administrado los proveedores ofrecen un sitio de preparación como valor agregado a sus planes pagos. Esta es la forma más fácil de usar de tener un entorno de puesta en escena en el que puedas jugar y probar cosas sin riesgo. Pero si su proveedor de alojamiento no le ofrece esta posibilidad, puede crear un sitio de prueba utilizando el La estadificación WP enchufar. Este complemento facilita la clonación de su sitio web y luego usar el clon como si fuera real. Siempre sabrá cuándo se encuentra en el entorno de ensayo porque una barra naranja en la parte superior de la pantalla se lo indicará.
Si le gusta ensuciarse las manos, siempre puede crear un sitio de ensayo manualmente en un subdominio, asumiendo que su proveedor de alojamiento le permite agregar un subdominio a su cuenta. El proceso de crear el sitio de ensayo de esta manera puede ser un poco complicado, por lo que si es un principiante de WordPress, es posible que desee utilizar otra opción.
Query Monitor
Su nombre puede ser engañoso porque Monitor de consultas hace mucho más que monitorear consultas. Es un panel de desarrollador completo para WordPress, que permite la depuración de scripts, hojas de estilo, llamadas a API, consultas de bases de datos, errores de PHP y más. Algunas funciones avanzadas le permiten depurar llamadas Ajax y realizar comprobaciones de capacidad del usuario.
Una vez que lo instala y lo activa, Query Monitor comienza a mostrar información sobre el comportamiento de su sitio web de las formas más útiles.
Por ejemplo, muestra consultas de bases de datos agregadas agrupadas por funciones, complementos o temas que las activaron. Un menú de la barra de herramientas de administración muestra estadísticas en vivo de la página actual, con toda la información de depuración que pueda necesitar para evaluar el problema que necesita resolver.
Al usar Query Monitor, puede limitar su búsqueda progresivamente de errores por complemento o tema, hasta que encuentre el que está degradando el rendimiento de su sitio web o causando un mal funcionamiento. Al igual que WordPress, Query Monitor es completamente gratuito y de código abierto.
Firefox Developer Tools
Anteriormente conocido como Firebug, Herramientas para desarrolladores de Firefox es una versión especial de Firefox diseñada para desarrolladores que ofrece las últimas funciones y herramientas de desarrollo. No es específico para WordPress, pero resulta muy útil para depurar sitios web.
Es inevitable comparar Firefox Developer Tools con las más populares Chrome DevTools. Al hacerlo, se destaca el diseño sólido de Firefox. Por ejemplo, puede hacer clic con el botón derecho en cualquier elemento para abrir la pestaña del inspector, y la consola web ofrece una salida rica al imprimir objetos, mostrando mucha más información que solo su nombre. Proporciona información adicional para ciertos tipos, lo que permite un examen detallado de las propiedades del objeto y proporciona información más completa para los elementos DOM.
Con la herramienta Inspector, puede examinar y modificar el HTML y CSS de la página, lo que le permite hacerlo con páginas cargadas localmente en Firefox o en un dispositivo remoto, como Firefox para Android.
La Consola web muestra toda la información que puede necesitar sobre una página web: JavaScript, solicitudes de red, CSS, advertencias, mensajes de error y mensajes informativos registrados explícitamente por código JavaScript. También le permite interactuar con una página web ejecutando directamente expresiones JavaScript en el contexto de la página.
New Relic
Como uno de los actores más importantes del APM (Monitorización del rendimiento de aplicaciones), New Relic es un producto comercial que miles de desarrolladores en todo el mundo utilizan a diario para obtener información sobre el rendimiento de sus productos de software. Tiene una arquitectura de complementos que permite una funcionalidad adicional por parte de terceros, lo que resulta en un espectro virtualmente infinito de tecnologías que pueden ser monitoreadas por esta herramienta.
Con un rango de precios de $ 9.37 a $ 200 por host por mes, está destinado a tareas de depuración profesionales. También conlleva una curva de aprendizaje extendida, por lo que además de gastar dinero en la solución, también debe invertir tiempo para aprender a usarla. Los usuarios de New Relic aprecian el hecho de que se integra fácilmente en aplicaciones para APM y monitoreo de infraestructura.
Kinsta le permite integrar New Relic fácilmente desde su panel de MyKinsta.
Debug Bar
Barra de debug es un conjunto de complementos accesibles a través de un menú de depuración en la barra de administración de WordPress, que muestra una amplia variedad de información de depuración. Sus opciones incluyen la consola, códigos cortos, constantes, tipos de publicación, cron, acciones y filtros, transitorios, solicitudes remotas y listas de scripts y dependencias de estilo. Es un complemento de código abierto, por lo que se puede utilizar de forma gratuita.
El complemento principal, Debug Bar, proporciona la funcionalidad básica, ampliada por el resto de los complementos. Funciona con las banderas de depuración integradas que ofrece WordPress, como WP_DEBUG y SAVEQUERIES. Cuando estos indicadores están activos, la barra de depuración agrega información útil de depuración, como advertencias de PHP y consultas de MySQL, lo que le ahorra la molestia de buscar y leer los archivos de registro.
Cada opción en el menú de la barra de depuración proporciona su parte de poder de depuración. La consola, por ejemplo, proporciona una consola en la que puede ejecutar código PHP arbitrario, que es excelente para probar el contenido de las variables (entre otros usos). Cron muestra información sobre los eventos programados de WordPress, como la hora del próximo evento, el número de eventos programados, la lista de eventos programados personalizados, etc. Las acciones y los filtros son otra opción para mostrar los ganchos adjuntos a la solicitud actual. La pestaña Acciones muestra las acciones vinculadas a la solicitud actual, mientras que la pestaña Filtros muestra todas las etiquetas de filtro, junto con las funciones adjuntas a cada una.
Depurando para todos
Las herramientas de depuración están diseñadas principalmente para profesionales del desarrollo de software. Pero incluso si no es un desarrollador, si solo mantiene un blog de WordPress, es útil tener al menos un conocimiento básico de cómo monitorear y depurar su sitio. Al hacerlo, puede dar un revelador alguna información que le ayudará a encontrar el origen de un problema, de la misma manera, que, si se siente mal, puede ahorrarle algo de trabajo a su médico tomándose la temperatura usted mismo antes de ir al hospital.
Aprende algunas formas de ganar dinero como profesional de WordPress.
