Según una empresa de investigación de mercados, en 2022 aproximadamente la mitad de todas las compras en línea se realizaron en dispositivos móviles. Gartner.
Dado que la mitad de los usuarios móviles harán clic en el botón Atrás si el sitio ocupa la carga tarda más de 3 segundosDar prioridad a la velocidad es fundamental para mantener el ritmo de la competencia.
A continuación se presentan algunos pasos que los desarrolladores pueden seguir para acelerar su sitio de WordPress para usuarios móviles en 2022 y más allá.
Por qué cada milisegundo cuenta
Cuanto más tarde en cargar su sitio de WordPress, más clientes potenciales perderá. Porque Google ahora tiene en cuenta la velocidad de la página clasificaciones de búsqueda móvilAl acelerar su sitio, también aumenta sus posibilidades de llegar a nuevas personas.
De hecho, Google se está moviendo gradualmente hacia la indexación «optimizada para dispositivos móviles», lo que significa que sus algoritmos de búsqueda utilizarán versiones móviles de los sitios para determinar las clasificaciones de búsqueda generales.
Google recomienda esforzarse por los tiempos de carga menos de un segundo para sitios móviles. Si bien este puede no ser un objetivo realista para todos los desarrolladores, los tiempos de carga superiores a 2 segundos se consideran inaceptables para los sitios web de comercio electrónico en 2022.
Antes de comenzar a optimizar sus páginas, realice algunas pruebas de velocidad y establezca algunos puntos de referencia. Una tarjeta de puntuación de velocidad de Google puede mostrarle cómo se compara la velocidad móvil de su sitio con la de sus competidores.
Si tiene un sitio de compras, la Calculadora de impacto de Google puede ayudarlo a estimar cuánto puede ganar al aumentar la velocidad de su dispositivo móvil en solo unos segundos.
Cada vez que realice un cambio importante, realice más pruebas para ver si tiene un impacto. Si puede hacer que su sitio web se cargue en menos de 5 segundos con una conexión 3G lenta, la mayoría de los usuarios estarán felices.
Consejos para ayudar a acelerar su sitio de WordPress en 2022
1. Haga que su sitio web sea receptivo
Los usuarios móviles tienen expectativas diferentes a las de los usuarios de escritorio. Por ejemplo, a alguien que compra en su teléfono inteligente puede importarle menos la calidad de la imagen que la velocidad de pago.
En consecuencia, puede ser beneficioso proporcionar imágenes a los usuarios de dispositivos móviles con una resolución ligeramente inferior. Las imágenes de alta definición son especialmente importantes para las tiendas en línea, pero pueden asustar a los usuarios móviles que pagan por cada byte de datos que reciben.
Por lo tanto, debe implementar un diseño web receptivo para acomodar a todos sus visitantes, proporcionando un sitio de recursos optimizado para la velocidad móvil de su dispositivo.
Ciertos temas y complementos de WordPress facilitan la priorización de la visibilidad del contenido para diferentes usuarios. Simplemente vaya a las opciones de respuesta en la plantilla de WordPress para personalizar lo que ven sus usuarios móviles.
Puede ocultar imágenes más grandes y otro contenido que no sea necesariamente de interés para los usuarios de teléfonos móviles.
De lo contrario, si su tema o complemento no tiene una opción receptiva, puede ocultar ciertas imágenes de la página con consultas de medios.
Puede definirlos en un archivo CSS y ocultar o mostrar elementos de página específicos según el tamaño del área visible. Por ejemplo, el siguiente fragmento de código ocultará la clase CSS .big_image si el área visible es inferior a 480 píxeles:
@media screen and (max-width: 480px) {
.big_image {
display:none;
}
}2. Regístrese con el proveedor de la red de entrega de contenido
La forma más fácil de optimizar su sitio para la velocidad móvil en todos los aspectos del rendimiento del sitio es invertir en una CDN o Red de entrega de contenidos. Los CDN son redes de servidores ubicados estratégicamente en todo el mundo.
Estos servidores, llamados puntos de presencia, almacenan copias de su sitio web para garantizar que los visitantes cercanos y lejanos tengan una experiencia de usuario uniforme.
Cuando los usuarios de otros países soliciten su sitio, CDN entregará su contenido a través del punto de presencia que está geográficamente más cercano a ellos. Los CDN también optimizan el almacenamiento en caché, de modo que las páginas se cargan aún más rápido para los usuarios en las visitas posteriores.
Además de reducir el tiempo hasta el primer byte, la CDN puede descargar recursos del servidor host durante las horas punta para que los usuarios no experimenten interrupciones debido a picos en el tráfico.
Dado que las copias de su sitio web se almacenan en servidores de todo el mundo, el uso de un CDN puede garantizar que su sitio web nunca se bloquee. Si un servidor falla, la CDN redirigirá a los visitantes al siguiente POP más cercano.
Otros beneficios de usar un servicio CDN incluyen protección DDoS, mejora de SEO y más. Invertir en un CDN también simplifica el escalado ya que su sitio ya está distribuido globalmente.
3. Optimiza tus imágenes
Dicho esto, ahora podría ser el momento perfecto para pasar de los formatos de imagen tradicionales como JPEG y GIF a una alternativa más eficiente como WebP.
Este formato más nuevo utiliza mejores algoritmos de compresión que sus predecesores, lo que permite que las imágenes de mayor calidad quepan en archivos más pequeños.
Por lo tanto, la conversión de imágenes puede acortar el tiempo de carga para la mayoría de los visitantes. Los formatos de imagen innovadores aún no son compatibles con todos los navegadores, pero esta opción aún debería estar disponible.
Las imágenes a menudo constituyen la mayor parte del peso de un sitio web, por lo que cualquier cosa que pueda hacer para optimizarlas tendrá un efecto positivo en la velocidad de su página.
Aproveche las directivas de almacenamiento en caché HTTP para hacer que los elementos inmutables en su sitio se carguen más rápido para los usuarios que regresan.
4. Usa el complemento AMP
Google AMP es una plataforma de código abierto que optimiza sitios web para dispositivos móviles. los Complemento de WordPress AMP facilita el diseño web receptivo al permitir servir una versión «truncada» de su sitio web a los usuarios móviles.
Investigación realizada por Forrester descubrió que las páginas AMP aumentaron las conversiones móviles en 20 por ciento para sitios de comercio electrónico.
5. Optimice la entrega de CSS y JavaScript
La inserción de pequeños fragmentos de código JavaScript y CSS en etiquetas HTML puede ayudar a evitar retrasos y bloqueos. Estadísticas de Google PageSpeed puede ayudarlo a identificar el código de bloqueo de representación, y hay docenas de complementos que ofrecen optimización de JavaScript y CSS, como Autooptimización.
Publicación relacionada: 8 formas efectivas de aumentar su tasa de conversión móvil
6. Optimiza tus temas y complementos
A veces, los temas y complementos pueden causar cuellos de botella en el rendimiento. Asegúrate de que todo lo que usas esté actualizado comprobando periódicamente si hay nuevas actualizaciones.
Si sospecha que alguno de sus complementos está causando problemas, intente desactivarlos uno por uno en la página de prueba hasta que identifique el problema. Si está utilizando un tema personalizado, intente cambiar a uno de los temas predeterminados de WordPress para ver si eso hace la diferencia.
7. Instale el complemento de almacenamiento en caché
La instalación del complemento de almacenamiento en caché permite que su sitio de WordPress continúe almacenando en caché para tiempos de carga aún mejores que cuando usa solo CDN.
Complementos como Cambio de caché crea automáticamente versiones HTML estáticas de sus páginas, por lo que no hay procesos PHP que deban ejecutarse mientras se carga la página. Esto significa menos latencia y usuarios móviles más felices.
resumen
Un sitio optimizado para la velocidad móvil no es un esfuerzo de una sola vez; es una carrera interminable hacia el poste de la portería que todavía se está moviendo.
A medida que su sitio crezca y atraiga a más visitantes, use análisis para medir cómo estos cambios afectan el rendimiento. Manténgase actualizado con nuevos complementos y actualizaciones de WordPress para mantenerse al día con las expectativas cambiantes de los usuarios.
