El proceso paso a paso para probar correctamente su sitio de WordPress antes de actualizar (flujo de trabajo, herramientas y scripts)

Es fácil continuar y actualizar su sitio de WordPress usted mismo, el tema y los archivos de complementos. Simplemente presione el botón “Actualizar” tres veces y el trabajo está, bueno … en su mayor parte listo. Crees esto. Todos piensan eso también. Pero no aquí está el verdadero desafío y dónde pueden ocurrir algunos problemas. La “verdadera oferta” tiene lugar unos segundos después de las actualizaciones, cuando deberá verificar y probar si su sitio aún funciona como lo desee.

¿Qué sucede si acaba de actualizar su sitio en vivo y lo rompió? ¡Será doloroso! Y este no es el peor escenario: ¿qué sucede si el sitio web solo se rompe en ciertos dispositivos, pero no se da cuenta porque lo ves desde el escritorio? Y todo parecía estar bien, ¿no?
Podría continuar con otros ejemplos como:
¿Qué sucede si su página de pago ya no funciona en el iPhone?
¿Qué sucede si su formulario de contacto no funciona en Safari?
¿Qué sucede si su menú móvil no se abre en Android?
¿Qué sucede si las revisiones de sus productos ya no se muestran en Firefox?
¿Qué sucede si su sótano desaparece en el navegador de borde?
La lista es casi interminable. Y pensaste que era solo una actualización “rápida”, ¿eh? Así que ahora déjame preguntarle: ¿cuántas actualizaciones incompletas permitirá su negocio? ¿Cuánto dinero estás dispuesto a perder debido a las actualizaciones fallidas?
Si eres propietario de un negocio calificado, creo que conozco tu respuesta. Pero no se desespere, hay una manera fuerte de reducir las posibilidades de experimentar tales problemas al mínimo. Se llama: prueba apropiada. Por qué las pruebas deben ser parte de su actividad de mantenimiento habitual si valoran su sitio, como estoy seguro de que cualquier propietario del negocio, ciertamente sabe que será un problema importante si su sitio ya no funcionará por un día o incluso dos. Si esto sucede, es posible que ya sepa, experimentará al menos uno de los siguientes: tráfico perdido
Credibilidad perdida
Perspectiva perdida que estaba interesada en comprar su producto
La conclusión es que cuando su sitio web o su comercio electrónico no se actualizan correctamente para que no pueda ejecutarse correctamente, perderá dinero. Este es el aspecto más importante del que debe tener en cuenta. Por otro lado, la existencia de herramientas y procesos apropiados para probar su sitio después de una actualización es beneficiosa de muchas maneras:
Su sitio continuará funcionando sin problemas después de cada actualización
Su sitio web estará más seguro
Su sitio web se ejecutará más rápido
Sus visitantes no se verán afectados en absoluto, por lo tanto, su confianza en su negocio seguirá siendo fuerte
En este artículo, compartiré algunas de las mejores prácticas, consejos y trucos, así como herramientas para probar su sitio de WordPress y para asegurarme de que funcione excelente después de actualizarlo. Entonces, si desea aprender cómo probar su sitio web correctamente (inmediatamente después de las actualizaciones) y está dispuesto a aprender de quienes ganan esto, lea más. Cómo mejorar al probar las pruebas de WordPress es una tarea repetitiva pero crucial. Como tal, podrían volverse aburridos y en tiempo para ti. Aquí le mostramos cómo evitar esto. Para superar estas limitaciones de prueba molesta y repetitiva, debe concentrar sus esfuerzos y tener una estrategia doble basada en:
Herramientas de prueba adecuadas: algunas de las pruebas pueden ser más rápidas y/o mejores si utiliza herramientas apropiadas
Una lista de verificación o el llamado proceso que presenta todos los pasos pequeños y grandes que debe tomar después de una actualización. Esta lista de verificación se asegurará de que tenga un sitio web a fondo cada vez que actualice su WordPress sin perder nada.
Echemos un vistazo más de cerca a cada uno de ellos y veamos cómo hacer las pruebas correctas.
Cómo probar los sitios de WordPress: las herramientas después de muchas (sí, muchas) horas dedicadas a actualizar varios sitios web de WordPress en WPriders: la agencia que ejecuté, y a mis compañeros de equipo se les ocurrió un puñado de herramientas y una lista de verificación para las pruebas correctas después de una actualización. Aquí hay una breve lista de herramientas que utilizamos para garantizar un proceso de prueba de alta calidad:
Sitio de preparación: si desea una actualización segura de WordPress, debe usar un sitio de puesta en escena. Un sitio de puesta en escena es un clon/copia perfecto de su sitio en vivo donde puede realizar todas las actualizaciones y pruebas sin afectar el sitio en vivo. Instrucciones para crear captura de pantalla: hay herramientas que pueden crear una captura de pantalla en toda la página de su sitio web antes y después. actualizaciones.
Herramientas para comparar capturas de pantalla: estas herramientas lo ayudarán a verificar automáticamente las 2 capturas de pantalla antes y después de actualizar e identificar rápidamente cualquier cambio e inconsistencia.
Las Escrituras automáticas se prueban que puede tener una batería de Prueba de Escrituras que haga clic en su sitio después de actualizarse para asegurarse de que el sitio todavía esté funcionando de acuerdo con la intención.
Recuerde: las buenas herramientas deberían mejorar su trabajo, tener una especie de efecto multiplicador en sus propios ojos y manos. Pero antes de “multiplicar”, debes asegurarte de hacer las cosas bien. Y haz esto en el orden correcto. Este es el proceso.
Cómo probar los sitios de WordPress: el proceso Un buen proceso en vigor es la piedra angular de una actualización exitosa de WordPress, que le asegura lo que necesita cada vez después de una actualización. Aquí está el proceso que utilizamos en WPriders que nos complace compartir con usted. Así que aquí. ¿Necesita un desarrollador de WordPress para tratar la actualización de sus archivos personalizados de tema/complemento? ¡Ahora contrate a Marius y el equipo de WPriders! Antes del proceso de actualización
Haga una lista de todos los temas y complementos “Premium” (llamados elementos premium) que no se actualizan automáticamente. En el sitio web que compró, consulte la última versión disponible de los temas premium o los complementos que usa en la instalación. Los mercados comunes son el bosque temático, Codecanyon, etc. – No confíe solo en lo que WordPress informa como la última versión en Backend.
Haga una lista de URL (llamémoslo la lista de URL) que va a probar después de la actualización. Deben incluir todas sus plantillas de WordPress (no se olvide de las plantillas aduaneras), sus páginas principales, como la página de inicio, la página de contacto, las páginas del producto y las páginas, así como sus páginas.
Haga una lista de escenarios de prueba que se verificarán después de la actualización. Un escenario de prueba es como un viaje de visitante a través de su sitio e incluye una lista de páginas y acciones que el usuario realizará. Un ejemplo de escenario de prueba es:
Abra la página de inicio
Desplácese hacia abajo hasta el botón “Llamada de acción”.
Complete “[correo electrónico protegido]” en el campo de correo electrónico
Presione el botón Enviar
Cree su script de prueba automático conjunto para verificar estos escenarios. Si no tiene idea de este tema, no se preocupe, compartiré algunos ejemplos de scripts de codecepción que usamos.
En el lugar de la asamblea
Clone todo su sitio en un entorno de preparación. Asegúrese de que la versión PHP y MySQL en la puesta en escena coincida con el entorno en vivo. Algunos proveedores de alojamiento como SiteGround, Wpengine o Getflywheel proporcionan una creación de estadificación de un solo clic.
Verifique que su sitio de organización esté bien. Solo una verificación de rutina para asegurarse de que el clon sea perfecto se cortaría aquí. Ahora, antes de actualizar el sitio web, continúa y crea una captura de pantalla establecida para todas las URL de la lista de URL en la escena. Estos archivos son la línea básica si algo se romperá durante o después del proceso de actualización. Haga capturas de pantalla en Chrome, Safari, Firefox en Mac, Edge on Windows (últimas versiones), iPhone, Phone Android. ¿Demasiados? Lo sé, pero no se desespere, hay herramientas específicas para crearlas automáticamente (ver más abajo).
Actualice su sitio en el escenario. Específicamente, asegúrese de actualizar:
Archivos básicos de WordPress
Archivos temáticos
Archivos de plugin
No olvide actualizar a mano esos elementos que no tienen una actualización automática
Repita el paso 7 nuevamente y cree capturas de pantalla en el sitio web actualizado desde. En Windows (últimas versiones), iPhone, Teléfono Android.
Ahora es el momento de comparar todas las capturas de pantalla antes y después de la actualización. Cada URL en su lista de URL y cada navegador. No debes dejar atrás ninguno de ellos. Incluso para esta actividad, hay herramientas que automatizarán el proceso. Así que por favor soportame.
Ejecute los scripts de prueba que creó en el punto 5 para garantizar que la finalización, los formularios de contacto y otras partes críticas de su sitio aún funcionen. Asegúrese de ejecutar los scripts en todos los principales navegadores y dispositivos. Sugerimos Chrome, Safari, Firefox en Mac, Edge on Windows (últimas versiones), iPhone, teléfono Android. Para el sitio en vivo, asegúrese de no dar los próximos pasos un viernes, ¿de acuerdo?
Haga una copia de seguridad de su sitio en vivo
Haga capturas de pantalla para todas las direcciones de URL en su lista práctica, repita lo que ha hecho en el n. ° 8 en su sitio de organización, pero ahora lo hace en su sitio en vivo.
Actualice su sitio en vivo. Vea las notas del número 9 para su sitio de organización.
Compruebe si quedan artículos obsoletos en el back -end. A veces piensa que todos sus complementos se han actualizado, pero si actualiza la página de backend, verá que la actualización puede haber fallado para algunos de ellos.
Cache vacío en su sitio en vivo.
Cree otro conjunto de capturas de pantalla en su sitio en vivo (como lo hizo en el número 10 para su sitio de organización)

Compare todas las capturas de pantalla hechas desde su sitio en vivo (cómo lo hizo en el número 11 para su sitio de organización)
Ejecute scripts de prueba en su sitio en vivo. (Como en el paso #12 para el sitio de organización)
Haga una última verificación de rutina visual del sitio.
Tome una cerveza/café/té/capuchino y disfrútalo. Te lo mereces
Sé que sé. Es una lista larga, una muy larga. Pero cubre muchos escenarios inesperados y lo ayudará a realizar actualizaciones de WordPress lo más fácilmente posible.
Herramientas completas para crear captura de pantalla cuando se trata de la prueba correcta, una de las cosas clave en el proceso es tomar las capturas de pantalla de la URL y compararse entre sí para cualquier cambio no deseado. Aquí hay una lista práctica de las herramientas que hemos probado y usado para crear capturas de pantalla, con sus ventajas y desventajas. En WPriders usamos una combinación de las siguientes herramientas, dependiendo del proyecto en el que trabajamos: (haga clic aquí para ver la hoja original) Comparación automática de las herramientas de captura de pantalla que recuerda cuando le dije que hay herramientas para comparar automáticamente las capturas de la pantalla ? Bueno, aquí mantengo mi promesa y enumero algunas de estas llamadas herramientas de diferenciación de imágenes para que compare automáticamente las imágenes.
Esto es lo que usamos:
(Haga clic aquí para ver la hoja original) Prueba de su sitio de WordPress utilizando scripts automáticos, en última instancia, verificar el hecho de que los formularios, las páginas de pago y otras áreas críticas siguen funcionando correctamente después de la actualización es de la mayor importancia. Como siempre, puede manejar manualmente o usar algunos scripts (o contratar a un desarrollador para escribirlos de acuerdo con sus necesidades específicas) y ejecutar automáticamente las pruebas en su sitio que desea probar y verificar a través de scripts automáticos puede ser:
Completa los formularios de contacto
Agregue un producto al carrito

Su proceso de pago
Seleccione una vez en un calendario en el front-end, luego consulte el back-end si la reserva se realizó correctamente.

Estos son solo algunos ejemplos de acciones que puede probar con scripts automáticos, pero, por supuesto, las posibilidades son infinitas. Codeception es el marco que usamos cuando se trata de automatizar este tipo de pruebas. La verdad es que lleva algún tiempo crear un script de prueba, pero una vez que tenga uno, ejecutará y probará su sitio en una amplia gama de dispositivos para garantizar que las funciones básicas del sitio: su UL todavía funcione correctamente. Un script de prueba tiene más ventajas sobre las pruebas manuales: Elimina el error humano: un script no se aburre ni se estrés, por lo que atrapará las cosas que normalmente extrañaría como hombre si mirara el mismo sitio web 4 o 5 veces en diferentes navegadores.
Ahorre tiempo: los scripts que funcionan por mucho tiempo se pueden dejar solos, mientras se centran en elementos más importantes.

Le ahorra más tiempo: los scripts se pueden realizar en paralelo: puede probar en 4 navegadores y 2 dispositivos al mismo tiempo y puede obtener todos los resultados simultáneamente.
Por ejemplo, para probar un formulario de contacto simple, puede usar un script PHP como el siguiente: [código lang = ‘php’]] amonpage (‘/samples-dental-grit/’);
$ I-> checkOption (‘#ninja_forms_field_19_0’);
// Use la cadena generada aleatoriamente para el nombre para obtener diferentes referencias
$ I-> fillfield (‘primer nombre’, $ rand. ‘Test’);
$ I-> fillfield (‘nombre’, ‘prueba’);
$ I-> relleno (‘nombre de la empresa’, ‘prueba’);
$ I-> fillfield (‘dirección 1’, ‘prueba’);
$ I-> fillfield (‘ciudad’, ‘prueba’);
$ I-> Fillfield (‘Código postal / postal’, ‘10007’); $ i-> Fillfield (‘Correo electrónico’, ‘[Correo electrónico protegido]’);
$ I-> selection (‘input [name = ninja_forms_field_47]’, ‘sí’);
$ I-> hacer clic (‘enviar’);
$ I-> waitfortext (‘¡Gracias! Tus muestras gratuitas se procesan’);
// Compruebe si el formulario se envía en WordPress de back-end
$ I-> loginasadmin ();
$ I-> WaitForement (‘#adminmenu’);
$ I-> amonpage (‘wp-admin/edit.php? Post_type = nf_sub’);
$ I-> waitForement (‘select.nf-form-jump’);
$ I-> selection (‘form de select.nf-form-jump’, ‘muestras gratis’);
$ I-> ver ($ rand. ‘Test’);
[/código]