Mantener un sitio web exitoso requiere que los desarrolladores se mantengan unos pasos por delante de sus competidores. Una forma de hacerlo es optimizar tu sitio web WordPress para obtener un alto rendimiento. Esto significa tiempos de respuesta rápidos para los usuarios, independientemente de dónde se encuentren.

Afortunadamente, si estás ejecutando un sitio web de WordPress, hay algunas maneras de mejorar su rendimiento de una manera relativamente fácil. En esta guía brindamos algunos consejos generales para mantener tus sitios de WordPress funcionando sin problemas en el 2021 y más allá.

Por qué el rendimiento de tu sitio web es más importante que nunca este 2021

Paradójicamente, los usuarios de la web están cada vez más impacientes a medida que Internet se vuelve más rápido, y más aún justo ahora, cuando todo se está llevando cada vez más hacia el mundo online. Cuando se trata de retener nuevos visitantes, cada milisegundo cuenta, por lo que debes asegurarte de que cada aspecto de tu sitio web responda inmediatamente a las solicitudes de los usuarios. Es posible que hayas escuchado algunas de estas estadísticas de rendimiento web antes, pero vale la pena reiterarlas:

• Un solo segundo de retraso en el tiempo de respuesta de la página puede causar una caída del 7 por ciento en las conversiones.
• Más de la mitad de los sitios web móviles se abandonan después de solo tres segundos.
• BBC informó recientemente que estaba perdiendo el 10 por ciento de los visitantes por cada segundo que su página de inicio tardaba en cargar.
• AliExpress experimentó un aumento del 10,5 por ciento en los pedidos y un aumento del 27 por ciento en las conversiones después de reducir el tiempo de carga de su página de inicio en un 36 por ciento.

Antes de comenzar cualquier esfuerzo de optimización, debes tomar tantas medidas como sea posible para poder cuantificar tu progreso. Ahora, exploremos algunas formas generales de optimizar tu sitio web de WordPress.

Consejos para optimizar el rendimiento de WordPress en 2021

Aquí hay 5 consejos que te ayudarán a mejorar el rendimiento de tu sitio WordPress.

1. Entregar contenido mínimo a través de HTTP/2, mejor si es HTTP/3

Si aún no estás utilizando HTTP/2, debes hacerlo ahora. El protocolo HTTP/2 admite multiplexación superior, paralelismo y compresión HPACK entre otras características que lo convierten en una mejora con respecto a su predecesor. Para implementar HTTP/2, primero debes habilitar HTTPS, y confirmar con tu proveedor de hosting que el servidor que te aloja soporta esta tecnología, puedes confirmarlo directamente aquí. Afortunadamente, HTTP/2 elimina la sobrecarga de TLS que generalmente se requiere cuando se usa HTTPS.

El protocolo HTTP/2 hace que los sitios web sean más rápidos y seguros de muchas maneras. Por ejemplo, si estás utilizando la función de inserción del servidor, puedes eludir el ciclo de solicitud/respuesta HTTP recuperando ciertos archivos incluso antes de que se analice tu HTML. De esa forma, los elementos importados como logotipos, pancartas y CSS aparecerán antes que cualquier otra cosa.

Por su parte, HTTP/3 para la navegación web supone un antes y un después, no es una simple evolución del protocolo actual, sino que con HTTP/3 mejoramos enormemente la eficiencia a la hora de navegar por las webs, lo que se traduce en que cargarán mucho más rápido, además de disponer de las últimas medidas de seguridad proporcionadas por TLS. Aquí puedes confirmar si tu servidor de hosting actual lo provee.

2. Usar un CDN

Una red de entrega de contenido, o CDN, es una red de servidores ubicados estratégicamente que facilitan la entrega rápida de recursos web en todo el mundo. Estos puntos de presencia, o POPs, alojan versiones en caché de tus activos para entregarlas a los usuarios que están geográficamente muy lejos de tu servidor host. Así es como los CDN reducen la latencia, o el tiempo que tardan los datos en viajar a través de una red.

Cuando un usuario de otro país solicita tu página, la CDN detecta la ubicación del usuario y carga tu sitio web desde el POP más cercano. Por lo tanto, los visitantes extranjeros no tienen que esperar más que los usuarios locales para recibir contenido.

Las CDN también pueden descargar la CPU y los recursos del servidor de origen para que el host no se vea abrumado por los picos de tráfico. Por lo tanto, tener un CDN te protege del uso de demasiado ancho de banda mientras que al mismo tiempo garantiza una experiencia fluida para cada visitante. Si un servidor deja de funcionar, tu CDN redirigirá automáticamente el tráfico al siguiente POP más cercano.

Usar un CDN también viene con ventajas SEO. Google y otros motores de búsqueda tienen en cuenta la velocidad del sitio web en sus clasificaciones, por lo que cualquier cosa que hagas para acelerar tu sitio web te acercará a la parte superior de los resultados de búsqueda. Además, los CDN pueden hacer que tus imágenes y otros archivos multimedia sean más rastreables para que sea más probable que aparezcan en las búsquedas de imágenes de Google.

Tener una CDN desde el principio hace que sea más fácil escalar tu sitio web a medida que crece tu base de usuarios. Dado que las CDN comerciales están diseñadas para la velocidad, tener un proveedor de CDN confiable elimina gran parte de las conjeturas relacionadas con la optimización del sitio web. En algunos casos, tener una CDN también facilita la implementación de HTTP/2 y la entrega de contenido a través de HTTPS. Dicho esto, elegir un CDN es solo un paso para mejorar el rendimiento del sitio web.

3. Usar compresión de Brotli

Se sabe que el algoritmo de compresión Brotli de Google supera a Gzip en términos de ahorro de tamaño.

Para aprovechar Brotli, tu servidor de origen debe tenerlo habilitado, comprueba aquí que tu sitio lo tiene. Dado que Brotli todavía está en proceso de ponerse de moda, no todos los navegadores lo admiten. Sin embargo, puedes implementar mecanismos alternativos para que un navegador compatible solicite los activos de Brotli, mientras que un navegador no compatible solicitará los activos de Gzip.

Al igual que GZIP, Brotli solo debe usarse para comprimir HTML, CSS, JavaScript y otros archivos basados ​​en texto. Intentar comprimir archivos binarios, como JPEG y MP4, en realidad puede generar archivos más grandes. Sitepoint tiene un artículo en profundidad (y en inglés) que describe el proceso de implementación de Brotli en su servidor de origen y mide los efectos de la compresión de Brotli en un sitio de WordPress.

4. Usar sugerencias de recursos

Las sugerencias de recursos aceleran la entrega de contenido al optimizar cómo se cargan los recursos. Permiten que el navegador del usuario comience a descargar archivos antes de que sean realmente necesarios. Por ejemplo, «precargar» (sistemas de caché) permite a los desarrolladores priorizar ciertos recursos, y «captar previamente» indica al navegador del usuario que descargue recursos durante el tiempo de inactividad. Por lo tanto, se reduce el número de viajes de ida y vuelta necesarios para cargar la página, y las respuestas a las entradas del usuario parecen más instantáneas. WordPress presentó compotabilidad para sugerencias de recursos en 2016 con WordPress 4.6. Si tu sitio web utiliza una versión anterior de WordPress, ahora es el momento perfecto para actualizar.

5. Utilizar formatos de imagen de próxima generación como WebP

Los archivos JPEG y GIF se están volviendo obsoletos lentamente. Los nuevos formatos de imagen como FLIF, WebP y HEIF utilizan algoritmos de compresión innovadores para empaquetar imágenes de mayor calidad en archivos de menor tamaño. Por lo tanto, convertir tus imágenes a uno de estos formatos puede generar un aumento significativo de la velocidad de tu sitio web.

El único inconveniente es que no todos los navegadores admiten estos formatos, por lo que debes brindar un formato alternativo para algunos usuarios. Dicho esto, WebP tiene una buena cantidad de compatibilidad para navegadores y ciertos navegadores que actualmente no admiten este nuevo formato de imagen planean lanzar la compatibilidad en el futuro. Si deseas ver por sí mismo qué navegadores admiten estos nuevos formatos de imagen, consulta la herramienta Can I Use.

En caso de que aún no estés dispuesto a probar los nuevos formatos de imagen, debes asegurarte de que tus imágenes actuales estén optimizadas correctamente.

Construyendo sitios web de WordPress para el futuro

Los sitios web que son capaces de adaptarse a las mejoras tecnológicas tienen más probabilidades de sobrevivir en la próxima década. Del mismo modo, los desarrolladores exitosos deben aprender a aceptar el cambio.

Siempre debes mantenerte atento a las nuevas actualizaciones de WordPress, plugins y tendencias de optimización para que puedas mantenerte a la vanguardia del juego. Optimizar WordPress puede ser complicado a veces, pero al implementar los 5 consejos anteriores, tendrás una ventaja competitiva de rendimiento sobre tus competidores.

Es un tanto ingenuo pensar que tu sitio web por sí solo es seguro y que las personas malintencionadas no lo atacarán. La verdad es que todas las páginas WordPress son vulnerables. Incluso si tu web no maneja información personal delicada o plataformas de pago, aún se puede usar como vehículo para malware y otros ataques, y así perjudicarte por igual. 

Para mejorar la seguridad de tu sitio web, primero debes saber qué tan vulnerable es. Aquí es donde un escáner de vulnerabilidades resulta útil. Este tipo de herramienta busca puntos débiles comunes, y muchas incluso brindan consejos sobre cómo superarlos. 

En este post, veremos qué es un escáner de vulnerabilidades, qué hace y cómo puede escanear tu sitio web en busca de malware. Luego, presentaremos algunas de las soluciones más populares. ¡Empecemos!

¿Qué es un escáner de vulnerabilidades?

Los escáneres de vulnerabilidades de WordPress te ayudan a buscar agujeros o puntos débiles en tu sitio web. Los atacantes suelen utilizar estos puntos débiles para poner en peligro tu página, pues estos puntos son los que buscan y sobre los que alertan los escáneres de vulnerabilidades.

La profundidad del escaneo variará según la herramienta que utilices. La mayoría de los escáneres comprobarán al menos la instalación, los temas y los plugins de WordPress. Los análisis más detallados -generalmente en versiones pro o pagas- a menudo también buscan códigos maliciosos. Se trata de cualquier código que un atacante coloca en tu sitio web para obtener datos confidenciales o ejecutar malware.  

Los escáneres de vulnerabilidades también pueden verificar si tu página ya ha sido pirateada. En estas situaciones, el escáner proporcionará información sobre el tipo de pirateo, así como cualquier acción maliciosa que ya se haya realizado en tu web. Muchos también ofrecerán consejos sobre lo que puedes hacer. 

¿Cómo escaneo mi sitio WordPress en busca de malware?

Es importante escanear tu sitio web en busca de vulnerabilidades y malware de forma regular. Esperar hasta pensar que algo ya salió mal solo les da a los atacantes más oportunidades de infiltrarse en tu página.

Afortunadamente, escanear tu sitio web es relativamente fácil cuando tienes las herramientas adecuadas. El primer paso es elegir un escáner. Las soluciones basadas en navegador (tests online) son comunes y fáciles de usar, y generalmente proporcionan análisis e informes básicos (pero imprescindibles) que detallan las vulnerabilidades.

Por otro lado, los plugins de seguridad de WordPress pueden proporcionar información más detallada. Sus escaneos a menudo resaltan debilidades adicionales en tu página. Como los plugins de seguridad ofrecen una mejor protección y son fáciles de usar, a menudo pueden ser la mejor solución.

Para usar un escáner en línea como la herramienta SiteCheck de Sucuri , generalmente deberás comenzar ingresando la URL de tu sitio web:

Una vez que inicie el análisis, la herramienta buscará las vulnerabilidades más comunes. A continuación, recibirás un informe que enumera los puntos débiles de tu sitio web. Algunos escáneres en línea también brindarán consejos sobre cómo abordar los problemas específicos que identifican. 

Si prefieres utilizar un plugin de escáner de vulnerabilidades de WordPress, primero deberás instalarlo y activarlo en tu panel de WordPress. Después de eso, es posible que debas generar una clave API . Por lo general, puedes completar esta tarea en tu panel de control con solo hacer clic en un botón. Estas claves permiten que el plugin funcione con un servicio remoto para almacenar los registros de escaneo:

Muchos plugins comenzarán a escanear tu sitio web inmediatamente después de la activación. Continuarán escaneando a intervalos establecidos, generalmente a diario (aunque es posible que puedas personalizar esta configuración). Después del escaneo inicial, proporcionarán un informe que detalla la seguridad de tu sitio, para que puedas comenzar a realizar cambios para protegerlo mejor .

Plugins de análisis de vulnerabilidades de WordPress

Hay muchos plugins de análisis de vulnerabilidades de WordPress y otras soluciones disponibles. La mayoría de ellos ofrecen una función de escaneo gratuita que analiza áreas limitadas de tu sitio web. Para escaneos más profundos, generalmente deberás comprar un producto premium o pro. Echemos un vistazo a tres de las opciones más populares y veamos qué tienen para ofrecer.

1. Wordfence Security

Wordfence Security es un plugin de seguridad muy popular para los usuarios de WordPress. Comprueba si hay patrones de infección conocidos, códigos sospechosos y actualizaciones pendientes. El plugin escanea automáticamente tu sitio web y proporciona un informe en tu panel de WordPress. También recibirás correos electrónicos con notificaciones sobre vulnerabilidades en tiempo real.

Uno de los principales beneficios de Wordfence es su firewall a nivel de aplicación . Este firewall ayuda a prevenir ataques de fuerza bruta y piratería. Wordfence también proporciona detalles sobre cómo superar las vulnerabilidades que se encuentran en tu página. 

2. Sucuri Security

Si deseas uno de los mejores escáneres de vulnerabilidades, Sucuri Security puede ser la elección correcta. Sucuri se ha convertido en líder en seguridad de sitios web y se especializa en WordPress. Puedes usar el escáner gratuito en línea, pero el plugin proporciona un escaneo más profundo de tu sitio web. 

Muchos propietarios de sitios web usan Sucuri porque ofrece auditorías de actividades de seguridad, monitoreo de listas negras y acciones de seguridad posteriores al pirateo. Otro beneficio de este plugin es que también puedes mejorar el rendimiento general de tu sitio web.

Solo ten en cuenta que hay una curva de aprendizaje con Sucuri que debes aprender a interpretar. Sus informes detallados y su amplio conjunto de funciones pueden ser abrumadores, especialmente para los usuarios que no están acostumbrados a trabajar con archivos de WordPress directamente. Sin embargo, es un plugin completamente gratuito, por lo que no hay nada de malo en probarlo (aunque Sucuri ofrece otras características de seguridad premium ).

3. WPSec

WPSec no es técnicamente un plugin, pero es uno de los mejores escáneres de vulnerabilidades para tu sitio WordPress. Puede utilizar el escáner en línea gratuitamente para realizar una verificación rápida de la seguridad de tu página. También hay una cuenta gratuita que te permite generar hasta 20 informes de escaneo por semana. 

El principal beneficio de WPSec es su tecnología de escaneo profundo, que hace uso de la base de datos de vulnerabilidades de WPScan . Si bien es posible programar escaneos con anticipación, también puedes utilizar una función de escaneo instantáneo. El sistema también ofrece notificaciones automáticas para mantenerte actualizado sobre la seguridad de tu página. 

El principal problema con WPSec es la falta de un plugin dedicado. Deberás iniciar sesión en un panel independiente para ver tus informes de seguridad. El plan gratuito también es limitado y necesitarás el plan premium para programar exploraciones ( desde $19 por mes ). 

Clarity Analytics es una herramienta gratuita de analítica web con la que podrás analizar la experiencia de usuario en tus páginas. Hoy vamos a ver cómo integrar Microsoft Clarity Analytics en WordPress y cómo aprovechar su potencial para mejorar el tráfico y el SEO de nuestros sites.

Qué es y qué no es Microsoft Clarity Analytics

Empezando por lo que no es, esta nueva herramienta de Microsoft no es un sustituto de Google Analytics, ni de la Google Search Console, y tampoco de las herramientas para webmasters de Bing.

Lo que sí hace Microsoft Clarity es ayudarte a ver en tus páginas cómo hacen clic los usuarios, cómo y a dónde hacen scroll, y cómo interactúan con ellas.

La característica quizás más relevante es la visualización de datos, en la que podrás ver los clics realizados, informes de mapas de calor, incluso grabaciones de sesiones de tus usuarios, para ver cómo navegan por tus páginas.

Cómo instalo Microsoft Clarity Analytics en WordPress

Te detallamos inicialmente el proceso manual…

Alta en Microsoft Clarity Analytics

Lo primero es darte de alta en el servicio desde esta página.

Pulsa en el botón de «Get Started» y te preguntará con qué cuenta quieres activar el servicio (Microsoft, Facebook, Google).

Tras tu elección tendrás que conceder los típicos permisos.

Y ya has activado Microsoft Clarity Analytics.

Activación de proyectos

Una vez en la página de Microsoft Clarity Analytics lo primero es crear un proyecto, así que elige un nombre, la URL de la web que quieres analizar y una categoría (blog, ecommerce, etc.)

Hecho esto casi has terminado, se te mostrarán los métodos de integración, pudiendo elegir entre 3:

• Instalación del código en plataformas de terceros (incluido WooCommerce)
• Instalación manual del código de seguimiento
• Integración con Google Analytics

Sí, integración con Google Analytics. Así que si ya tienes el código de Google Analytics en tu web solo tienes que aceptar los habituales permisos y ya está integrado Microsoft Clarity Analytics en tu WordPress.

En caso contrario, a pesar de lo que diga en la primera opción, te toca pasar por copiar y pegar manualmente el código de seguimiento.

Insertar el código de seguimiento

Salvo que hayas conectado tu cuenta de Microsoft Clarity Analytics con Google Analytics, en los otros dos métodos el procedimiento es el mismo: copiar y pegar el código de seguimiento.

Tenemos varias maneras de hacerlo…

En la cabecera del tema activo

Si no tienes otra opción, abre el archivo header.php del tema activo y, antes de la tag de cierre </head> añade el código de seguimiento y guarda los cambios.

Un modo típico de hacer esto es desde el editor de temas integrado en WordPress.

En los ajustes de integración del tema … si los tuviese

Si utilizas temas como Divi, que ofrecen una sección en sus opciones para integrar código fácilmente utiliza la parte de inserción en cabecera.

Simplemente activa la opción de integración del código de la cabecera y pega ahí tu código de inserción de Microsoft Clarity Analytics.

Con un plugin

Ya hay un plugin oficial de Microsoft Clarity Analytics, que solo tienes que instalar, activar, y en su página de ajustes apuntar el ID del proyecto asociado a tu web, previamente creado como hemos visto en los pasos anteriores.

En los ajustes de tu plugin de cookies y RGPD

Con todo, la mejor opción es que insertes el código de inserción a través de los ajustes de tu plugin de plugins y RGPD.

De este modo el código solo se activará tras el consentimiento del usuario, que es lo que legalmente admitido por las regulaciones de privacidad de la UE.

Al respecto de la privacidad, además de insertar el código de seguimiento de manera correcta, con el consentimiento de los usuarios, también deberás añadir a tu página de privacidad la información relativa a este servicio, indicando a los usuarios qué se analiza, cómo, durante cuánto tiempo y dónde, información que puedes revisar en la página de términos de uso de Microsoft Clarity.

Y ya está, ahora solo te queda esperar a que Microsoft Clarity Analytics recopile datos de tus visitas durante unas horas, o días, para que empiece a mostrarte datos relevantes de cómo tus visitantes utilizan tus páginas.

Análisis de datos de Microsoft Clarity Analytics

Una vez que el servicio recopile datos de nuestros visitantes dispondremos de varias pantallas desde las que visualizar información muy valiosa para aprender cómo nuestros usuarios utilizan nuestra web.

Escritorio

El resumen de nuestro tráfico y cómo interactúa. Los datos, que podemos filtrar por periodos de tiempo, muestran:

• Sesiones
• Páginas por sesión
• Profundidad de scroll
• Tiempo de permanencia
• Clics muertos (en sitios donde no hay nada en lo que hacer clic)
• Clics rápidos (igual pero en un área)
• Scroll excesivo
• Retornos rápidos: Cuando el usuario vuelve enseguida a la página anterior
• Páginas más populares
• Referentes: Fuentes del tráfico
• Análisis del tráfico por:
  • Dispositivos
  • Países
  • Sistemas operativos
  • Navegadores
• Errores de JavaScript

No es Google Analytics pero es una visión general muy completa, incluyendo algunos elementos adicionales interesantes, como el análisis de scroll, o los clics muertos.

Grabaciones

Esta es quizás la parte más golosa, curiosa, porque puedes ver grabaciones de cómo los usuarios navegan por tu web, y seguro que te sorprenderá dónde se paran, en qué hacen clic, dónde se equivocan porque creen que pueden hace clic en algo. Muy interesante, para aprender y tomar medidas, por supuesto.

Simplemente elige una grabación a la izquierda y se ejecuta en la pantalla principal.

Mapas de calor

También puedes aprender mucho del comportamiento de tus usuarios mediante los mapas de calor, pues te van a mostrar visualmente las áreas calientes y frías de visualización, navegación y clics en tus páginas.

De este tipo de gráficos es especialmente interesante aprender de los errores, de aquellas partes de tu web que atraen más atención y clics del que te gustaría, a fin de cuentas, de tus errores de diseño y usabilidad.

Actualmente solo hace mapas de calor de clics pero pronto incorporará también los scrolls.

¡Tienes que probarlo!

Si vas a dedicar tiempo a analizar cómo navegan tus visitantes por tu web debes probar Microsoft Clarity Analytics, pues incorpora utilidades que en otros servicios similares son pagos.

Además, puedes añadir tantos proyectos (webs) como quieras, cada uno tendrá su propio código de seguimiento y estadísticas.

Puedes aprender mucho sobre la usabilidad real de tu web gracias a Microsoft Clarity Analytics, pues verás interacciones de usuarios reales, que nunca navegan igual que tú, que ya sabes dónde está cada cosa ¿verdad?

Pues eso, por lo menos pruébalo, y si de verdad vas a dedicarle algo de tiempo a aprender para mejorar tu web, es un servicio que te aportará información muy valiosa y útil.