maneras de acelerar tu sitio de WordPress para celular

Acelerar su sitio en dispositivos móviles puede ser un agujero de conejo sin fin que se vuelve realmente técnico. No tenemos la intención de ir por ese tipo de camino.

En su lugar, analizaremos la optimización de la velocidad utilizando el principio de Pareto, donde el 20% del trabajo puede obtener el 80% de los resultados. La mayoría de estas estrategias se aplican tanto a las computadoras de escritorio como a las móviles, pero también cubriremos algunas técnicas específicas para dispositivos móviles.

Servir contenido diferente a los visitantes móviles
Algunas personas comenzarían una guía como esta hablando sobre diseño responsivo.

“Responsive” es una palabra de moda que implica que su sitio está listo para dispositivos móviles, pero eso rara vez es lo que significa. La mayoría de los diseños con capacidad de respuesta simplemente mueven el contenido de su escritorio, como convertir 3 columnas en 1 columna con 3 filas, o hacer que todo sea de ancho completo. Esto no tiene impacto en la velocidad y, de hecho, puede empeorar las cosas.

El problema es que está sirviendo el mismo contenido a sus visitantes móviles y a sus visitantes de escritorio, simplemente lo está moviendo. Su carrusel de imágenes de 5MB está bien para alguien en una Mac con una pantalla de retina, pero para un usuario de 3G en la India, su sitio tardará 10 minutos en cargarse.

Lo que realmente necesitamos hacer es mostrar contenido diferente a los visitantes móviles, que tenga un diseño optimizado y se cargue más rápido.

Desafortunadamente, no es tan fácil como ocultar contenido mediante consultas de medios CSS y mostrar: ninguno, o visibilidad: oculto. La página todavía cargará el contenido, pero no lo mostrará.

Código corto de detección móvil
El complemento WP Mobile Detect le permite agregar códigos cortos a su sitio de WordPress que mostrarán u ocultarán el contenido para los visitantes móviles.

Por ejemplo, supongamos que tiene una infografía muy grande en una publicación de blog que es importante para que los visitantes de escritorio puedan ver. Usando el plugin WP Mobile Detect, puede envolver esto en un shortcode para que solo se muestre en el escritorio. Para usuarios móviles, simplemente sustitúyalo por un enlace para que tengan que hacer clic en él para ver la imagen completa.

Sitio móvil separado
Otra forma de servir contenido separado en dispositivos móviles incluye usar un sitio separado, comúnmente usando un m. Subdominio como m.apppresser.com. Cuando un usuario móvil visita su sitio, los redireccionaría a la versión móvil.

No soy un fanático de esta técnica porque significa que ahora tiene que administrar 2 sitios separados y mantener la paridad entre ellos en todo momento. Los usuarios de dispositivos móviles normalmente desean utilizar toda la funcionalidad de su sitio web de escritorio, solo quieren que sea accesible en una pantalla pequeña. No debe quitar las funciones para dispositivos móviles, en lugar de que sean más rápidas y fáciles de acceder.

Dado que la aceleración de su sitio de escritorio también acelerará su sitio móvil, veamos algunas formas en que podemos mejorar la velocidad en todos los ámbitos.

Elija un gran host web
Elegir un buen proveedor de alojamiento web es lo más importante que puede hacer para acelerar su sitio para dispositivos móviles.

Duh, ¿verdad?

Puede parecer obvio, pero todavía me sorprende la cantidad de clientes con los que trabajamos que están en servidores de alojamiento compartido baratos, y me pregunto por qué su sitio se carga lentamente. Los servidores compartidos pueden tener cientos de sitios que utilizan los mismos recursos, por lo que si un sitio tiene un aumento en el tráfico, los otros sitios de ese servidor disminuirán su velocidad.

Le pregunté a Matt Medeiros, un conocido WordPresser, cuáles eran sus recomendaciones para acelerar su sitio.