Estás leyendo la publicación: Diez consejos sobre cómo aumentar la velocidad de nuestra página
Si parece que Internet se está volviendo lento para navegar, no está solo. Los sitios web actuales están cada vez más saturados y tardan en cargarse, y eso es gran problema. Es un problema para los usuarios y es un problema para los propios propietarios de la página web.
Un sitio web debe cargarse lo más rápido posible. Si su propia página también tarda en descargarse y mostrarse, probablemente sea hora de realizar una ronda de revisiones para ayudar a optimizarla nuevamente. Pero primero echemos un vistazo a ¿Por qué este es un problema tal que debe abordarse rápidamente?.
La velocidad sí importa: los 3 elementos
Aquí hay varios problemas interconectados que tienen que ver con páginas de carga lenta o con mucho ancho de banda. Estos son algunos de los aspectos más destacados:
1) Límites de datos
A mediados de 2015, había oficialmente más búsquedas web móviles que en computadoras de escritorio. Si bien la mayoría de las conexiones a Internet residenciales tienen (cerca de) ancho de banda ilimitado, no ocurre lo mismo con los dispositivos móviles que utilizan conexiones 3G/4G. Un sitio con mucho ancho de banda, especialmente uno que utiliza video o audio de reproducción automática, literalmente podría costarle dinero a cada visitante.
Como tal, los usuarios de dispositivos móviles son muy conscientes de sus límites de ancho de banda y Evite activamente las páginas que sabe que acaparan datos..
2) Abandono de Usuario
Según los expertos de BesoMetrics, el tiempo de carga óptimo para un sitio web es de unos 3 segundos. ¿Por qué? Porque después de eso, los usuarios empezarán a abandonar la página rápidamente.
Incluso un 1 segundo El retraso en la carga de la página puede costarle a un minorista en línea aproximadamente el 7% de las ventas.y, por supuesto, esas pérdidas empeoran a medida que pasan los segundos.
Los usuarios en línea tienen períodos de atención muy cortos y un gran deseo de gratificación instantánea. Con literalmente miles de millones de páginas en línea, si no pueden cargar el Sitio A, comenzarán a buscar en los Sitios B o C casi de inmediato.
3) Problemas de SEO y UX
Google también juega un papel aquí. Ya en 2010 les preocupaba el aumento de la velocidad de las páginas. Como tal, comenzaron a incorporar tiempos de carga en sus evaluaciones de experiencia de usuario (UX) de sitios web. penalizando aquellos que tardan demasiado en cargar.
Entonces, además de molestar a los clientes y ahuyentarlos, las velocidades excesivas de carga de la página también pueden perjudicar el reemplazo del ranking de búsqueda. Google dará preferencia a las páginas de carga rápida y de poco ancho de banda, especialmente en el ámbito móvil.
Además, en el nivel más básico: Una página fluida y de carga rápida se destacará entre la competencia.. Este es uno de los aspectos del diseño web que llama la atención de los usuarios y que rápidamente reconocerán qué páginas son legítimamente agradables de usar.
Un buen ejemplo sería el nuevo virgen america sitio de reserva de viajes. El sitio web renovado ahora permite a los clientes reservar sus vuelos casi el doble de rápido en comparación con el sitio web anterior.
En su sitio web recientemente rediseñado, eliminaron todos los anuncios de vacaciones, promociones de tarjetas de crédito y ofertas de alquiler de automóviles habituales.
Diez formas de centrarse en la velocidad en la optimización de su página
La buena noticia es que hay muchas formas de optimizar la velocidad de un sitio web y la mayoría de ellos no requieren mucho tiempo ni dinero para implementarlos. Incluso si lo hicieran, las recompensas valdrían la pena el esfuerzo, dado el problema que se está convirtiendo en esto. Una página fluida y de carga rápida aumentará enormemente su atractivo.
Continuaremos y omitiremos algunas de las sugerencias obvias, como utilizar imágenes más pequeñas o no implementar audio o video de reproducción automática. La mayoría de estas son soluciones “back-end”, que serán mucho más beneficiosas a largo plazo.
1) Habilitar la compresión Gzip
Esta es una característica excelente y muy infrautilizada que admiten casi todos los principales servidores y servidores web (incluso WordPress) y que también es compatible con los principales navegadores del lado del usuario.
En pocas palabras, su servidor/host proporcionará automáticamente archivos comprimidos con Gzip a los usuarios, que son generalmente alrededor del 30% del tamaño de los archivos sin comprimir. Luego, los navegadores los decodifican sin problemas. La minúscula cantidad de tiempo extra dedicada a descomprimir los archivos se ve compensada con creces por el ahorro de datos.
Si no estás seguro de si esto ya está habilitado, Vaya aquí para una prueba rápida de su sitio web.. También tienen una guía excelente para habilitar Gzip en la mayoría de las plataformas principales.
2) Indexe su base de datos
Esto es especialmente eficaz para sitios de comercio electrónico que pueden tener cientos, o incluso miles, de páginas individuales con sus gráficos asociados. Es casi seguro que los enlaces se almacenan en una base de datos central, pero a medida que crece la colección de contenido, los tiempos de acceso a esa base de datos aumentarán para igualar.
Simplemente ejecutar una función de índice periódicamente en la base de datos reducirá enormemente la cantidad de tiempo que requiere el servidor para encontrar y devolver los elementos adecuados. Esto puede llevar fácilmente una página que requiere de 5 a 10 segundos para cargarse a 1 segundo o menos..
3) Carga diferida tus imágenes
¿Tiene un sitio web que utiliza un montón de imágenes de alta resolución o gran nivel de detalle y que no se pueden comprimir mucho sin arruinarlas? La carga diferida puede ser la respuesta.
En pocas palabras, esto significa que la página web no carga previamente todas las imágenes, sino que espera hasta que el usuario esté (casi) mirándolos.
Por lo tanto, no reduce el uso de datos, pero puede optimizar en gran medida los tiempos de carga inicial.
Hay un par de Javascripts buenos y relativamente fáciles de implementar que pueden manejar esto. Recomendamos cualquiera de los dos beLazy.js o eco.jsque tienen pocos gastos generales y son extremadamente pequeños (<1,5 kb).
Las 10 mejores herramientas de velocidad de página
4) Cree múltiples archivos gráficos con diferentes resoluciones
A muchos sitios web les gusta utilizar un solo archivo gráfico y luego hacer que el código HTML cambie automáticamente el tamaño de la imagen para que se ajuste a la página del usuario. Esto es más fácil para los diseñadores web y ocupa un poco más el espacio para ellos, pero es terrible para los tiempos de carga y el uso del ancho de banda.
Es necesario descargar el archivo completo, además hay tiempo de procesamiento adicional mientras la página web determina las dimensiones de la pantalla del usuario y escala la imagen para que coincida.
Requiere un poco más de trabajo y espacio en la parte posterior, pero tener varias versiones del mismo archivo con diferentes resoluciones preestablecidas reducir en gran medida el tiempo y el esfuerzo tomado del lado del usuario.
5) Minimizar el uso de códigos de seguimiento e incrustaciones para compartir en redes sociales
Sí, ya podemos escuchar las cabezas de su equipo de datos explotar. Sin embargo, el simple hecho es que cada código de seguimiento y cada inserción social que dependa de sitios web/servidores externos afectará significativamente aumentar los tiempos de carga. Esto puede ser un problema en navegadores antiguos y teléfonos de gama baja, provocando una mayor desaceleración.
Si está utilizando varios rastreadores, hable sobre consolidarlos en un solo rastreador. Y en lo que respecta a compartir en redes sociales… Claro, es bueno tener una docena de botones diferentes, pero ¿cuántas personas hay? de hecho haciendo clic en ellos?
Concéntrate en entre 2 y 4 redes sociales en las que tengas más acciones compartidas, en lugar de esperar que aparezca ese usuario perdido de Tumblr. El aumento de velocidad no vale ni un puñado de clics.
6) Utilice el almacenamiento en caché del lado del navegador
El almacenamiento en caché del navegador es casi tan antiguo como la World Wide Web, pero hasta hace poco su funcionalidad era limitada. Una página podría almacenar algunos elementos gráficos comunes en el navegador local para reducir el acceso al contenido, pero eso era todo.
Sin embargo, HTML5 amplía enormemente las opciones de almacenamiento en caché local. Almacenamiento local le permite almacenar grandes partes del sitio web una vez descargados, lo que agiliza la navegación.
Para páginas más avanzadas, consulte Almacenamiento en caché de aplicaciones. Esto permite aplicaciones web completamente funcionales que funcionan de forma remota/sin conexión desde la memoria caché del navegador del usuario.sin actualizaciones constantes de tu servidor.
7) Evite las redirecciones siempre que sea posible
Si hay un reloj corriendo cada vez que un usuario hace clic en un enlace en su sitio web, una redirección, Incluso un 301 reinicia ese reloj.. Este es otro caso en el que se justifica sacrificar un poco de SEO/clics en aras de una aceleración.
Utilice tantos enlaces directos como sea posibleen lugar de obligar a los navegadores a realizar múltiples redirecciones que sólo ralentizan la experiencia del usuario.
8) Habilite Keep-Alive en su servidor
Simplemente pon, Las funciones Keep-Alive significan que la página web establece una conexión TCP/HTTP única y permanente que dura mientras dura la transferencia de la página web.. Sin Keep-Alive, se interrumpe y reautoriza constantemente la conexión para cada archivo, lo que aumenta drásticamente los tiempos de carga y la sobrecarga del procesador.
La mayoría de los servidores ahora tienen habilitado Keep-Alive de forma predeterminada, pero eso no está garantizado. Algunos servidores web ahorrativos lo tendrán deshabilitado de forma predeterminada, ya que les ahorra un poquito de dinero. Verifique si tiene habilitado Keep-Alivey enciéndalo si no es así.
9) Obtenga ayuda de Google
Si no tiene otras ideas, es posible que Google pueda ayudarle. De acuerdo con su enfoque en la velocidad y la usabilidad, ahora tienen una versión gratuita Información de PageSpeed herramienta. Esto analiza páginas y señala cuellos de botella específicos. y otras áreas problemáticas, luego ofrece sugerencias para solucionarlos.
10) Si todo lo demás falla, considere las redes de distribución de contenido
Su implementación puede resultar costosa, por lo que Puede que esta no sea una opción para todos.. Sin embargo, las redes de distribución de contenido (CDN) como Frente a la nube de Amazon utilizar sistemas basados en la nube para almacenar en caché los sitios web y luego servirlos dinámicamente a los usuarios desde servidores ubicados geográficamente.
Las CDN pueden crear una verdadera diferencia entre el día y la noche en los tiempos de carga, especialmente si sus propios servidores tienen dificultades para satisfacer la demanda. Además, también agregan una confiabilidad considerable a su página web, lo que hace que las interrupciones sean mucho menos frecuentes.
En resumen: cuanto más rápido, mejor
Si hay una conclusión clave aquí, es simplemente esta: Prácticamente cualquier cosa que pueda hacer para acelerar los tiempos de descarga y al mismo tiempo (con suerte) reducir el uso de datos valdrá la pena.. Es demasiado fácil para un sitio de carga lenta perder visitantes, o incluso perder ubicación en los motores de búsqueda, como para que valga la pena tener algunas comodidades adicionales. /a>
No dejes que la hinchazón de la página web te frene. Sea inteligente con las funciones que implemente y recuerde priorizar la UX por encima de casi cualquier otro factor. Antes de ir, aquí hay una publicación detallada sobre la conexión entre la velocidad del sitio y el SEO para que la lea: https://seopressor.com/blog/connection-between-site-speed-and-seo-today/
¿Hay otros métodos que haya probado para aumentar la velocidad de su página? ¡Compártelo con nosotros dejando un comentario a continuación!
Winnie es una aspirante a redactora publicitaria y comercializadora de Internet en el vasto mundo del marketing digital. Ella es tan curiosa como puede ser; Buscando constantemente respuestas a sus preguntas, nunca diciendo no a nuevas experiencias. Cuando no está escribiendo, está en casa manteniéndose al día con su interminable maratón de películas y libros.
