Cómo mejorar la velocidad de un sitio web de WordPress en teléfonos móviles

Cómo mejorar la velocidad de un sitio web de WordPress en teléfonos móviles

En el mundo digital actual, los dispositivos móviles son más importantes que las computadoras de escritorio, por lo que los expertos en SEO recomiendan centrarse más en los dispositivos móviles en lugar de las computadoras de escritorio.

Si tuVelocidad del sitio web de WordPressNo rápido, entonces tu audiencia y Google no estarán satisfechos con él, lo que hará que pierdas visibilidad y tráfico.

Si desea evitar que los problemas de velocidad de la página móvil obstaculicen la atracción de visitantes y los conviertan en clientes entusiastas, aquí le ofrecemos algunos consejos para acelerar la velocidad de carga de su sitio web móvil.

Primero, averigüemos qué tan rápido es su sitio web.

  • Vaya a Think With Google's " Pon a prueba tu velocidad de movimiento "página, Luego ingrese la URL para escanear su sitio web.
  • Esto comenzará a analizar el sitio web móvil para verificar HTML y CSS, JavaScript, compresibilidad, usabilidad y también comparar su sitio web Wordpress.Velocidad de página, Otros sitios de su industria.
  • Una vez finalizada la exploración, verá el tiempo de carga de su página móvil, las pérdidas estimadas de visitantes y las comparaciones de la industria.También le dirá cuánto tiempo de carga se puede reducir aplicando algunas correcciones.

Cómo hacer que su sitio web móvil se cargue más rápido

Estos son los pasos para mejorar el tiempo de carga de la página de WordPress en dispositivos móviles:

Elija el anfitrión adecuado

La velocidad de carga de la página depende de su codificación web, pero también depende completamente de su servidor de alojamiento web.Esto significa que su servidor esperará más tiempo para responder a las solicitudes del navegador, lo que afectará el tiempo de carga de la página.Por eso es importante un alojamiento web más rápido o se recomienda optimizar el tiempo de carga del sitio web.

Puede elegir entre diferentes planes de alojamiento, incluidos VPS o servidores dedicados, que brindarán mejores servicios que los servidores compartidos.

Del mismo modo, los servidores de alojamiento cercanos a usted o su público objetivo retrasarán los tiempos de carga.Si recibe más visitantes de los EE. UU., Debe elegir una ubicación de servidor de alojamiento para la misma ubicación (los EE. UU.) Donde se puede acceder rápidamente a la página web.

pregunta relacionada  El mejor tutorial de WordPress para principiantes (actualizado en enero de 2021)

Utilice la red de distribución de contenido

Del mismo modo, si ya ha comprado un plan de alojamiento virtual y no está satisfecho con la ubicación del servidor, siempre puede utilizar el CDN para complementar el alojamiento.CDN distribuye el peso del sitio en muchos servidores diferentes, y cada servidor está alojado en un centro de datos diferente.Jugar el papel de esta red de servidores significa proporcionar a cada usuario el contenido del servidor más cercano a él.Esto reduce la distancia que debe recorrer el contenido, lo que acelera el tiempo de carga.

Este es un ejemplo del uso de una red de distribución de contenido.

Ejemplo de red de entrega de contenido

Pídale 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 el sitio web de WordPress y su columna vertebral funcional.No importa para la codificación práctica con PHP, siempre existe en el nivel del servidor y, si no se actualiza, puede tener un impacto en la velocidad de la página móvil.

Al configurar un sitio de WordPress por primera vez, su proveedor de alojamiento web debe seleccionar automáticamente la última versión de PHP.Sin embargo, a menos que haya habilitado las actualizaciones de PHP alojadas, debe permanecer en este estado.Le recomendamos que actualice la versión de PHP con el equipo de soporte de alojamiento.

Usar complemento de caché

Para los sitios 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é, comoWP Total CacheSuper GT caché.Ambos complementos se pueden descargar de forma gratuita y son muy buenos.Aunque el nombre es un complemento de caché, la función principal de un complemento de caché es el almacenamiento en caché del navegador.

Limpiar la base de datos

Una de las trampas de WordPress es que su base de datos puede volverse muy desordenada rápidamente debido a borradores guardados, revisiones de publicaciones, complementos deshabilitados, etc.. WP-OptimizarEs un excelente complemento, borrará periódicamente todas las cosas innecesarias, haciendo que los archivos arruinen su base de datos.

Imagen comprimida

Si está utilizando WordPress, instale el complemento WP Smush.it para comprimir imágenes automáticamente.Esto reducirá el tamaño de la imagen sin perder calidad visual.La ventaja de este complemento es que cada vez que cargue una nueva imagen, se ejecutará en segundo plano.También puede ejecutarlo retrospectivamente en todas las imágenes cargadas a la biblioteca de medios.

Deshabilitar el enlace activo de imágenes

Cuando otros sitios "calientesEnlace "a su imagen,Consume ancho de banda, lo que reduce la velocidad del sitio web.Para evitar que otros sitios consuman su ancho de banda, puede agregar este fragmento de código a su archivo .htaccess.¡Recuerde cambiar el contenido de example.com!

RewriteEngine en
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 archivos de sitios web para ahorrar ancho de banda y acelerar el tiempo de carga de la página.Gzip funciona comprimiendo archivos en archivos zip, que pueden cargar el navegador del usuario más rápido.Luego, el navegador del usuario descomprime el archivo y muestra el contenido.Este método de transferir contenido del servidor al navegador es más eficiente y ahorra mucho tiempo.

Solo necesita agregar el siguiente código al archivo .htaccess para habilitar Gzip:

# comprimir texto, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

# O comprima ciertos tipos de archivos por extensión:

Establecer filtro de salida DESINFLAR

Para comprobar si Gzip está habilitado o si funciona correctamente en su sitio, puede utilizar Gziptest.com.

pregunta relacionada  ¿Cómo habilitar Keep-Alive en Wordpress? (Acelera tu sitio web)

Minificar archivos CSS y JS

Cuando observa las causas de la carga lenta de la página web, es probable que esté relacionado con una gran cantidad de archivos Javascript torpes o una baja eficiencia de carga de CSS.Una de las deficiencias de WordPress y otros sistemas de gestión de contenido es que se agrega un nuevo archivo JS o CSS casi cada vez que se instala un nuevo complemento.

Hay varias formas de reducir archivos.El primer método implica comprimir todos los archivos en un solo archivo, por lo que en lugar de llamar a diez archivos javascript separados, solo necesita poner todo el javascript en un archivo.

El segundo aspecto de la reducción consiste en eliminar los espacios en blanco y reducir el tamaño del archivo.Si está utilizando WordPress, WP Minify es un gran complemento que puede hacer todo este trabajo automáticamente por usted.

Habilitar mantener vivo

Mantener vivo HTTP se refiere a un mensaje enviado entre la computadora cliente y el servidor web solicitando permiso para descargar un archivo.Habilitar Keep-Alive permite que las computadoras cliente descarguen varios archivos sin pedir permiso repetidamente, lo que ayuda a ahorrar ancho de banda.

Para habilitar Keep-Alive, simplemente copie y pegue el siguiente código en su archivo .htaccess.

La conexión de configuración de encabezado se mantiene viva

Reducir redireccionamientos

Aunque los redireccionamientos 301 (permanentes) son preferibles a los errores 404 (enlace roto), aún no son ideales porque ralentizan el tiempo que tarda el navegador en llegar a la versión correcta de la página.

Screaming Frog vuelve a ser una buena herramienta para descubrir redireccionamientos 301.Si está utilizando una PC, también puede usar Xenu Link Sleuth, que es una buena herramienta para extraer datos de sitios web.

Desactivar pingbacks

Las citas y citas en realidad no tienen ningún uso práctico en WordPress, pero generalmente están habilitadas de forma predeterminada.Recomiendo desactivar estas dos opciones porque bloquean la base de datos y aumentan la cantidad de solicitudes emitidas.

Para deshabilitar el pingback en cada publicación que publique, vaya a "Administrador" → "Configuración" → "Discusión" y desactive la opción "Permitir notificaciones de enlaces (pingbacks y comillas) de otros blogs".

Deshabilitar ping back

Convierta su sitio web móvil a un formato más rápido

Se han introducido dos formatos de sitios web y páginas web para ayudarnos a manejar mejor los tiempos de carga lentos en dispositivos móviles.Ambos se han discutido extensamente 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 útil migrar un sitio web móvil a uno o ambos de los siguientes formatos:

AMPERIO: AMPEs una abreviatura de "Accelerated Mobile Pages".Hay muchos factores que pueden hacer que esta página tenga un formato 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.

Aunque puede usarlo en cualquier sitio web, es especialmente útil para publicaciones digitales y blogs que desean brindar una experiencia de lectura rápida.Además, es fácil de implementar: solo necesita un complemento de WordPress para convertir páginas.

PWA:PWAEs una abreviatura de "Aplicación web progresiva".Aprovecha al máximo la red móvil (capacidad de búsqueda y conveniencia) y la combina con aplicaciones móviles (es decir, un diseño más amigable para dispositivos móviles y funciones de teléfono).También es mucho más rápido que los sitios web móviles tradicionales.

Otra cosa a tener en cuenta es que se puede acceder a PWA sin conexión como una aplicación móvil. Si su sitio web está dirigido a personas que viven en áreas de cobertura baja o nula, entonces PWA es una buena opción.

pregunta relacionada  ¿Falta la página de inicio de WordPress? 5 soluciones para resolver el error de pantalla blanca de la muerte de WordPress

Dado que PWA coloca el sitio web en el caparazón de una aplicación similar, no es necesario seleccionar la página del sitio web que se va a convertir.Si desea crear una experiencia mejor y más rápida de principio a fin, constrúyala en forma de PWA (o convierta su sitio web).

Aunque hay algunos complementos de WordPress que pueden ayudarlo a convertir su sitio web en una especie de PWA, es mejor escribir este complemento desde cero.

Ahora, puede volver a considerar el uso de Google " Pon a prueba tu velocidad de movimiento "página E ingrese la URL para escanear su sitio web, ¿cuál es su puntaje ahora?

Nuevamente, es importante volver a visitar su sitio web para dispositivos móviles con regularidad para asegurarse de que se ejecute lo más rápido posible.

Oh hola 👋Un placer conocerte.

Suscríbete a nuestro boletín, Envía con mucha regularidadGran tecnologiaA tu publicacióncaja.

Enviar comentario