1. Introducción - Cómo mejorar la velocidad de la página móvil
¿Quieres mejorar la velocidad de las páginas para móviles? A finales de 2019, los dispositivos móviles representaban alrededor del 52,6% de todo el tráfico mundial de sitios web. Por lo tanto, no es de extrañar que la velocidad de la página móvil sea uno de los factores de clasificación de Google para el SEO.
En julio de 2019, Google anunció su iniciativa de indexación mobile-first. Con más de la mitad de la población mundial utilizando el móvil para acceder a Internet, las cosas tenían que cambiar.
Según Google, un sitio web para móviles tarda una media de 15 segundos en cargarse. ¿Le sorprende esta cifra? Definitivamente lo era. Esperaba que los sitios web para móviles se cargaran mucho más rápido, así que no es de extrañar que la gente se pregunte cómo puede mejorar la velocidad de los sitios web para móviles.
Cuando el tiempo de carga de la página pasa de un segundo a 10 segundos, la probabilidad de que un visitante de un sitio móvil rebote aumenta un 123%.
Si te tomas en serio tu sitio web o tu negocio, vas a tener que asegurarte de mejorar la velocidad de las páginas móviles. Aquí hay 10 maneras de mejorar la velocidad de las páginas móviles en 2022.
2. Encuentra un alojamiento web rápido para mejorar la velocidad de la página móvil
El alojamiento web es el eje de todo sitio web. Sin ella, no tendría una forma de mostrar su sitio web en línea. Además, si su alojamiento web es lento y poco fiable, todos sus esfuerzos por mejorar la velocidad de su página móvil serán inútiles.
Encontrar el mejor alojamiento web debería ser su primera prioridad para mejorar la velocidad de las páginas móviles. Hay muchos factores que hay que tener en cuenta, así que aquí tienes algunos para empezar:
Ubicación del servidor web: Un buen proveedor de alojamiento web debe tener varias ubicaciones de centros de datos para que usted pueda elegir. Si la mayoría de los visitantes de su sitio web están en Estados Unidos, elija un servidor estadounidense, o si están en el Reino Unido, elija el servidor británico o europeo.
Alojamiento específico: Si utilizas una plataforma específica como WordPress para tu sitio web, puede que te convenga encontrar un host que ofrezca un alojamiento más especializado. El alojamiento de WordPress no solo ofrecerá grandes beneficios para WordPress, sino que probablemente encontrarás que sus servidores están optimizados para WordPress.
Alojamiento gestionado: Al hilo de mi punto sobre el alojamiento de WordPress, mucha gente opta por el alojamiento gestionado, ya que suele mantener su sitio web más seguro. Por ejemplo, WordPress administrado gestionará todas las actualizaciones de su sitio web de WordPress, para que no tenga que hacerlo manualmente. El mantenimiento del sitio web es esencial para garantizar que su sitio web siga siendo seguro y esté bien posicionado en los motores de búsqueda.
Disponibilidad de recursos: Cuando te registras por primera vez en un proveedor de alojamiento web, puede que sientas que uno de sus planes de alojamiento es adecuado para tu situación actual. ¿Pero qué pasa si tu situación cambia? ¿Qué ocurre si su sitio web empieza a recibir más tráfico del que preveía? Muchos alojamientos web ponen un límite a la cantidad de visitantes mensuales del sitio web que puedes tener, o a la cantidad de almacenamiento y ancho de banda que puedes utilizar. Por lo tanto, es importante encontrar un plan de alojamiento que sea escalable y pueda crecer con las necesidades crecientes de su sitio web.
3. Almacenamiento en caché
El caché es un proceso por el cual el contenido de un sitio web se almacena para que el usuario lo vea más tarde. Es posible que haya notado que el tiempo de carga de un sitio web es significativamente menor la segunda vez que lo visita.
Cuando usted visita por primera vez un sitio web, su dispositivo necesita cargar todos los contenidos disponibles para que usted pueda ver el sitio web correctamente. Sin embargo, después de la primera visita, el dispositivo puede guardar el contenido en la memoria caché, haciendo que los tiempos de carga futuros sean mucho más rápidos.
Al crear copias estáticas de los contenidos, los servidores pueden trabajar mucho más rápido y, por tanto, entregar los contenidos en un tiempo más breve. Hay varias formas de habilitar el almacenamiento en caché.
Almacenamiento en caché del servidor: El almacenamiento en caché del servidor es algo que puede hacer su anfitrión web. Si has elegido un alojamiento web decente, ya debería tener una herramienta de almacenamiento en caché integrada en tu plan de alojamiento. Diríjase a su panel de control de alojamiento para obtener más información sobre el almacenamiento en caché de su servidor. Si no sabe dónde encontrarlo, póngase en contacto con su proveedor de Internet.
Caché de objetos: El caché de objetos, el caché del sitio web y el caché de la base de datos pueden realizarse por separado del caché del servidor. De hecho, si usas WordPress, puedes descargar un plugin de caché como WP Fastest Cache que te permitirá activar o desactivar opciones específicas de caché.
4. Optimizar las imágenes
Las imágenes son uno de los principales culpables de la ralentización de la velocidad de su sitio web. Si no optimiza sus imágenes, puede encontrarse con que la mayor parte del espacio ocupado en su servidor web se debe a las imágenes.
Por los datos disponibles, ya sabemos que los sitios web para móviles tardan más en cargarse que los de escritorio. Por lo tanto, es increíblemente importante asegurarse de que sus imágenes tengan un tamaño reducido para ofrecer una mejor experiencia móvil.
Afortunadamente, hay muchas herramientas disponibles, de forma gratuita, que pueden reducir el tamaño de tus imágenes, sin perder su calidad. TinyJPG es gratuito; puedes subir hasta 20 imágenes a la vez y comprimirlas en cuestión de minutos.
Como alternativa, si usas WordPress, puedes instalar un plugin que haga el trabajo sucio por ti. Optimole mejora la velocidad de carga de tu sitio web reduciendo el tamaño de las imágenes automáticamente por ti.
5. Reducir los plugins y las aplicaciones
Tanto si utilizas WordPress, un constructor de sitios web como Wix, como si construyes tu sitio web desde cero, es importante que no sobrecargues tu sitio web con plugins y aplicaciones.
Cuanto más tenga que cargar su sitio web, más tiempo tardará. Sin embargo, no todo es cuestión de la cantidad de plugins o aplicaciones que tengas, sino también de su compatibilidad entre ellos, y de los que francamente no son muy buenos.
Si tienes un plugin o una aplicación mal codificada, el código por sí solo puede causar problemas a la velocidad de tu sitio web. Aunque puede ser tentador y emocionante instalar muchas funciones en su sitio web, piense si realmente las necesita antes de instalarlas.
6. Archivos de fuentes
Los archivos de fuentes probablemente no son algo que mucha gente considere o incluso piense en lo que respecta a la velocidad de su página móvil. Sin embargo, la investigación muestra que el tamaño medio de la letra en el móvil ha aumentado año tras año.
Por ejemplo, en septiembre de 2016, la mediana de bytes de fuentes móviles ascendía a 67,4KB, mientras que, en abril de 2020, se elevó a 107,5KB. Aunque estemos hablando de kilobytes, todo esto suma.
Sé que puede ser tentador diseñar o elegir un diseño de sitio web que tiene un montón de fuentes de fantasía, porque se ven bien, sin embargo, esto no va a ayudar a su velocidad de la página móvil. Intente elegir menos fuentes y quédese con una selección más pequeña.
También podrías investigar qué fuentes se cargan más rápido. Aunque eso puede parecer un poco raro, KeyCDN realizó un estudio de caso en 2018 que analizó el rendimiento de las fuentes del sitio web. Descubrieron que la fuente de Google que más rápido se cargaba era la Open Sans, con un tiempo de carga de 0,476 segundos.
7. Utilice la última versión de PHP
PHP es un lenguaje de programación de código abierto ampliamente utilizado. Se utiliza a menudo en el desarrollo web y se puede encontrar en los archivos del servidor (incluso si no se ha codificado con PHP).
WordPress funciona con PHP, sin embargo, dependiendo de la versión, un sitio web de WordPress puede funcionar mejor o peor. CloudWays estableció una prueba de referencia para analizar qué diferencia puede tener la versión de PHP en el rendimiento de un sitio web. Utilizando un servidor Linode con 2 núcleos, 4GB de RAM y un SSD de 48GB, realizaron una prueba para las versiones de PHP 5.6, 7.0, 7.1, 7.2 y 7.3.
Los resultados son claramente favorables a la versión 7.3 de PHP, que fue capaz de gestionar 10,31 peticiones por segundo, mientras que la versión 7.2 quedó en un cercano segundo lugar. Cuantas más solicitudes pueda manejar su sitio web, mejor será su rendimiento en el escritorio y en el móvil.
8. Minimizar HTML, CSS y JavaScript
Si ha utilizado algún tipo de herramienta de velocidad o rendimiento de sitios web, como GTmetrix, probablemente habrá visto el término “minificar recursos” o “minificar JavaScript”. Esto está relacionado con el código que utiliza su sitio web.
La minificación del código puede ayudar a reducir el código innecesario para que el tamaño de sus archivos se reduzca. Cuando un desarrollador escribe el código, especialmente para las personas que utilizan un tema o una plantilla, tiende a escribirlo de manera que sea más fácil para el ojo humano.
Por ejemplo, utilizarán espacios, comentarios y otras medidas de formato para facilitar la lectura a otras personas. Sin embargo, estos espacios y comentarios adicionales ocupan espacio en el servidor de su sitio web y requieren la entrega de más contenido a los visitantes de su sitio web, por lo que ralentizan su sitio.
Puede minificar fácilmente el código utilizando una herramienta como Minificador. Alternativamente, si estás usando WordPress para tu sitio web, puedes usar WP Fastest Cache como se ve en la imagen de arriba.
9. Limpieza de archivos de la base de datos
Los archivos de un sitio web se acumulan en una gran estructura de carpetas. Al igual que su ordenador de sobremesa, hay varias carpetas con archivos en ellas. Seguro que tienes un montón de archivos en tu ordenador que no utilizas, pero que guardas para un día lluvioso (o simplemente no tienes ni idea de lo que son).
Esto es muy similar a cómo funciona un sitio web, por lo que al limpiar los archivos de su base de datos, puede hacer espacio en el servidor de su sitio web. Un ejemplo de archivos que no es necesario conservar serían las revisiones de entradas antiguas del blog en WordPress (sí, WordPress también utiliza una estructura de carpetas de archivos).
Un plugin como WP-Optimize puede ser muy útil para limpiar su base de datos. Puede buscar en su base de datos y limpiar los archivos y carpetas usted mismo, pero eso sería muy tedioso y llevaría mucho tiempo.
10. Utilizar un buen diseño
Está muy bien elegir un diseño, un tema o una plantilla que se vea elegante, pero ¿has pensado en cómo afectará a la velocidad de la página móvil de tu sitio web?
Hay ciertas características y funcionalidades que están diseñadas específicamente para los usuarios de ordenadores de sobremesa, que son francamente intrusivas para los usuarios de móviles, y pueden tener un impacto desastroso en la velocidad.
De hecho, en 2017, Google impuso una penalización por el uso de ventanas emergentes para móviles. Aunque esta es una de las muchas señales que Google utiliza para el SEO, puede tener un gran impacto si otras señales de su sitio web están fallando.
Por lo tanto, le sugiero que considere las siguientes recomendaciones:
- Utiliza untema ligero y con capacidad de respuesta o una plantilla que no incluya plugins o widgets innecesarios preinstalados
- Reconsidere las ventanas emergentes, las aplicaciones de chat en vivo o los vídeos de reproducción automática y los carruseles
- Pregúntese si necesita un fondo de vídeo: ¿aporta algo a su sitio web o negocio?
- Considere el aspecto y la sensación de su sitio web para los usuarios móviles, y decida si se requieren ciertas características o contenidos
11. Utilizar formatos más rápidos
Las páginas web tienen diferentes formatos, al igual que las imágenes, los contenidos, etc. Sin embargo, hay dos formatos distintos que han sido diseñados para sitios web móviles, con la intención de acelerar el rendimiento móvil.
AMP: Accelerated Mobile Pages (AMP) utiliza la carga lenta y almacena en caché el contenido utilizando Google Cloud. Muchos propietarios de blogs utilizan AMP para acelerar su sitio web.
PWA: La aplicación web progresiva (PWA) combina la funcionalidad de la web móvil con las aplicaciones móviles. La idea es que el usuario obtenga un diseño más rápido y adaptado a los dispositivos móviles, sin dejar de ofrecer una gran capacidad de búsqueda. La PWA básicamente convierte su sitio web en una aplicación, pero tendrá que convertir todo su sitio web, en lugar de páginas individuales.
12. Mejorar la velocidad de la página móvil: Conclusión
Ya sabemos que la navegación y el uso de Internet en el móvil van en aumento, y sólo puedo ver que esta tendencia continuará. Cada vez son más las personas que se pasan a los teléfonos inteligentes y las tabletas para su uso habitual, por lo que es natural (y sensato) asegurarse de que disfrutan de una gran experiencia móvil.
Mi recomendación es que diseñe su sitio web en función de los dispositivos móviles, en lugar de los de escritorio. Siguiendo los pasos anteriores, podrá mejorar la velocidad de su página móvil sin demasiado tiempo ni esfuerzo.
Es importante revisar su sitio web, su rendimiento y su diseño, para asegurarse de que está al día con las últimas tendencias en 2022 y más allá.
