Dos nuevos diseños de sitios web han crecido recientemente en popularidad a medida que los vendedores buscan formas limpias y concisas de contar la historia de su empresa. El diseño de una sola página es, lo adivinaste, un sitio web que utiliza una página web para mostrar todo el contenido del sitio. El desplazamiento de Parallax ha existido en los videojuegos durante años, pero se está convirtiendo en una parte cada vez más común de la función de desplazamiento de una página web. El desplazamiento de Paralaje utiliza varios fondos que parecen moverse a diferentes velocidades para crear un efecto 3D. A menudo, el diseño de una sola página y el desplazamiento de Parallax se utilizan juntos.
Es fácil ver por qué a las personas les encantan los sitios que utilizan estas técnicas de diseño. Son convincentes y fáciles de seguir. Sin embargo, debido a que todos los gráficos y texto están en una página y estos sitios a menudo utilizan vídeo, también pueden ser una pesadilla de rendimiento si no se optimizan correctamente.
Sitios de sumidero de páginas lentas
Como sabemos, los tiempos de carga de página y el tiempo de interacción (TTI) son métricas importantes para realizar un seguimiento a la hora de crear una gran experiencia de usuario. El tiempo óptimo de carga de la página sigue siendo inferior a tres segundos; más tiempo y los sitios corren el riesgo de perder clientes y ventas. (¿Qué tan rápido se carga su sitio web? Pruébalo aquí). Sin embargo, los sitios web no están haciendo un buen trabajo de cumplir con este estándar de la industria como una reciente encuesta de “Estado de la Unión” de Radware indica. De hecho, los tiempos de carga de página siguen siendo más lentos.
Otro lado de la creatividad
Los diseñadores web son creativos, pero ahora también necesitan ser creativos en términos de cómo abordan el rendimiento web. Aquí hay tres consejos a tener en cuenta al crear sitios web de desplazamiento de una sola página y Parallax:
- Tenga en cuenta que los efectos de red (búsqueda de DNS, latencia, interacciones de red integradas) tienen un impacto significativo y creciente basado en la geografía y el uso de elementos hospedados de terceros.
- Utilice JavaScript y Flash, junto con HTML y CSS, para ajustar más contenido en una página sin aumentar sustancialmente los tiempos de carga.
- Use la carga diferida para cargar solo el contenido visible para el usuario inmediatamente de inmediato. Mientras el usuario interactúa con ese contenido, cargue otro contenido para que el usuario no soporte interrupciones ni tiempo de espera. Las técnicas de carga diferida se pueden codificar de forma rígida en su sitio web con JavaScript mediante plugins.
- Utilice las herramientas de rendimiento del sitio web para probar el rendimiento de su sitio web con regularidad utilizando diferentes navegadores para garantizar que los cambios en el rendimiento del sitio web no afecten a la experiencia del usuario.
Los desarrolladores de sitios web que tienen en cuenta la estética y el rendimiento al utilizar estas nuevas técnicas de diseño web cosecharán las recompensas de un hermoso sitio que cumple con las expectativas de los usuarios para la velocidad de carga de la página, así como TTI.
