• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

Diseño Web

Basta de páginas web, pensemos en carteles

Sebastián Thüer · 02.12.2009 ·

web-poster

Primero fueron las páginas blancas llenas de texto. Luego llegaron iconos, botones e imágenes de fondo. Vino más tarde el tiempo de Flash y las webs de alto impacto. Alguien pensó que era mejor ordenar esta ensalada y entonces hicieron su entrada la arquitectura de la información y la usabilidad. El uso  de ajax explotó recientemente y se popularizaron los frameworsk como jQuery para usar javascript con un criterio claramente funcional.

¿Que se viene ahora?

La web está evolucionando hacia un medio donde por fin podemos diseñar con más libertad. La principal tarea del diseñador web siempre ha sido luchar contra las limitaciones del medio: colores limitados, tipografías limitadas, posicionamiento de elementos limitados, multimedia limitado. Los diseñadores web fueron muchas veces recopiladores de trucos y recetas para hacer que la web no ignorara la larga tradición de la humanidad en diseñar objetos agradables.

La popularización del CSS y la adpoción de estándares resolvieron muchos problemas. Pero no todos. La extrema preocupación por recrear un ambiente familiar al usuario hizo que muchas páginas web fuesen diferentes variaciones del hiperclásico esquema cabecera-menu-contenido-pie de página. Pero la dirección está cambiando.

Hace unos días el reconocido diseñador Paul Boag escribió Stop designing websites, start designing posters. En pocas palabras, Boag nos dice que el excesivo apego por las convenciones nos llevó a diseñar páginas web con un mismo molde que sea fáciles de comprender para el usuario. Sí, puede que sean fáciles pero resultan terriblemente aburridas.

La metáfora propuesta para renovar el diseño web es no pensar en páginas. Merjo, pensar en carteles. Atractivo visual, fáciles de ojear y con más información para el lector interesado. En un contexto de saturación y sobrepoblación de sitios y páginas la premisa básica del cartel vuelve a tener sentido. Ya no se trata de llenar la página de información para que el usaurio pueda «verlo todo», hay que escoger una o dos ideas sencillas, jerarquizarlas y presentarlas para salir a la captura de un usuario sobre saturado de mensajes.

Atractivo

Aun conservando los elementos estructurales básicos de una página es posible ser creativos y llamar la atención del usuario. En lugar de un listado interminable de características MailChimp optó por gráficos, colores y texto en gran tamaño para decirnos claramente que…

2010trends-mailchimp
MailChimp, gráficos y colores para crear un contraste atractivo
  1. Son un servicio para hacer marketing por e-mail
  2. Hay dos acciones destacadas: registrarnos o ver una demo de 2 minutos
  3. Una persona de un medio muy importante lo probó y habla bien de él.
  4. Nos dicen que incluye la versión gratuita y podemos ver la tabla de precios.
  5. Información extra: Principales características, una nueva funcionalidad destacada, clientes importantes que poseen y un pie de página con acciones, opciones y datos secundarios.

Usable

La creatividad no está reñida con la usabilidad. Diseñamos para que se entienda el mensaje y la web -salvo páginas artísticas/experimentales- no es la excepción. Podemos ser tremendamente innovadores en la gráfica, emplear una disposición transgresora de los elementos en el plano, o definir la comunicación con el usuario desde un enfoque novedoso pero siempre tenemos el mismo objetivo: hacer comprensible nuestro mensaje fácilmente.

Este es el eje de la usabilidad: crear objetos con los cuales resulte fácil y agradable interactuar. En pocos palabras, el usuario debe saber donde está, donde tiene que hacer clic y cómo moverse a lo largo del sitio.

2010trends-pixelcraft
PixelCraft, un diseño simple, atractvo y de fácil comprensión.

En Pixelcraft hay un buen ejemplo con un interesante uso del blanco.

  1. Al abrir la página centramos la atención en este apartado donde vemos algunos elementos clave que quiere promocionar el sitio. Luego de unos segundos la imagen cambia y completada la serie se reinicia. Un recurso sencillo, efectivo y fácilmente comprensible por el usuario.
  2. Luego de fijar la atención si bajamos encontramos vemos dos elementos que son centrales en una empresa del rubro: mostrarnos el portfolio de trabajos y decirnos qué áreas cubren. Un listado que recuerda a los planes de hosting comunica en poco espacio mucha información.
  3. Si no hacemos scroll tenemos el tercer elementos en importancia dentro de la página: el logotipo y la barra de navegación. Al saber que la mayoría de los usuarios conoce la ubicación de estos elementos no hay un énfasis innecesario en estos elementos que son claramente visibles y accesibles a lo largo de todo el sitio.
  4. Una vez obtenida la información básica (quienes son, qué hacen, qué los diferencia) bajamos para encontrarnos con texto que refuerza y amplia la información anterior. La información detallada está detrás de los enlaces.

En síntesis, un diseño claro, sencillo y elegante.

De un vistazo

En inglés scannable es la capacidad de un texto para ser recorrido fácilmente con la vista. Podría traducirse como «escudriñeable» pero no es una palabra que refleje el carácter apropiado. Cada vez más los usuarios se acostumbran a recorrer las pantalla buscando títulos y gráficos que permitan tener una idea del contenido en pocos segundos sin necesidad de detenerse a leer.

Esta es la tendencia y nada indica que se vaya a revertir. Un buen sitio nos tiene que transmitir rápidamente qué podemos esperar de él. Si hasta las citas personales se reducen a pocos minutos no hay razón para otorgarle más de unos segundos a una web.

2010trends-firefox
La web de Firefox, en pocos segundo descubrimos qué hay por hacer.

La webde Firefox es un excelente ejemplo ¿Por qué atormentarnos con datos si la principal razón por la cual llegan los usuarios es hacer clic en el botón de descarga? Es el primer elemento donde ponemos nuestros ojos y rápidamente podemos saber lo que obtendremos: la última versión de Firefox. Hacia la derecha tenemos un menú con opciones muy fáciles de entender para entrar en detalles.

Si no estamos desesperados por saber algo podemos bajar un poco y nos encontramos con el principal argumento por el cual debemos actualizar Firefox: es más rápido. Además vemos otro menú con las principales características del nuevo navegador.

Recién más abajo encontramos la información complementaria como la visita guiada, los premios o consejos para usar el programa. Y en un espacio totalmente marginal están los enlaces información que casi nadie lee: la política de privacidad.

Información claramente jerarquizada

Cuando hay mucha información hay que jerarquizar, escoger qué es importante y qué secundario. El cartel lleva este principio del diseño a su máxima expresión y generalmente está domininado por una única idea expresada a través de un título, una fotografía, una ilustración o una mezcla de todo.

2010trends-kanchi
Kanchi, unidades de información claramente diferenciadas.

No es necesario llegar a este punto en la web, pero un buen diseño nos debería permitir diferenciar lo importante de lo accesorio. Kanchi.org es un buen ejemplo. Desde la página inicial podemos ver que hay una clara jerarquía donde un titular que es una declaración de principios de esta organización domina la página. Un buen modo de identificar a qué se dedica esta organización sin necesidad de ir a la página de «Sobre nosotros».

Más abajo un video acompañado de un pequeño texto captar nuestra atención por el contraste de la imagen sobre el fondo negro. Y luego aparecen tres recuadros de idéntico tamaño con más información. Parece bastante claro por donde comenzar a navegar el sitio.

Conclusión

Con las limitaciones que tenían los primeros diseñadores web algunos hacían auténticas maravillas para acercarnos una web original, agradable y bonita. En ese entusiasmo inicial algunos se pasaron de la raya y terminaron por crear sitios intendentibles con las nuevas tecnologías que iban apareciendo.

Hoy, con la usabilidad como una disciplina indispensable para pensar la web y la progresiva asimilación de la web como un medio por parte de los usuarios asistimos a un escenario donde el diseño gráfico recobra su valor: tipografía, planos, fotografías, luces, colores… desde un minimalismo extremo hasta la ornamentación barroca el abanico de posibilidades es mucho mayor.

La metáfora de la web como un cartel nos permite salir del molde con el cual se crean muchas páginas y proyectar algo diferente. Sin caer en propuestas estrambóticas, el diseño web es hoy mucho más que acomodar un encabezado, menú y pie de página para que rodeen el contenido.

Primeras impresiones del rediseño en GigaOM

Sebastián Thüer · 25.11.2009 ·

Un buen rediseño puede ser tan (o más) apasionante que un diseño. GigaOM, uno de los medios especializados en tecnología más influyentes, acaba de presentar una nueva cara a medio camino entre un blog tradicional y una revista online. Resulta interesantes leer el post donde explican la transformación y los ejes básicos del proceso: legibilidad, integración con otros sitios de su red, capacidad de descubrir contenido y compartir la información a través de las redes sociales más extendidas como Facebook o Twitter.

A diferencia de otros sitios especializados en tecnología, GigaOM presenta un diseño austero, con gran protagonismo de los blanco y la tipografía. Con la tecnología de TypeKit pueden emplear un tipo no convencial para una página web como es Clifford que le da un caracter propio.

El nuevo diseño de GigaOM
El nuevo diseño de GigaOM.

El rediseño viene después de 2 años de la última renovación importante del sitio y tras haber escuchado a casi mil usuarios que dieron su opinión. El resultado es una página simple, sencilla de leer y con la información contextual convenientemente dosificada para no estar ante la sensación de desbordar de contenido. En el plano de los colores se repite el concepto de austeridad y emplean el azul (su color corporativo) con blanco, negro y grises.

En cierta medida, el diseño recuerda al tema Thesis para WordPress. Justamente GigaOM utiliza a WordPress como motor para su sitio y han logrado una buena solución para mostrar comentarios anidados sin que se pierda el hilo, algo que no es tan sencillo de resolver.

Comentarios anidados: Simplicidad y buen flujo de la lectura
Comentarios anidados: Simplicidad y buen flujo de la lectura.

El quiebre más significativo con un blog tradicional está en la página principal. Usualmente los blogs presentan los post ordenados cronológicamente y sin jerarquía. Cuanto mucho, mantienen en la parte superior un tema destacado que permanece fijo hasta que un nuevo tema destacado lo suplanta (como en este blog, por ejemplo).

En GigaOM optaron por una solución bastante original: tres temas principales dominan la parte superior con una imagen ilustrativa de cada uno. A continuación vienen 4 artículos con título y resumen cuyo principal interés están en que pueden organizarse al vuelo por tema. Más abajo hay títulos de artículos destacados y debajo finalmente aparecen las secciones.

La nueva home de GigaOM
La nueva home de GigaOM.

Sin dudas se trata de un diseño trabajado y muestra como llegar a soluciones visuales simples a partir de una trabajada arquitectura a la hora de organizar y filtrar la información visualmente.

Sobre GigaOM: Fundada por Om Malik en 2006, se trata de unos de los sitio referentes en temas de tecnología. Considerado uno de los blogs más influentes del medio, recientemente lanzó GigaOM Pro, una versión de pago con información de último momento y análisis en profundidad. Más sobre GigaOM

Crear sitios web educativos

Sebastián Thüer · 03.11.2009 ·

Foto de PhotoXpress
Foto de PhotoXpress

Crear sitios web para aprender es crear un tipo diferentes de páginas. En la última edición de A List Apart hay un interesante artículo titulado You Can Get There From Here: Websites for Learners escrito por Amber Simmons donde propone una serie de principios diferentes para webs educativas.

Si antes aprendíamos con libros sobre la mesa hoy la web es para los estudiantes el espacio natural por el cual comenzar cualquier búsqueda. Sin embargo, no todas las páginas web están pensadas para esta función. Simmons propone cuatro ideas clave para llevar adelante páginas web educativas:

  • Narrativa: Contar historias es la forma básica de aprender algo. Desde la tradición oral hasta la actualidad, todavía una buena historia seduce porque conecta la información con las emociones. En un sitio web la narración es construida por el propio usuario, emerge de las conexiones que realiza entre las unidades de información. Mientras se pueden observar estas relaciones con más claridad, más clara y significativa será la historia que puede construir.
  • Interacción: No se trata de crear sitios plagados de botoncitos e interfaces en Flash sino de formas más efectivas y persuasivas de relacionarnos con el contenido que se ofrece. Un sitio interactivo es aquel cuyos textos, fotografías y videos nos hacen descubrir cosas nuevas y cambian nuestra perspectiva de las cosas.
  • Contexto: Una misma historia adquiere significados diferentes de acuerdo al contexto dentro del cual se encuentra. Mientras más contextos se ofrezcan, más ricas y variadas son las historias que se pueden contar.
  • Encontrabilidad: El neologismo de Simmons es «discoverability» y se refiere a que el contenido del sitio pueda ser descubierto de diferentes maneras. Hay personas que se sienten a gusto con estructuras claras, esquemas organizados y una navegación tradicional (es mi caso, por ejemplo). Pero muchos otros chicos se aproximan a la información de una manera totalmente diferente: se dejan llevar por la curiosidad que hay detrás de un enlace y exploran de acuerdo a sus propios intereses. En ambos casos, lo importante es que ambos tipos de usuarios puedan encontrar aquello que buscan.

Sin duda estos son conceptos diferentes a los que empleamos para un sitio web comercial donde analizamos el comportamiento de los usuarios en torno a las conversiones. Algunos son interesantes, otros discutibles (no me queda demasiado claro el concepto de interactividad que propone Simmons) pero en conjunto permiten una aproximación desde un lugar distinto a la web como espacio de aprendizaje.

¿Que opinás de estas ideas? ¿Tuviste en cuenta alguna de estas para un sitio educativo?

  • Texto original: You Can Get There From Here: Websites for Learners

El desafío de mantenerse actualizado en diseño web

Sebastián Thüer · 21.10.2009 ·

Los diseñadores web, los desarrolladores y los propietarios de páginas web necesitamos estar actualizados sobre las últimas novedades del sector. Ya sea por interés, por presión del mercado o para no quedar con cara de sorprendido cuando nos mencionan alguna nueva sigla es importante seguir las tendencias.

En Boagworld han publicado «10 secrets to staying informed about web design» donde dan algunos consejos para mantenerse actualizado. Como en esta profesión lo que más suele faltar es tiempo lo mejor es configurarse un buen RSS y dejar que las noticias lleguen a nosotros en lugar de estar buscándolas nosotros.

El RSS de Paul Boag incluye los siguientes sitios:

Big Players

web design big players

Las publicaciones más importantes en el campo del diseño web, las tecnologías y los medios sociales.

  • Smashing Magazine
  • The Web Designers Depot
  • SitePoint
  • TechCrunch
  • Mashable

Publicaciones especializadas

publicaciones especializadas diseño web

Revistas digitales y blogs dedicados exclusivamente a temas vinculados con el diseño o desarrollo web.

  • A List Apart
  • Adaptive Path
  • Boxes And Arrows
  • Ideas on Ideas
  • Customer Experience Matters
  • Konigi

Personas

Individuos de referencia y que publican regularmente contenido de relevancia en diferentes temas:

  • Jeremy Keith: HTML5, Javascript, microformatos
  • Roger Johansson: accesibilidad, estántares web web
  • Bruce Lawson: HTML 5, accesibilidad
  • Richard Rutter: Tipografía web.
  • Sam Barnes: Project management.

¿Que hay en tu RSS?

¿Hay algún otro sitio que agregarías a la lista? ¿Quitarías alguno? ¿Te parece que podría armarse algo similar con sitios en español?

Buenas prácticas para mejorar la velocidad de tus sitios web

Sebastián Thüer · 19.10.2009 ·

speed
El tiempo de carga de un sitio es uno de los elementos más críticos para la experiencia de usuario. Y también uno de los temas técnicamente más complejos. Muchas veces los diseñadores web piensan que no se puede hacer mucho a respecto excepto contratar un hosting mejor o reducir el  tamaño de los elementos multimedia tanto como sea posible.

Error: Existen buenas prácticas que se pueden implementar para favorecer un mejor aprovechamiento de los recursos disponibles. No son complicadas de implementar y para hacerlo solo necesitamos conocerlas y hacernos con el hábito La mayor parte de los consejos han sido expuestos en Best Practices for Speeding Up Your Web Site, un excelente artículo del equipo de desarrollo de Yahoo donde analizan la forma de optimizar los tiempos de carga. Esta síntesis también incorpora mi experiencia profesional

1. Medir y analizar

La página web del periódico Clarín analizada con YSlow
La página web del periódico Clarín analizada con YSlow

Lo primero que tenemos que hacer para saber si podemos mejorar los tiempos de carga de nuestra página web es medir. Existen dos herramientas específicas para ello: YSlow de Yahoo y Page Speed de Google. Ambas funcionan sobre Firefox y requiern tener instalado Firebug, uno conocido plugin para Firefox que utilizan los desarrolladores para detectar errores y problemas en una página.

Al ejecutar cualquiera de estas herramientas en nuestra página obtendremos un informe donde nos indicarán aquellos aspectos que debemos mejorar para acelerar la carga de nuestras páginas.  Este es nuestro punto de partida para comenzar a mejorar.

2. Minimizar las peticiones al servidor

Foto por Whrelf Siemens (sxc.hu)
Foto por Whrelf Siemens (sxc.hu)

Es la clave para obtener sitios más rápidos. La mayor parte del tiempo los usuarios están esperando que se descargue contenido: la propia página web pero también los archivos que tiene vinculados como hojas de estilo, JavaScript, imágenes, animaciones en Flash. La especificación del protocolo HTTP 1.1 establece que cada navegador limite el número de descargas simultáneas a 2. Por lo tanto, es mejor unificar todas las hojas de estilo en un solo archivo y hacer lo mismo con JavaScript.

En cuanto a las imágenes, una técnica interesante es usar CSS Sprites que consiste básicamente en crear una única imagen con todos los gráficos y luego trabajar mediante CSS con el posicionamiento. Por ejemplo, puedo crear la siguiente imagen para un menú:

speed-file

Como vemos están todas las opciones y hay dos versiones: una normal y otra para cuando el usuario coloca el cursor encima. Mediante CSS simplemente podemos indicarle que desplace la imagen hacia arriba. Si te interesa esta técnica concer más sobre esta técnica de CSS Sprites te recomiendo leer “CSS Sprites: Image Slicing’s Kiss of Death” en A List Apart.

3. Optimizar el tamaño de tus archivos

ruler size
Seguramente el código que generás para una página web está hecho a tu medida para que puedas comprenderlo fácilmente. De esta forma el desarrollo y las actualizaciones son mucho más fáciles. Una idea interesante es crear una copia optimizada de estos archivos y utilizarla en lugar de los originales. Lo de optimizar tiene dos partes. Por un lado revisar el código para ver si no hay información redundante. Ejemplo: En lugar de esto:

H2 {
Font-family: Arial, Helvetica, sans-serif;
Font-weight: bold;
Font-size: 1.8em;
color: #cc0000;
}

H3 {
Font-family: Arial, Helvetica, sans-serif;
Font-weight: bold;
Font-size: 1.4em;
color: #cc0000;
}

H4 {
Font-family: Arial, Helvetica, sans-serif;
Font-weight: bold;
Font-size: 1.2em;
color: #00000;
}

¿Por qué no definir para las 3 etiquetas todo lo que tienen en común y luego modificar el tamaño y el color que es lo único que varía?

H2,H3,H4 {
font:bold  1.8em Arial, Helvetica, sans-serif;
color: #cc000;
}

H3 {
font-size: 1.4em
}

H4 {
font-size: 1.2em;
color: #000000;
}

La otra parte es comprimir el código eliminando comentarios, tabulaciones, espacios y otros elementos que el navegador no necesita par interpretar correctamente la página. Esto es especialmente importante para archivos externos como los JavaScript o CSS. Hay dos herramientas conocidas para hacer esto: YUI Compressor y JSMIN.

4. Emplear de forma inteligente la caché

idea

El protocolo HTTP 1.1 incorpora una serie de etiquetas que permiten especificar si el contenido de una página puede alojarse en la memoria caché o no.  Como sabemos, el contenido cacheado se lee más rápido porque se consulta una vez y luego queda alojado en la memoria que reserva el navegador.

Si tenemos una página estática que no se va a modificar, lo más lógico sería establecer que se pueda cachear el contenido de forma indeterminada. Lo hacemos con la siguiente etiqueta:


Si sabemos que el contenido se va a mantener sin cambios hasta una cierta fecha podemos especificar la “fecha de vencimiento” de la página:


Esto significa que el contenido de la página está vigente hasta las 10 de la mañana del 26 de octubre de 2009. Un dato importante: el día y hora se especifica en GMT, es decir habrá que ajustar el valor según la diferencia que tengamos en el uso horario con el meridiano de Greenwich. El tema del manejo de caché es muy interesante y realmente útil si tu web tiene usuarios que retornan a ella. Podés leer la especificación del HTTP 1.1 a respecto o visitar Web-Caching.com, donde hay un buen tutorial sobre cómo funciona el tema. Otro buen tutorial de caché lo encontrás Mnot.net.

5. Activar GZIP

Foto por Ale Paiva (sxc.hu)
Foto por Ale Paiva (sxc.hu)

Según las mediciones de Yahoo el 90% del tráfico de Internet se realiza a través de navegadores que soportan la compresión de datos. GZIP es el formato más conocido y extendido para ello. Este tema se maneja directamente en la configuración del servidor.

Es posible establecer qué tipo de archivos se enviarán comprimidos y para evitar problemas lo mejor es limitar GZIP solo a los archivos que contengan texto: HTML, CSS y Javascript, por ejemplo. Aplicar GZIP a una imagen JPG o un documento PDF puede producir dos efectos no deseados: incrementar el consumo de CPU del servidor y terminar incrementando el tamaño final del archivo.

6. Usar archivos externos (¡y ubicarlos bien!)

files

Lo primero es algo elemental: el código JavaScript y CSS de una página debe estar en archivos externos. Hay un mejor rendimiento porque el archivo se aloja en la caché y por lo tanto se descarga una sola vez. Además, es mucho más sencillo hacer un mantenimiento y modificamos los cambios en un solo lugar.

El otro tema es ubicarlos correctamente. Los desarrolladores de Yahoo han hecho una serie de test y el mejor rendimiento se obtiene ubicando el CSS al comienzo y el JavaScript al final. Siempre que sea posible hay que hacer esto. Al ubicar el CSS dentro del HEAD de la página permitimos que la página se pueda construir de forma progresiva a medida que se descarga el contenido. Es bastante desagradable comenzar a leer un texto y que cambie su formato porque el CSS que lo modifica está al final de la página.

Con JavaScript sucede al revés. Mientras se descarga un archivo JavaScript no se procesa otra petición, por lo cual lo más óptimo resulta ubicarlos al final una vez que se descargó el resto del contenido de la página. Esto no siempre es posible ya que muchas veces se requiere inicializar algunos elementos al inicio del documento, especialmente se va a escribir una parte de la página web utilizando document.write. Pero siempre que sea posible la opción de cargar el JavaScript al final es preferible. Y como vimos en el apartado sobre minimizar las peticiones al servidor, mejor unificar todo el código en un único archivo.

6. No recargar tu servidor

servidor

La elección de un hosting adecuado es una tarea que no debe desvalorarse. Hay que invertir tiempo, organizarse y tener algunos conocimientos técnicos para realizar una buena decisión. Pero a pesar de todo puede que tu servidor te esté quedando chico porque el tráfico siguió creciendo pero los recursos disponibles no.

Una alernativa más o menos rápida es aprovechar los diferentes servicios de hosting de imágenes y video que hay disponibles como Flickr, YouTube u otros. El video particularmente consume mucho ancho de banda y si nuestro hosting no es potente mejor alojarlo en otro lado.

Otra opción a considerar es utilizar la CDN de Google que incluye algunas librerías de uso frecuente como jQuery, Prototype o inclusive la Yahoo User Interface Library (YUI). Una Content Delivery Network o CDN es una red distribuida de computadoras con la misma información que es ofrecida por el servidor más cercano al usuario. Además, está la posibilidad el use algún servicio de Google con lo cual alguna de estas librerías estarán en la caché de su navegador.

Existen soluciones CDN profesionales como Amazon S3/Cloud Front, Akamai o EdgeCast Networks pero en general son muy costosas para un sitio web normal.

Otra técnica interesante para mejorar el rendimiento es usar subdominios para alojar algunas partes de tu sitio como lo explican en Maestros del Web. Como un servidor puede responder a un número limitado de peticiones al mismo tiempo una posibilidad es desviar parte del tráfico a otro servidor. La forma más sencilla es emplear un subdomino para el contenido estático como pueden ser imágenes o código JavaScript. Pero antes de meter mano esto lo mejor es hablar con la empresa que te proporciona el hosting y verificar que podés hacer esto.

Conclusión

Con el crecimiento de las conexiones de banda ancha también ha crecido la complejidad de los sitios web y el tamaño de las páginas. No hay que olvidar que la velocidad es un elemento fundamental en la experiencia del usuario y por lo tanto cualquier proceso de rediseño o mejora debe incluir mejoras en este apartado.

Más allá de contar con un buen servicio de hosting adecuado al tráfico y las necesidades del sitio hay algunos aspectos concretos sobre el cual los diseñadores web pueden trabajar para obtener un mejor rendimiento de sus páginas. El primer paso es medir el rendimiento de su sitio web con herramientas como YSpeed o PageSlow. Y a partir de allí implementar las técnicas apropiadas que te permitan aprovechar al máximo tu servidor como eliminar el número de conexiones simultáneas, reducir el tamaño de los archivos, implementar la compresión de datos, emplear con inteligencia la caché del navegador y aprovechar los recursos que ofrecen las grandes empresas especialmente para archivos de gran tamaño como videos.

Y si todo esto no alcanza es hora de estudiar más, contratar un hosting mejor o consultar con un especialista.

  • « Ir a la página anterior
  • Página 1
  • Páginas intermedias omitidas …
  • Página 23
  • Página 24
  • Página 25
  • Página 26
  • Página 27
  • Páginas intermedias omitidas …
  • Página 38
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder