Desde el inicio hasta el final del 2017, el tiempo promedio de carga de la página de escritorio para las wikis de FANDOM disminuyó en un 46%, gracias a todo el desarrollo de la modernización en el último año.
Sin embargo, esa fue solo la punta del iceberg, y nuestro equipo ha estado trabajando duro en algunas mejoras de rendimiento significativas en el sitio móvil. Ya hemos visto una gran cantidad de éxitos, eliminando varios segundos de los tiempos de carga para los usuarios en las conexiones de datos móviles.
Entonces, ¿cómo llegamos allí?
Los pasos que hemos tomado[]
Al medir los tiempos de carga, hay múltiples factores por considerar. Estos son los principales, tanto para dispositivos móviles como para escritorio:
- Primera Pintura Significativa. Este es el momento donde los elementos principales de la página sobre “la tapa” (definida como las partes inmediatamente visibles de la página) se cargan.
- Tiempo para Interactuar. El punto en el que puedes comenzar a interactuar con la página y consumir el contenido que es lo que has venido a hacer.
Para lograr mejoras en esas dos áreas, hemos estado trabajando en una amplia variedad de mejoras. Algunas de estas ya están en vivo:
- Hemos re-arquitecturado extensivamente el diseño de dispositivos móviles removiendo código que no es usado activamente. Por ejemplo, los archivos CSS y JS han sido reducidos significativamente en tamaño, lo que permite tiempos de carga más rápidos.
- Hemos vuelto a trabajar en el orden en el que se cargan los activos de la página, asegurándonos de que las cosas más útiles carguen primero, junto con la reducción de la frecuencia con la que se mueven los elementos alrededor de la página durante el proceso de carga.
- Hemos optimizado el número de lo que se conoce como “dependencias”, así como la conexión a nuestro proveedor de imágenes miniaturas. Esto significa que las imágenes se cargan más rápido.
Esto resultó en mejoras significativas para todos. A continuación, puedes ver una comparación de carga de página entre la nueva experiencia de carga móvil y lo que teníamos incluso a principios del 2018. El siguiente vídeo fue grabado en una red 3G con un teléfono Moto G4.
Los Resultados[]
Hemos analizado muchas páginas distintas al probar estas mejoras, pero a continuación se presenta un aspecto bastante estándar de lo que significa para tu experiencia móvil.
- Primera Pintura Significativa pasó de 2.8 segundos hasta aproximadamente 1.1 segundos, una reducción de 60%.
- Tiempo para Interactuar pasó de 7 segundos a aproximadamente 3.4 segundos, una reducción de 51%.
¡Y no son solo los wikis móviles! FANDOM Noticias e historias y Discusiones ahora también son mucho más rápidas en ambos dispositivos móviles y de escritorio. Entre esto y nuestro trabajo en computadoras de escritorio en 2017, todo el sitio ahora se carga significativamente más rápido que hace un año.
Beneficios y siguientes pasos[]
Tener una página más rápida viene con beneficios más allá de simplemente ser una experiencia más placentera para los visitantes. Significa que cada vez más personas pasan más tiempo leyendo tu contenido. Nuestros datos muestran que a medida que los tiempos de carga de la página disminuyen, la cantidad de páginas que los usuarios ven por sesión aumenta.
Por supuesto, no hemos terminado — ¿cuándo lo haremos? — tenemos planeadas más mejoras. Éstas incluyen:
- Trabajar en una carga más rápida para la primera imágen en una página, simplificando el orden en el que los elementos del artículo cargan, y permitiendo un movimiento más rápido entre páginas.
- Analizar posibles cambios adicionales que podamos realizar a los comerciales y tiempos de carga de anuncios.
- Estudiar cómo los motores de búsqueda rastrean el sitio, buscando más oportunidades para clasificarse aún más en los resultados de búsqueda.
Junto a los esfuerzos que hicimos el año pasado para modernizar la experiencia wiki, además de las mejoras en los tiempos de carga en las Discusiones y editoriales de FANDOM, los usuarios móviles ahora tienen un acceso mucho más rápido a la amplia gama de contenido de FANDOM. ¡El trabajo continúa en la Modernización Móvil y esperamos brindarte más actualizaciones en el futuro!
¿Quieres recibir las últimas actualizaciones del blog de Fandom en español? ¡Haz clic aquí para seguir este blog!
¡Estamos realizando experimientos! ¡Aprende más sobre qué tipo de eventos y otras cosas hemos hecho o planeamos hacer!
¿Quieres hablar en tiempo real con otros editores y staff?
¡Únete a nuestro servidor oficial de Discord para usuarios registrados!
