En el mundo digital actual, los dispositivos móviles son más importantes que las computadoras de escritorio, por eso los expertos en SEO aconsejan centrarse más en dispositivos móviles que en computadoras de escritorio. si su sitio no es rápido, tanto su audiencia como Google lo considerarán mal, como resultado, perderá visibilidad y tráfico. Si desea evitar que los problemas de velocidad de la página móvil se interpongan en el camino para atraer visitantes y convertirlos en clientes ávidos, aquí tenemos algunos consejos para hacer que su sitio móvil se cargue más rápido.
Primero averigüemos qué tan rápido es su sitio.
Vaya a Think With Google’s Test your mobile speed page e ingrese su URL para escanear su sitio. Esto comenzará a analizar su sitio, verifique HTML y CSS, JavaScript, compresión, usabilidad en dispositivos móviles, y también comparará la velocidad de su página móvil con otros sitios en Una vez realizado el escaneo, verá el tiempo de carga de su página móvil, la pérdida estimada de visitantes y la comparación de la industria. También le dirá cuánto podría reducir su tiempo de carga aplicando algunas correcciones.
Cómo hacer que su sitio móvil se cargue más rápido
Estos son los pasos a seguir para mejorar los tiempos de carga de las páginas de WordPress en dispositivos móviles:
Elija el alojamiento adecuado
La velocidad de carga de la página está determinada por su codificación web, pero también depende completamente de su servidor de alojamiento web. Significa que cuanto más espere su servidor para responder a las solicitudes de un navegador, afectará el tiempo de carga de la página. Es por eso que un alojamiento web más rápido es importante o recomendado para optimizar el tiempo de carga del sitio web.
Puede elegir entre diferentes planes de alojamiento, incluido un VPS o un servidor dedicado que brindará un mejor servicio que un servidor compartido.
Una vez más, los servidores de alojamiento cercanos a usted o su público objetivo, los tiempos de carga se retrasarán. Si recibe más visitantes de los EE. UU., Entonces debe elegir la ubicación del servidor de alojamiento para la misma ubicación (EE. UU.) Que ayuda a servir páginas web rápidamente.
Utilice una red de distribución de contenido
Nuevamente, si ya ha comprado un plan de alojamiento web y no está satisfecho con la ubicación de los servidores, siempre puede complementar su alojamiento con un CDN. Un CDN distribuye el peso de su sitio entre muchos servidores diferentes, cada uno alojado en diferentes centros de datos. Tener esta red de servidores en juego significa que cada usuario recibe contenido del servidor más cercano a él. Esto reduce la distancia que tiene que viajar el contenido, acelerando el tiempo de carga.
Aquí un ejemplo del uso de una red de distribución de contenido
Solicite al proveedor de alojamiento que actualice la última versión de PHP
PHP es el lenguaje de programación de código abierto que utilizamos para formar la columna vertebral de un sitio web de WordPress y sus funciones. No importa si realiza alguna codificación práctica con PHP, siempre existe en el nivel del servidor y puede tener un impacto en la velocidad de la página móvil si no se actualiza.
Cuando configura un sitio web de WordPress por primera vez, su proveedor de alojamiento web debe seleccionar automáticamente la última versión de PHP. Pero a menos que haya habilitado las actualizaciones de PHP administradas, esto es algo que tendrá que vigilar. Recomendamos actualizar la versión de PHP con su equipo de soporte de alojamiento.
Usar complemento de almacenamiento en caché
Para el sitio de WordPress, una de las formas más rápidas y fáciles de reducir la velocidad de carga de la página es instalar un complemento de almacenamiento en caché como WP Total Cache o WP Super Cache. Ambos complementos se pueden descargar gratis y son muy buenos. A pesar de su nombre, los complementos de almacenamiento en caché hacen mucho más que el almacenamiento en caché del navegador, aunque esa es su función principal.
Limpia tu base de datos
Una de las trampas con WordPress es que su base de datos puede complicarse muy rápidamente debido a borradores guardados, revisiones de publicaciones, complementos desactivados, etc. WP-Optimize es un complemento fantástico que borra rutinariamente todas las cosas que no necesita y que se están acumulando su base de datos.
Comprime tus imágenes
Si está utilizando WordPress, instale el complemento WP Smush.it para comprimir automáticamente sus imágenes. Esto reducirá el tamaño de sus imágenes sin perder calidad visual. Lo mejor de este complemento es que funciona en segundo plano cada vez que carga una nueva imagen. También puede ejecutarlo retrospectivamente en todas las imágenes cargadas a su biblioteca de medios.
Desactivar el enlace directo de imágenes
Cuando otros sitios web “enlazan” a sus imágenes, roba ancho de banda, lo que ralentiza su sitio. Para evitar que otros sitios acaparen su ancho de banda, puede agregar este fragmento de código a su archivo .htaccess. ¡Recuerde cambiar el bit que dice example.com!
RewriteEngine encendido
RewriteCond% {HTTP_REFERER}! ^ $
RewriteCond% {HTTP_REFERER}! ^ Http (s)?: // (www .)? Example.com [NC]
RewriteRule . (Jpg | jpeg | png | gif) $ – [NC,F,L]
Comprime tu sitio web con gzip
Gzip es un método simple para comprimir los archivos de su sitio web para ahorrar ancho de banda y acelerar los tiempos de carga de la página. Gzip funciona comprimiendo sus archivos en un archivo zip, que es más rápido para que el navegador del usuario cargue. El navegador del usuario luego descomprime el archivo y muestra el contenido. Este método de transmisión de contenido desde el servidor al navegador es mucho más eficiente y ahorra mucho tiempo.
Puede habilitar Gzip simplemente agregando el siguiente código en su archivo .htaccess:
# comprimir texto, html, javascript, css, xml:
AddOutputFilterByType DESINFLAR texto / sin formato
AddOutputFilterByType DESINFLAR texto / html
AddOutputFilterByType DESINFLAR texto / xml
AddOutputFilterByType DESINFLAR texto / css
AddOutputFilterByType DESINFLAR la aplicación / xml
AddOutputFilterByType DESINFLAR aplicación / xhtml + xml
AddOutputFilterByType DESINFLAR la aplicación / rss + xml
AddOutputFilterByType DESINFLAR la aplicación / javascript
AddOutputFilterByType DESINFLAR la aplicación / x-javascript
# O comprima ciertos tipos de archivos por extensión:
SetOutputFilter DESINFLAR
Para comprobar si Gzip está habilitado o funciona correctamente en su sitio, puede utilizar Gziptest.com.
Minifica tus archivos CSS y JS
Cuando observa qué está causando que sus páginas se carguen lentamente, es probable que tenga algo que ver con muchos archivos torpes de Javascript o CSS que se cargan de manera ineficiente. Una de las trampas de WordPress y otros sistemas de administración de contenido es que se agrega un nuevo archivo JS o CSS virtualmente cada vez que instala un nuevo complemento.
Hay varias formas de minimizar sus archivos. La primera forma implica juntar todos sus archivos en uno, por lo que en lugar de llamar a diez archivos javascript individuales, simplemente coloque todo su javascript en un archivo.
El segundo aspecto de la minificación implica eliminar espacios en blanco y hacer que sus archivos sean más pequeños. Si está utilizando WordPress, WP Minify es un gran complemento que hace todo esto automáticamente por usted.
Habilitar Keep-Alive
HTTP Keep Alive se refiere al mensaje que se envía entre la máquina cliente y el servidor web solicitando permiso para descargar un archivo. Habilitar Keep-Alive permite que la máquina cliente descargue varios archivos sin pedir permiso repetidamente, lo que ayuda a ahorrar ancho de banda.
Para habilitar Keep-Alive, simplemente copie y pegue el código a continuación en su archivo .htaccess.
Conexión de conjunto de encabezados Keep-Alive
Reducir sus redireccionamientos
Si bien los redireccionamientos 301 (permanentes) son preferibles a los errores 404 (enlaces rotos), aún no son ideales, ya que ralentizan el tiempo que tarda el navegador en llegar a la versión correcta de una página.
Screaming Frog es una vez más una gran herramienta para detectar redireccionamientos 301. Si está usando una PC, también puede usar Xenu Link Sleuth, que es una gran herramienta para rastrear datos de sitios web.
Desactivar pingbacks
Los pingbacks y trackbacks realmente no tienen ningún uso práctico en WordPress y, sin embargo, a menudo están habilitados de forma predeterminada. Recomendaría apagar ambos, ya que obstruyen su base de datos y aumentan la cantidad de solicitudes que se realizan.
Para deshabilitar los pingbacks en cada publicación que publique, vaya a Administrar → Configuración → Discusión y desactive la opción “Permitir notificaciones de enlaces de otros blogs (pingbacks y trackbacks)”.
Convierta su sitio web móvil a formatos más rápidos
Hay dos sitios web y formatos de página web que se han introducido para ayudarnos a lidiar mejor con los tiempos de carga lenta en el móvil. Ambos se han cubierto ampliamente en este blog, por lo que no quiero pasar demasiado tiempo hablando de ellos aquí. Sin embargo, quiero resumir rápidamente por qué podría ser beneficioso mover su sitio móvil a uno (o ambos) de estos formatos:
AMPERIO: AMP es la abreviatura de “páginas móviles aceleradas”. Hay varias cosas que hacen que este formato de página sea rápido:
Se basa principalmente en HTML ligero. Utiliza la carga diferida. El contenido de la página se almacena en caché en Google Cloud.
Si bien puede usar esto para cualquier sitio web, es especialmente bueno para publicaciones digitales y blogs que desean brindar experiencias de lectura rápidas. Además, es fácil de implementar: todo lo que necesita es un complemento de WordPress para convertir sus páginas.
PWA: PWA es la abreviatura de “Aplicación web progresiva”. Toma lo mejor de la web móvil (es decir, capacidad de búsqueda y conveniencia) y lo combina con la aplicación móvil (es decir, un diseño más amigable para dispositivos móviles, así como funciones de telefonía). También es mucho más rápido que un sitio web móvil tradicional.
Otra cosa a tener en cuenta es que se puede acceder a las PWA sin conexión al igual que las aplicaciones móviles, lo que hace que esta sea una excelente opción si su sitio web está dirigido a personas que viven en zonas de cobertura baja o nula.
Debido a que una PWA coloca un sitio web en un shell similar a una aplicación, no hay que elegir qué páginas de su sitio convertir. Construya (o convierta su sitio) como PWA si desea crear una experiencia mucho mejor y más rápida de principio a fin.
Si bien hay algunos complementos de WordPress que pueden ayudar a convertir su sitio web en una especie de PWA, sería mejor que codificara este desde cero.
Eso es todo ahora de nuevo para Think With Google Pruebe su página de velocidad móvil e ingrese su URL para escanear su sitio, ¿cuál es su puntaje ahora?
Nuevamente, es importante volver a visitar regularmente su sitio web móvil para asegurarse de que se esté ejecutando lo más rápido posible.
Lea también:
