\u00bfPor Qu\u00e9 Es Importante Probar WordPress?<\/h2>\n
Probar regularmente tu sitio de WordPress tiene muchas ventajas. Como ya hemos dicho, te permite experimentar con el dise\u00f1o y los elementos de la interfaz de usuario (UI) sin afectar a tu sitio en producci\u00f3n.<\/p>\n
Como resultado, puedes conservar tu sitio web actual y mantener cualquier operaci\u00f3n comercial mientras exploras nuevas ideas. Si algo va mal en el entorno staging, no tienes que preocuparte por el efecto que el tiempo de inactividad pueda tener en el tr\u00e1fico y los ingresos de tu web.<\/p>\n
Por otra parte, tambi\u00e9n puedes probar tu sitio web WordPress para detectar problemas que puedan tener los visitantes cuando intentan ver tus p\u00e1ginas. Por ejemplo, puede que tu sitio funcione lentamente<\/a> en un determinado navegador, o que tu men\u00fa no se muestre correctamente en dispositivos m\u00f3viles.<\/p>\n Adem\u00e1s, un entorno staging puede ser una forma estupenda de prevenir vulnerabilidades de seguridad. Puedes experimentar con nuevos plugins y temas antes de instalarlos en tu sitio web. Mientras tanto, puedes ejecutar actualizaciones en tu sitio staging para asegurarte de que son seguras.<\/p>\n Y aunque muchos principiantes pueden beneficiarse de experimentar con WordPress en un entorno seguro y privado, las pruebas tambi\u00e9n son muy importantes para los desarrolladores avanzados. Con las herramientas adecuadas, los desarrolladores pueden crear un entorno staging permanente<\/a> para comprobar la funcionalidad de los productos antes de ponerlos a disposici\u00f3n del p\u00fablico.<\/p>\n Ahora que sabes por qu\u00e9 es importante probar WordPress de forma segura, echemos un vistazo a algunos de los enfoques m\u00e1s comunes.<\/p>\n Independientemente del tipo de sitio que tengas, es una buena pr\u00e1ctica adquirir el h\u00e1bito de realizar regularmente pruebas de funcionalidad, rendimiento y seguridad.<\/p>\n Es importante reconocer el valor de probar tu sitio web en distintos entornos. Una vez que conozcas la diferencia entre cada tipo de entorno, te resultar\u00e1 m\u00e1s f\u00e1cil elegir la opci\u00f3n adecuada a tus necesidades.<\/p>\n Un entorno local est\u00e1 alojado en tu propio ordenador. Como tal, nada de lo que realices all\u00ed afectar\u00e1 a tu sitio en producci\u00f3n. Para uso general, ofrece una forma estupenda de probar nuevas caracter\u00edsticas y funcionalidades. Mientras tanto, para los desarrolladores, un entorno local puede ser el lugar ideal para detectar fallos y errores en tu c\u00f3digo.<\/p>\n Por otro lado, un entorno staging proporciona una copia de los datos de tu sitio web en un servidor (en lugar de una m\u00e1quina local). Es un lugar ideal para ejecutar actualizaciones de versiones importantes, cambios de configuraci\u00f3n y migraciones de bases de datos<\/a>. Adem\u00e1s, si dise\u00f1as sitios web para clientes, un sitio staging es ideal como sitio de demostraci\u00f3n para mostrar a los clientes el aspecto que tendr\u00e1 el sitio.<\/p>\n Ahora que conoces mejor los distintos tipos de entornos de pruebas, \u00a1vamos a ver c\u00f3mo configurarlos!<\/p>\n Como ya hemos dicho, un sitio staging es b\u00e1sicamente una copia completa de tu sitio web activo. Normalmente, estar\u00e1 alojado en el mismo servidor que tu sitio web en producci\u00f3n. La \u00fanica diferencia es que los visitantes no podr\u00e1n acceder a \u00e9l.<\/p>\n Una de las mejores partes del staging es que utiliza una configuraci\u00f3n real. Por lo tanto, es capaz de entender correctamente el recorrido que los clientes reales hacen en tus p\u00e1ginas.<\/p>\n La forma m\u00e1s sencilla de configurar un sitio staging<\/a> es a trav\u00e9s de tu proveedor de alojamiento web. No todos los proveedores de alojamiento web ofrecen entornos staging con sus servicios de alojamiento. Pero, en Kinsta<\/a>, es super sencillo crear y configurar el entorno staging integrado de WordPress<\/a>.<\/p>\n Puedes acceder a tu sitio web staging accediendo a tu panel de control MyKinsta. Simplemente selecciona tu sitio web de la lista. Luego, en la parte superior de la pantalla, utiliza el men\u00fa desplegable para cambiar \u00abEn Producci\u00f3n\u00bb <\/strong>a \u00abStaging\u00bb<\/strong>:<\/p>\n Ten en cuenta que puede llevar hasta quince minutos generar tu sitio staging por primera vez. Despu\u00e9s, se crear\u00e1 como un subdominio de tu dominio principal (ambos utilizan el mismo servidor).<\/p>\n Cuando est\u00e9s listo para aplicar los cambios a tu sitio web en producci\u00f3n, s\u00f3lo tienes que utilizar el bot\u00f3n Enviar entorno <\/strong>de tu panel de control.<\/p>\n Aunque un entorno local funciona de forma similar a un sitio staging, no necesitar\u00e1s alojar el entorno externamente. En su lugar, tu entorno local residir\u00e1 en una m\u00e1quina local (lo m\u00e1s habitual, tu ordenador).<\/p>\n Para instalar un entorno de pruebas de WordPress localmente, tendr\u00e1s que conseguir un stack AMP configurado para tu ordenador. Este software (Apache, MySQL y PHP) se utiliza para imitar tu sitio web WordPress en producci\u00f3n.<\/p>\n Algunas de las formas m\u00e1s populares de instalar WordPress localmente son WAMP y XAMPP. Sin embargo, la forma m\u00e1s sencilla es utilizar DevKinsta<\/a>:<\/p>\n DevKinsta es una herramienta gratuita de desarrollo local para sitios de WordPress individuales o multisitio. Con ella, tendr\u00e1s acceso a montones de herramientas de gesti\u00f3n de bases de datos y correo electr\u00f3nico. Adem\u00e1s, se integra perfectamente con MyKinsta (aunque no tienes que ser cliente de Kinsta para usar DevKinsta).<\/p>\n Para empezar, tendr\u00e1s que descargar la \u00faltima versi\u00f3n de DevKinsta<\/a>. Para los usuarios de Mac, a\u00f1adir\u00e1s DevKinsta a Aplicaciones<\/strong> y har\u00e1s doble clic en la aplicaci\u00f3n DevKinsta para abrirla.<\/p>\n El proceso de instalaci\u00f3n var\u00eda ligeramente seg\u00fan el sistema operativo, pero puedes consultar las instrucciones completas de instalaci\u00f3n de DevKinsta<\/a> si es necesario. A continuaci\u00f3n, puedes instalar Docker Desktop<\/a> para crear contenedores para WordPress local.<\/p>\n Una vez que hayas instalado correctamente DevKinsta y Docker, puedes crear tu sitio local. Puedes crear un nuevo sitio de WordPress, importar un sitio existente de Kinsta o crear un sitio personalizado:<\/p>\n Simplemente elige la opci\u00f3n que prefieras. Si est\u00e1s importando desde Kinsta, tendr\u00e1s que seleccionar el sitio web correcto para importar e introducir tus datos de acceso. A continuaci\u00f3n, se te dirigir\u00e1 a la pantalla de Informaci\u00f3n del Sitio<\/strong>, que funciona como un panel de control para tu entorno local.<\/p>\n Tambi\u00e9n puedes utilizar la API de Kinsta<\/a> para crear un nuevo sitio\/instalaci\u00f3n de WordPress sin acceder a DevKinsta<\/a>.<\/p>\n Veamos ahora cinco formas de probar la funcionalidad de tu sitio web WordPress. Una de las mejores partes de las pruebas de funcionalidad es que puedes hacerlas directamente en tu entorno local o utilizando DevKinsta (a diferencia de otros tipos de pruebas que requieren que tu sitio web est\u00e9 activo).<\/p>\n Es importante probar tu sitio de WordPress en varios navegadores<\/a> para ver qu\u00e9 aspecto tiene tu sitio para todos los visitantes. Esto se debe a que los distintos navegadores utilizan c\u00f3digos diferentes. Por tanto, cada navegador maneja y muestra los elementos a su manera.<\/p>\n Por ejemplo, un usuario que acceda a tu sitio en Chrome puede ver tu sitio web de forma diferente a un usuario que lo visite utilizando Firefox. Y aunque 3.200 millones de usuarios de Internet prefirieron Chrome como navegador principal<\/a> en 2021, muchos siguen utilizando Firefox, Edge, Opera y Safari.<\/p>\n Quiz\u00e1 te convenga averiguar qu\u00e9 navegadores son los m\u00e1s populares entre tus visitantes para optimizar tu sitio espec\u00edficamente para esos navegadores. Si utilizas Google Analytics, puedes encontrar esa informaci\u00f3n en tus informes de Audiencia<\/a>.<\/p>\n A continuaci\u00f3n, puedes comprobar la compatibilidad de tu sitio con varios navegadores utilizando una herramienta como BrowserStack<\/a>:<\/p>\n Con BrowserStack, puedes probar tu sitio en 3000 navegadores diferentes, incluidas las \u00faltimas versiones de Edge, Safari, Firefox y Chrome. Tambi\u00e9n puedes aprovechar una prueba gratuita antes de comprometerte con un plan de pago.<\/p>\n Las pruebas unitarias consisten en probar la unidad m\u00e1s peque\u00f1a de una aplicaci\u00f3n de forma aislada. Puede ser una funci\u00f3n, una propiedad o un m\u00e9todo. A continuaci\u00f3n, se analiza el correcto funcionamiento de estas unidades para garantizar que la aplicaci\u00f3n se comporta como se espera.<\/p>\n Puedes ejecutar pruebas unitarias autom\u00e1ticamente utilizando una herramienta de terceros, como Travis CI<\/a>. Pero es m\u00e1s r\u00e1pido realizar las pruebas localmente durante el desarrollo que aplicar cambios y esperar a que Travis CI los ejecute.<\/p>\n Por ejemplo, puede que quieras probar unitariamente un tema o un plugin. Para ello, necesitar\u00e1s instalar Git<\/a>, SVN, PHP y Apache. Adem\u00e1s, necesitar\u00e1s tener listo tu plugin.<\/p>\n Para empezar, abre DevKinsta para iniciar tu entorno de desarrollo local. A continuaci\u00f3n, instala PHPUnit<\/a>. Ahora, tendr\u00e1s que generar los archivos de prueba del plugin utilizando el siguiente comando<\/a>:<\/p>\n En este punto, puedes inicializar el entorno de pruebas localmente ejecutando el script de instalaci\u00f3n:<\/p>\n Este script instala una copia de WordPress en el El siguiente paso es ejecutar las pruebas del plugin utilizando el Dado que m\u00e1s del 60 por ciento de las personas utilizan un dispositivo m\u00f3vil para conectarse a Internet<\/a>, es m\u00e1s importante que nunca que te asegures de que tu sitio WordPress es responsivo. De esta forma, puedes asegurarte de que tus p\u00e1ginas se visualizan sin problemas en todos los tama\u00f1os de pantalla, incluidos el escritorio, la tableta y el m\u00f3vil.<\/p>\n La forma m\u00e1s sencilla de comprobar la capacidad de respuesta de tu sitio<\/a> es simplemente introducir la URL de tu sitio en tu dispositivo m\u00f3vil. Sin embargo, si quieres probar la apariencia de tu sitio desde tu escritorio, puedes hacerlo utilizando el Personalizador de WordPress.<\/p>\n Simplemente dir\u00edgete a Apariencia <\/strong>> Personalizar:<\/strong><\/p>\n Dependiendo de tu tema, ver\u00e1s paneles diferentes. Pero, en la parte inferior de tu p\u00e1gina, puedes hacer clic en el icono de m\u00f3vil o tableta para previsualizar tu sitio en el tama\u00f1o de pantalla especificado.<\/p>\n Adem\u00e1s, puedes acceder a las herramientas para desarrolladores de Google Chrome<\/a> para ver c\u00f3mo aparece tu sitio de WordPress en dispositivos m\u00f3viles. Todo lo que tienes que hacer es abrir una p\u00e1gina de tu sitio en Google Chrome.<\/p>\n A continuaci\u00f3n, haz clic con el bot\u00f3n derecho en la p\u00e1gina y selecciona Inspeccionar<\/strong>:<\/p>\n Ahora, busca Activar\/Desactivar barra de herramientas del dispositivo<\/strong> en la parte superior de la ventana emergente (a la izquierda de la pesta\u00f1a Elementos<\/strong>):<\/p>\n Haz clic en ella y tu pantalla se adaptar\u00e1 al instante:<\/p>\n Como puedes ver, ahora puedes probar c\u00f3mo se muestra tu sitio en dimensiones Responsive<\/strong>. Si haces clic en el men\u00fa desplegable Dimensiones<\/strong>, podr\u00e1s probar tu p\u00e1gina en dispositivos adicionales, como diferentes modelos de iPhone y Samsung Galaxy.<\/p>\n Cuando hablamos de la interfaz de usuario (IU) de tu sitio web, nos referimos a cualquier componente de tu sitio con el que los visitantes puedan interactuar. Por ejemplo, la mayor\u00eda de los sitios web incluyen enlaces, botones, men\u00fas, etc. En alg\u00fan momento, los usuarios tendr\u00e1n que interactuar con estos elementos.<\/p>\n Por lo tanto, es super importante probar tu IU. Si algo no funciona correctamente, los visitantes pueden sentirse frustrados y abandonar tu sitio.<\/p>\n Puedes crear un entorno local para probar tus elementos de IU. Por ejemplo, puedes desarrollar un nuevo men\u00fa de navegaci\u00f3n y probarlo.<\/p>\n En este caso, puedes abrir tu \u00e1rea de administraci\u00f3n local desde tu panel de control de DevKinsta. Luego, navega a Apariencia <\/strong>> Men\u00fas <\/strong>en el sitio local. Ahora, haz clic en Crear un nuevo men\u00fa<\/strong>.<\/p>\n Dale un nombre a tu men\u00fa y haz clic en Guardar Men\u00fa<\/strong>. A continuaci\u00f3n, a\u00f1ade elementos de men\u00fa desde la izquierda de tu pantalla y selecciona A\u00f1adir al Men\u00fa<\/strong>:<\/p>\n En Configuraci\u00f3n del Men\u00fa<\/strong>, marca la casilla que dice Men\u00fa Principal<\/strong>. A continuaci\u00f3n, guarda los cambios.<\/p>\n Tambi\u00e9n puedes hacer clic en Gestionar con Vista previa en Tiempo Real<\/strong>, en la parte superior de la pantalla, para ver c\u00f3mo va quedando tu men\u00fa:<\/p>\n A continuaci\u00f3n, abre tu sitio local en un navegador nuevo para ver tu nuevo men\u00fa en el front-end:<\/p>\n Tambi\u00e9n puedes probar los enlaces de navegaci\u00f3n haciendo clic en cada uno de los elementos del men\u00fa. Por ejemplo, cuando hacemos clic en nuestro enlace Pedidos al Por Mayor<\/strong>, se nos redirige a la p\u00e1gina correspondiente que hemos a\u00f1adido a nuestro men\u00fa:<\/p>\n De este modo, puedes probar nuevos elementos de dise\u00f1o y asegurarte de que tu IU funciona correctamente.<\/p>\n Las Pruebas de Regresi\u00f3n Visual (Visual Regression Testing, VRT) garantizan que todos tus elementos de dise\u00f1o y disposiciones aparezcan como se supone que deben hacerlo. Por ese motivo, las VRT suelen aplicarse tras cambios en el sitio web, como cuando cambias de tema o actualizas un plugin.<\/p>\n De este modo, puedes asegurarte de que los cambios no han alterado tus elementos visuales. Por ejemplo, tu contenido puede estar desalineado, o pueden haber desaparecido botones.<\/p>\n Al igual que ocurre con las pruebas de interfaz de usuario, a menudo ignorar\u00edas este tipo de problemas sin visitar tu sitio web en el front-end. Puedes encontrar herramientas automatizadas de VRT para comprobar continuamente tu sitio, en busca de anomal\u00edas visuales.<\/p>\n O, simplemente, puedes comparar manualmente tus p\u00e1ginas antes y despu\u00e9s de aplicar los cambios. Digamos que quieres cambiar de tema<\/a>. Lo m\u00e1s seguro es hacerlo en un entorno local como DevKinsta, para que puedas realizar pruebas visuales antes de aplicar el cambio a tu sitio web en producci\u00f3n.<\/p>\n Ahora mismo, tenemos el tema Twenty Twenty activado en nuestro sitio local. Como puedes ver, la p\u00e1gina de inicio muestra todos los botones, texto e im\u00e1genes alineados en el centro:<\/p>\n Sin embargo, cuando cambiamos al tema Twenty Twenty-Three, puedes ver que el bot\u00f3n Comprar ahora <\/strong>est\u00e1 desalineado:<\/p>\n Si configuras un entorno local para tu prueba, podr\u00e1s detectar anomal\u00edas visuales como \u00e9sta.<\/p>\n Otra forma importante de probar tu sitio WordPress es comprobar la velocidad actual de tu sitio web. En esta secci\u00f3n, echaremos un vistazo a seis consideraciones que te ayudar\u00e1n a comprobar el rendimiento de tu sitio.<\/p>\n Teniendo esto en cuenta, puede ser \u00fatil empezar a utilizar Kinsta APM<\/a>. Con nuestra herramienta de monitorizaci\u00f3n del rendimiento de las aplicaciones, es f\u00e1cil identificar los problemas de rendimiento de WordPress:<\/p>\n Por ejemplo, puedes conocer todos los procesos PHP, las consultas a la base de datos MySQL y las llamadas HTTP<\/a> externas. Como resultado, estar\u00e1s en mejor posici\u00f3n para detectar largas llamadas a la API, consultas lentas a la base de datos y c\u00f3digo no optimizado de plugins y temas.<\/p>\n Y lo que es mejor, Kinsta APM es gratuito con todos los planes de Kinsta, y puedes acceder a la herramienta directamente desde tu panel de MyKinsta. En general, es una soluci\u00f3n f\u00e1cil de usar que te ayuda a mejorar el rendimiento y los tiempos de carga de tu sitio web.<\/p>\n En primer lugar, para asegurarte de que tu sitio web funciona al m\u00e1ximo nivel posible, puedes comprobar si WordPress tiene queries o scripts lentos. Las queries y scripts lentos afectan a la velocidad general de tu p\u00e1gina y hacen que tu sitio sea menos eficiente.<\/p>\n La forma m\u00e1s sencilla de identificar queries y scripts lentos es activar Kinsta APM. Si eres cliente de Kinsta, puedes acceder a la herramienta de forma gratuita. Sin embargo, tendr\u00e1s que activarla desde tu panel MyKinsta.<\/p>\n Para ello, s\u00f3lo tienes que acceder a tu cuenta y elegir el sitio web en el que deseas utilizar la herramienta APM. Ahora, navega hasta la pesta\u00f1a APM <\/strong>y haz clic en Activar<\/strong>:<\/p>\n A continuaci\u00f3n, tendr\u00e1s que elegir la duraci\u00f3n durante la cual deseas utilizar la herramienta. Dado que la herramienta APM utiliza recursos del servidor, puede tener un impacto en el rendimiento de tu sitio. Por lo tanto, es mejor activar la herramienta s\u00f3lo durante el periodo de tiempo en el que est\u00e9s solucionando activamente un problema de rendimiento.<\/p>\n Haz tu elecci\u00f3n y haz clic en Habilitar tiempo de monitorizaci\u00f3n<\/strong>:<\/p>\n La herramienta puede tardar unos minutos en recopilar datos sobre tu sitio. Despu\u00e9s, pasa a la pesta\u00f1a Base de datos <\/strong>y localiza la secci\u00f3n Queries m\u00e1s lentas a la base de datos<\/strong>:<\/p>\n Aqu\u00ed encontrar\u00e1s las diez consultas de base de datos m\u00e1s lentas de tu sitio. Si haces clic en una consulta, tambi\u00e9n podr\u00e1s ver las muestras de transacciones:<\/p>\n De esta forma, puedes encontrar m\u00e1s informaci\u00f3n sobre la muestra, la l\u00ednea de tiempo de rastreo, los detalles del tramo y el rastreo de stack.<\/p>\n Aunque los plugins mal programados pueden afectar a la seguridad de tu sitio de WordPress, tambi\u00e9n pueden afectar al rendimiento. Por lo tanto, es importante detectar este problema lo antes posible.<\/p>\n De nuevo, puedes utilizar la herramienta Kinsta APM para identificar los plugins lentos. Una vez que hayas activado la herramienta en tu panel MyKinsta, ve a la pesta\u00f1a APM<\/strong>. A continuaci\u00f3n, cambia a WordPress<\/strong>:<\/p>\n La primera secci\u00f3n que ver\u00e1s es Plugins de WordPress M\u00e1s Lentos<\/strong>. Los plugins m\u00e1s lentos registrados aparecen en la parte superior de la secci\u00f3n.<\/p>\n Para obtener m\u00e1s informaci\u00f3n sobre los problemas de rendimiento, haz clic en uno de los plugins de la lista. Esto cargar\u00e1 las muestras de transacciones que ejecut\u00f3 el plugin. Por ejemplo, podr\u00e1s ver la marca de tiempo, la l\u00ednea de tiempo de rastreo de la transacci\u00f3n, los detalles del intervalo, la l\u00ednea de tiempo de rastreo y mucho m\u00e1s.<\/p>\n Tambi\u00e9n es importante comprobar si las p\u00e1ginas de WordPress son lentas, ya que esto puede provocar una mala experiencia del usuario. Adem\u00e1s, la velocidad de la p\u00e1gina es un factor de posicionamiento para los motores de b\u00fasqueda como Google<\/a>.<\/p>\n Puedes utilizar una herramienta gratuita de prueba de velocidad de sitios web como Pingdom<\/a> o PageSpeed Insights<\/a> para generar una puntuaci\u00f3n r\u00e1pida de velocidad de p\u00e1gina. Sin embargo, puedes obtener un conocimiento m\u00e1s profundo de la velocidad de tu p\u00e1gina utilizando la herramienta Kinsta APM.<\/p>\n Una vez que actives Kinsta APM, tardar\u00e1 unos segundos en cargar las m\u00e9tricas de rendimiento de tu sitio. Despu\u00e9s, ve a la pesta\u00f1a Transacciones<\/strong>:<\/p>\n Aqu\u00ed podr\u00e1s ver algunos datos sobre el tiempo total de transacci\u00f3n de tu sitio. Pero tambi\u00e9n puedes desplazarte hasta Transacciones m\u00e1s lentas<\/strong> para ver los procesos PHP que consumen m\u00e1s tiempo de transacci\u00f3n:<\/p>\n Si seleccionas una transacci\u00f3n, puedes averiguar la URL que la genera. A continuaci\u00f3n, haz clic en la URL para ver la l\u00ednea de tiempo de rastreo de transacciones<\/strong>:<\/p>\n De esta forma, puedes encontrar el intervalo que est\u00e1 ocupando la m\u00e1xima duraci\u00f3n. Si estos intervalos se consideran cr\u00edticos para tu rendimiento, normalmente aparecer\u00e1n resaltados en naranja o rojo.<\/p>\n La cach\u00e9 es una forma sencilla de mejorar los tiempos de carga. Funciona almacenando copias de tu sitio en el servidor. De este modo, cuando un usuario solicita tu p\u00e1gina, tu servidor puede mostrar la versi\u00f3n en cach\u00e9, permitiendo que los datos se env\u00eden mucho m\u00e1s r\u00e1pido.<\/p>\n En Kinsta, tienes acceso a la cach\u00e9 a nivel de servidor<\/a> que se activa autom\u00e1ticamente en todos los sitios web activos. Pero si utilizas un entorno staging, tendr\u00e1s que activar la cach\u00e9 manualmente.<\/p>\n Desde tu panel MyKinsta, haz clic en Sitios WordPress <\/strong>y elige tu sitio web. A continuaci\u00f3n, ve a Herramientas <\/strong>y, en Cach\u00e9 del sitio<\/strong>, haz clic en Activar<\/strong>:<\/p>\n Ahora, la forma m\u00e1s sencilla de probar tu cach\u00e9<\/a> es ejecutar tu sitio a trav\u00e9s de una herramienta de prueba de velocidad web como Pingdom<\/a>. Sin embargo, es importante realizar la prueba m\u00e1s de una vez. Esto se debe a que si la ejecutas una sola vez, puede que el contenido a\u00fan no se haya almacenado en cach\u00e9 en el servidor del host o en la CDN.<\/p>\n Introduce tu URL en la casilla URL <\/strong>de Pingdom y selecciona una ubicaci\u00f3n. Ahora, en Cabeceras de Respuesta<\/strong>, localiza x-kinsta-cache<\/strong>. Si se lee MISS<\/strong>, entonces tu sitio no se est\u00e1 cargando desde la cach\u00e9.<\/p>\n Para solucionarlo, tendr\u00e1s que pasar tu sitio por la prueba de Pingdom unas cuantas veces m\u00e1s. Esto deber\u00eda hacer que las cabeceras x-kinsta-cache <\/strong>y x-cache <\/strong>registraran un HIT<\/strong>. Ahora, escanea los resultados, fij\u00e1ndote en la gran barra amarilla que indica el tiempo de espera o Tiempo hasta el Primer Byte (TTFB).<\/p>\n Este n\u00famero suele ser alto si la p\u00e1gina no ha salido de la cach\u00e9. Una vez m\u00e1s, te recomendamos que hagas la prueba una vez con la cach\u00e9 desactivada y otra vez con la cach\u00e9 activada para ver claramente la diferencia.<\/p>\n Una Red de Entrega de Contenidos (Content Delivery Network, CDN)<\/a> te permite mejorar tus tiempos de carga sirviendo tus p\u00e1ginas web a trav\u00e9s de un servidor que est\u00e1 f\u00edsicamente m\u00e1s cerca de tus visitantes. Con todos los planes de Kinsta, obtienes acceso a una CDN impulsada por Cloudflare<\/a>.<\/p>\n Para los nuevos sitios web, la CDN est\u00e1 activada por defecto. Pero puedes comprobar que tu CDN est\u00e1 activada accediendo a tu panel MyKinsta.<\/p>\n Dir\u00edgete a Sitios WordPress <\/strong>y selecciona el nombre de tu sitio web. Ahora, haz clic en la pesta\u00f1a CDN <\/strong>y pulsa Activar<\/strong>. Si ves Desactivar<\/strong>, entonces ya sabes que la CDN est\u00e1 activada:<\/p>\n Para probar tu CDN, lo m\u00e1s f\u00e1cil es utilizar una herramienta de prueba de velocidad de sitios web. Pero antes, puede ser una buena idea inspeccionar las cabeceras HTTP de un activo est\u00e1tico para asegurarte de que se est\u00e1 cargando desde la CDN de Kinsta.<\/p>\n Puedes comprobarlo usando la herramienta de inspecci\u00f3n de tu navegador o usando nuestro comprobador de estado HTTP y redirecciones<\/a> gratuito. Ahora, tendr\u00e1s que elegir una herramienta de prueba de velocidad de tu sitio web como Pingdom:<\/p>\n Puedes realizar la primera prueba despu\u00e9s de desactivar la CDN. Despu\u00e9s, puedes volver a probar tu sitio con la CDN activada para ver la diferencia. Tambi\u00e9n deber\u00edas probar tu CDN desde distintas ubicaciones.<\/p>\n Una vez finalizada la prueba, deber\u00e1s comprobar las solicitudes que se cargan desde la CDN de Kinsta (xxxxkinstacdn.com)<\/em>. Para m\u00e1s detalles sobre este tema, consulta nuestro post sobre c\u00f3mo realizar una prueba de CDN<\/a>.<\/p>\n Contrariamente a la opini\u00f3n popular, existe una diferencia clave entre las pruebas de velocidad de un sitio web y las pruebas de carga<\/a>. B\u00e1sicamente, las pruebas de velocidad miden el tiempo de carga de una p\u00e1gina, incluidos los tiempos de respuesta de MySQL y PHP.<\/p>\n Por otro lado, las pruebas de carga ofrecen un nivel de granularidad m\u00e1s fino que las pruebas de velocidad. Por ejemplo, a menudo puede utilizarse para medir los tiempos de carga en determinadas situaciones, como cuando tu sitio se ve afectado por un gran pico de tr\u00e1fico.<\/p>\n El proceso de configuraci\u00f3n de una prueba de carga es bastante complejo. Por eso puede ser una buena idea pedir ayuda a un desarrollador. Si quieres realizar una prueba de carga en tu sitio web Kinsta, ponte en contacto con un miembro de nuestro equipo de soporte<\/a>.<\/p>\n Por \u00faltimo, cuando pruebes WordPress, es importante que te asegures de que todo el software de tu sitio web es seguro. Aunque esto se refiere al software central de WordPress que utiliza la plataforma, tambi\u00e9n se extiende a la seguridad de temas y plugins.<\/p>\n De hecho, probar temas y plugins puede ser incluso m\u00e1s importante, ya que no siempre proceden de una fuente de confianza. Si instalas temas y plugins de sitios web de terceros, no hay forma de verificar que el software ha pasado todas las comprobaciones de seguridad necesarias.<\/p>\n Esto significa que el plugin o el tema podr\u00edan tener un c\u00f3digo deficiente o incluso contener secuencias de comandos maliciosas o errores que pueden romper tu sitio<\/a>. Adem\u00e1s, es importante mantener actualizado todo el software de tu sitio web, ya que el software obsoleto puede utilizarse como puerta trasera para que los actores maliciosos obtengan acceso.<\/p>\n Aunque WordPress es una plataforma segura, no es inmune a los ciberataques. Por lo tanto, es importante evaluar peri\u00f3dicamente la seguridad de tu core software.<\/p>\n Una de las mejores formas de asegurar tu core software es optar por un alojamiento web de calidad. Por ejemplo, en Kinsta<\/a>, tendr\u00e1s acceso a protecci\u00f3n DDoS, cortafuegos y escaneo de malware. Adem\u00e1s, contamos con un equipo dedicado a la eliminaci\u00f3n de malware<\/a>. As\u00ed que, incluso si tu sitio se infecta, podemos ayudarte a restaurarlo a su estado original.<\/p>\n En cualquier caso, cuando se publique una nueva actualizaci\u00f3n de WordPress, puedes comprobar primero que es segura ejecutando la actualizaci\u00f3n en un sitio staging o en un entorno local.<\/p>\n En Kinsta, esto es muy f\u00e1cil de hacer. Todo lo que tienes que hacer es ir a Sitios WordPress <\/strong>y elegir tu sitio web de la lista. A continuaci\u00f3n, aseg\u00farate de que tu sitio web est\u00e1 configurado como Staging <\/strong>cuando ejecutes la actualizaci\u00f3n.<\/p>\n Cuando est\u00e9s seguro de que la nueva versi\u00f3n de WordPress es segura, vuelve a esta pantalla y haz clic en Enviar entorno <\/strong>> Enviar a PRODUCCI\u00d3N <\/strong>para aplicar el cambio:<\/p>\n A continuaci\u00f3n, haz tu selecci\u00f3n (eligiendo entre archivos o base de datos) y confirma tu elecci\u00f3n haciendo clic en Enviar a producci\u00f3n<\/strong>.<\/p>\n Cuando encuentres un tema nuevo que quieras instalar, lo mejor es activarlo en un entorno de desarrollo local o en tu sitio staging. Lo mismo ocurre cuando un tema existente en tu sitio lanza una actualizaci\u00f3n.<\/p>\n La mayor\u00eda de las actualizaciones de temas vienen con parches para problemas de seguridad. Sin embargo, tambi\u00e9n puedes encontrarte con una mala actualizaci\u00f3n que entre en conflicto con alg\u00fan otro software de tu sitio.<\/p>\n Mientras tanto, si se trata de un tema que nunca has utilizado antes (y no est\u00e1s familiarizado con los desarrolladores), instalar el tema en un entorno local es mucho m\u00e1s seguro. Esto significa que incluso si el tema rompe tu sitio, tu sitio web activo no se ver\u00e1 afectado.<\/p>\n Por lo tanto, si eres cliente de Kinsta, puedes crear un sitio staging. O, si tu sitio web no est\u00e1 alojado en Kinsta, puedes empezar gratis con DevKinsta, donde puedes configurar un entorno de desarrollo local.<\/p>\n Una vez que abras DevKinsta en tu ordenador, ve a la p\u00e1gina de Informaci\u00f3n del Sitio <\/strong>. Aqu\u00ed, haz clic en WP Admin<\/strong>:<\/p>\n A continuaci\u00f3n, instala y activa el tema como har\u00edas habitualmente en WordPress. Normalmente, es una buena idea esperar al menos una semana antes de instalar el tema en tu sitio web en producci\u00f3n (lo mismo se aplica a la ejecuci\u00f3n de una nueva actualizaci\u00f3n del tema).<\/p>\n Sin embargo, si quieres evaluar la seguridad de un tema existente en tu sitio, la forma m\u00e1s f\u00e1cil de hacerlo es con un esc\u00e1ner de seguridad. WPScan<\/a> es una gran opci\u00f3n que detectar\u00e1 cualquier vulnerabilidad en tus temas de WordPress.<\/p>\n Los plugins tambi\u00e9n pueden suponer una amenaza para la seguridad de tu sitio web. Por eso es una buena pr\u00e1ctica evaluar regularmente la seguridad de tus plugins.<\/p>\n Como hemos dicho antes, puedes instalar un nuevo plugin (o ejecutar una actualizaci\u00f3n de un plugin) en un entorno local o en un sitio staging. De este modo, si algo va mal, tu sitio en producci\u00f3n permanecer\u00e1 intacto.<\/p>\n Sin embargo, al igual que con los temas, tambi\u00e9n puede ser \u00fatil instalar un esc\u00e1ner de vulnerabilidades como WPScan. Esta herramienta es totalmente gratuita. Todo lo que tienes que hacer es registrarte para obtener una cuenta. A continuaci\u00f3n, puedes a\u00f1adir el token de la API a tu sitio de WordPress.<\/p>\n Una vez que el esc\u00e1ner est\u00e9 vinculado a tu sitio web, ve a WPScan <\/strong>> Configuraci\u00f3n <\/strong>, donde podr\u00e1s configurar escaneos autom\u00e1ticos diarios o cada hora:<\/p>\n O bien, haz clic en la pesta\u00f1a Informe <\/strong>para ejecutar una prueba manualmente. Una vez concluida la prueba, despl\u00e1zate hasta la secci\u00f3n Plugins<\/strong>:<\/p>\n Aqu\u00ed puedes ver una lista completa de todos los plugins de tu sitio. Si tus plugins son seguros, ver\u00e1s una marca de verificaci\u00f3n junto a cada uno de los nombres de los plugins. Si no, encontrar\u00e1s informaci\u00f3n en la columna Vulnerabilidades<\/strong>.<\/p>\n Por supuesto, puedes optimizar tus p\u00e1ginas web y tomar todas las medidas de seguridad necesarias para gestionar un sitio con \u00e9xito. Sin embargo, en \u00faltima instancia, la mejor manera de asegurarte de que tu sitio es seguro y r\u00e1pido es utilizar un alojamiento web de calidad.<\/p>\n En Kinsta, damos prioridad a la velocidad y la seguridad:<\/p>\n Todos nuestros planes est\u00e1n alojados en las CPUs de gama m\u00e1s alta con disponibilidad global. Adem\u00e1s, tendr\u00e1s acceso a la CDN de Kinsta potenciada por Cloudflare, con servidores ubicados en m\u00e1s de 300 ubicaciones.<\/p>\n Para los que se preocupan por la seguridad web, Kinsta ofrece un mont\u00f3n de funciones para reforzar tu sitio. Puedes contar con copias de seguridad diarias, escaneo de malware, protecci\u00f3n DDoS y cortafuegos. Adem\u00e1s, proporcionamos acceso SSH<\/a> con inicio de sesi\u00f3n seguro y puedes instalar un certificado SSL gratuito con un solo clic.<\/p>\n Si no pruebas tu sitio de WordPress, no podr\u00e1s comprender correctamente la forma en que los usuarios experimentan tu sitio. Por ejemplo, los que utilizan determinados navegadores pueden tener problemas con tu men\u00fa. Mientras tanto, los visitantes m\u00f3viles pueden sufrir largos tiempos de espera. Por eso es importante probar tu sitio de WordPress.<\/p>\n La mejor manera de probar tu sitio es configurar un sitio staging o crear un entorno local con DevKinsta<\/a>. As\u00ed podr\u00e1s conocer la funcionalidad, el rendimiento y la seguridad de tu sitio (sin interrumpir tu experiencia web en tiempo real).<\/p>\n\u00bfCu\u00e1les Son los Tipos de Pruebas m\u00e1s Comunes?<\/h2>\n
\n
Buenas Pr\u00e1cticas para las Pruebas de WordPress<\/h2>\n
C\u00f3mo Configurar Entornos de Prueba<\/h3>\n
C\u00f3mo Configurar un Entorno de Pruebas Utilizando un Sitio Staging<\/h4>\n
![\"Configurar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-staging.jpg\")
C\u00f3mo Configurar un Entorno de Pruebas Localmente<\/h4>\n
![\"Puedes](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/DevKinsta.png\")
![\"Crear](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-create-local-site.png\")
C\u00f3mo Probar la Funcionalidad de tu Sitio WordPress (5 Opciones)<\/h2>\n
Compatibilidad entre Navegadores<\/h3>\n
![\"Sitio](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/BrowserStack.png\")
Pruebas Unitarias<\/h3>\n
bash\nwp scaffold plugin-tests my-plugin<\/code><\/pre>\nbash\nbash bin\/install-wp-tests.sh wordpress_test root '' localhost latest<\/code><\/pre>\n\/tmp directory<\/code> y en las herramientas de pruebas unitarias de WordPress.<\/p>\nphpunit<\/code>. Para obtener instrucciones completas, consulta esta gu\u00eda sobre pruebas unitarias<\/a>.<\/p>\nCapacidad de Respuesta para M\u00f3vil\/Escritorio<\/h3>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/preview-mobile.png\")
![\"Prueba](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/inspect-tool.png\")
![\"Haz](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/device-toolbar.png\")
![\"Visualiza](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/preview-mobile-chrome.png\")
Pruebas de Interfaz de Usuario (IU)<\/h3>\n
![\"Crear](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/create-menu-local.png\")
![\"Ver](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/manage-live-preview-menu.png\")
![\"Prueba](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/ui-front-end.png\")
![\"Pruebas](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/test-ui-menu.png\")
Pruebas Visuales<\/h3>\n
![\"Pruebas](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/theme-vrt.png\")
![\"Detecta](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/vrt-after.png\")
C\u00f3mo Comprobar la Velocidad de tu Sitio WordPress (6 Consideraciones)<\/h2>\n
![\"P\u00e1gina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-apm-tool.png\")
Queries o Scripts Lentos<\/h3>\n
![\"Habilita](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/enable-apm.png\")
![\"Habilitar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-monitoring-time.png\")
![\"Ver](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-database.png\")
![\"Ver](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-samples.png\")
Plugins Lentos<\/h3>\n
![\"Prueba](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-wordpress.png\")
P\u00e1ginas Lentas<\/h3>\n
![\"Prueba](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/apm-transactions.png\")
![\"Ver](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/slowest-transactions.png\")
![\"Ver](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/transaction-trace-timeline.png\")
Almacenamiento en Cach\u00e9<\/h3>\n
![\"Activar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-cache.png\")
Red de Entrega de Contenidos (CDN)<\/h3>\n
![\"Habilitar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-cdn.png\")
![\"Prueba](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/pingdom-speed-test.png\")
Pruebas de Carga<\/h3>\n
C\u00f3mo Probar la Seguridad de Tu Sitio WordPress<\/h2>\n
Core Seguridad<\/h3>\n
![\"Enviar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-site-info.jpg\")
Seguridad de Temas<\/h3>\n
![\"Iniciar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/devkinsta-site-info-1.jpg\")
Seguridad de los Plugins<\/h3>\n
![\"Prueba](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/wpscan-automated-scans.png\")
![\"Encuentra](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/wpscan-plugin-security.png\")
La Velocidad y la Seguridad son Mejores Cuando Eliges el Alojamiento Adecuado<\/h2>\n
![\"Alojamiento](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/05\/kinsta-home.png\")
Resumen<\/h2>\n