SlideShare una empresa de Scribd logo
1 de 9
MIGUEL CARDENAS
 PAOLA VARGAS
1.DUPLICA LOS ELEMENTOS DE NAVAGACION
Si la página va a tener un tamaño superior a dos tres
ventanas, conviene situar los elementos de navegación
en el encabezado y pie de la misma.
2. AÑADE ENLACES AL PRINCIPIO DE LA PÁGINA
Si la página es larga, es necesario situar al
final de ella e incluso por el medio hipervínculos que
apunten al inicio de la misma.
3. Define una estructura sencilla de navegación
Es recomendable utilizar una estructura jerárquica sencilla
a partir de una página índice evitando abusar de los
enlaces que saltan de una rama a otra.
4. AÑADE UNA PALETA DE NAVEGACIÓN TEXTUAL
Si utilizas una paleta de navegación a base de gráficos,
incorpora otra paleta adicional a base de enlaces de
texto. De esta forma el usuario no tendrá que esperar a
que se carguen las imágenes para saltar a otra página.
5. PROPORCIONA SIEMPRE ÍNDICES
Sitúa siempre que sea posible un índice con el contenido
del sitio. Sitúalo al principio, lateral o final de cada una de
las páginas para que sea siempre accesible
1.TAMAÑO DE LAS PÁGINAS
Las personas no suelen hacer scroll. Por este motivo las páginas
no deben ser más largas del doble de la pantalla. Fracciona el
texto en varias páginas cuando el tamaño del mismo sea
excesivo para una página.
2. IDENTIFICACIÓN DE LAS PÁGINAS
Es interesante situar información del centro o proyecto
en el pie o encabezado de todas las páginas. Incluso con
posibilidad de acceder a un email de contacto o a la página
índice
3. Enlaces
-Escribe el texto como si no tuviera enlaces. Evita enlaces con el
texto:
"Pincha aquí" porque alteran la normal lectura del texto.
-Evita textos demasiado largos como enlace. Para no dificultar
la lectura.
1. negrita: no abuses del uso de la negrita destacando
gran cantidad de texto ni del uso de mayúsculas porque
son más difíciles de leer.
2. Tipos de fuente: Utiliza fuentes habituales porque el
usuario debe tenerla instalada
en su equipo para poder ver el texto con ella a través del
navegador web. Si utilizas
una fuente enlazada para edades tempranas (Edelfont,
Memima, etc.) recuerda que el
texto no se mostrará con ella si el usuario no tiene
instalada esta fuente en ella.
3. Tamaño de la fuente: Utiliza los estilos de párrafo para
modificar el tamaño de los
textos.
4. Capitalización. Un título es más atractivo con todas las
iniciales en Mayúsculas y el resto en minúsculas que todas
en Mayúsculas.
5. Variedad de fuentes. No conviene abusar del número
de tipos de fuente distintas a
utilizar en un documento. Basta con una o dos (texto y
titulares)
1. Tamaño de una imagen enlazada: Si se inserta un
enlace a una imagen de cierto
peso conviene situar una vista en miniatura de escaso
peso indicando el tamaño del
archivo que la contiene.
2. Imágenes de fondo: Utiliza imágenes de fondo de
colores adecuados que no oculten
el texto de la página. Tendrán una tonalidad parecida al
color de fondo y de baja
calidad para que se descarguen rápidamente.
3. Imágenes decorativas: No abuses del uso de imágenes
no significativas. Dosifica el
número de imágenes de una página para evitar las
esperas durante su descarga.
4. Dimensiones de una imagen: Indica la altura y anchura
de la imagen al insertarla en
una página. De esta forma al descargarse la página
ya se reserva el espacio para
mostrarse una vez se complete la imagen.
5. Descarga progresiva: Configura tus imágenes de cierto
peso para que realicen la
visualización progresiva conforme se vayan descargando.
6. Ahorro de imágenes: Trata de usar el mismo archivo de
imagen tantas veces como
sea posible para acelerar la visualización.
7. Formato de imágenes: Usa GIF y PNG siempre que sea
posible. Para las fotografías es
mejor el formato JPEG.
Guía de optimización de páginas web para mejorar la experiencia del usuario

Más contenido relacionado

Similar a Guía de optimización de páginas web para mejorar la experiencia del usuario

Usabilidad de las paguinas web
Usabilidad de las paguinas webUsabilidad de las paguinas web
Usabilidad de las paguinas webmyguel100
 
Actividad n3
Actividad n3Actividad n3
Actividad n3marcos_77
 
8 Ideas Escribir Contenidos
8 Ideas   Escribir Contenidos8 Ideas   Escribir Contenidos
8 Ideas Escribir ContenidosGonzalo Suárez
 
Diapositiva Exitosa.pptx
Diapositiva Exitosa.pptxDiapositiva Exitosa.pptx
Diapositiva Exitosa.pptxFoxDesing
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas webIgnacio Reyes
 
Notas Taller Diseño Web para OSC´s
Notas Taller  Diseño Web para OSC´sNotas Taller  Diseño Web para OSC´s
Notas Taller Diseño Web para OSC´sGuillermo Hsz
 
Principios elementales de maquetación WEB
Principios elementales de maquetación WEBPrincipios elementales de maquetación WEB
Principios elementales de maquetación WEBJavier Navarro
 
10-reglas-oro-crear-presentacion-diapositivas-exitosa.ppsx
10-reglas-oro-crear-presentacion-diapositivas-exitosa.ppsx10-reglas-oro-crear-presentacion-diapositivas-exitosa.ppsx
10-reglas-oro-crear-presentacion-diapositivas-exitosa.ppsxInversionesNahianair
 
Idsaia mendoza- airamvier-doc
Idsaia   mendoza- airamvier-docIdsaia   mendoza- airamvier-doc
Idsaia mendoza- airamvier-docairamvier mendoza
 
Manual de creacion de una página web
Manual de creacion de una página webManual de creacion de una página web
Manual de creacion de una página webJonathan160597
 
Hipervinculo
HipervinculoHipervinculo
HipervinculoMnicaABC
 
Guía de escritura en Medios y Redes
Guía de escritura en Medios y RedesGuía de escritura en Medios y Redes
Guía de escritura en Medios y RedesMedios y Redes
 
Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]mapebil
 

Similar a Guía de optimización de páginas web para mejorar la experiencia del usuario (20)

Usabilidad de las paguinas web
Usabilidad de las paguinas webUsabilidad de las paguinas web
Usabilidad de las paguinas web
 
Actividad n3
Actividad n3Actividad n3
Actividad n3
 
8 Ideas Escribir Contenidos
8 Ideas   Escribir Contenidos8 Ideas   Escribir Contenidos
8 Ideas Escribir Contenidos
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
Diapositiva Exitosa.pptx
Diapositiva Exitosa.pptxDiapositiva Exitosa.pptx
Diapositiva Exitosa.pptx
 
DiseñO Web
DiseñO WebDiseñO Web
DiseñO Web
 
5 segundos
5 segundos5 segundos
5 segundos
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas web
 
Prezi
PreziPrezi
Prezi
 
Notas Taller Diseño Web para OSC´s
Notas Taller  Diseño Web para OSC´sNotas Taller  Diseño Web para OSC´s
Notas Taller Diseño Web para OSC´s
 
Principios elementales de maquetación WEB
Principios elementales de maquetación WEBPrincipios elementales de maquetación WEB
Principios elementales de maquetación WEB
 
10-reglas-oro-crear-presentacion-diapositivas-exitosa.ppsx
10-reglas-oro-crear-presentacion-diapositivas-exitosa.ppsx10-reglas-oro-crear-presentacion-diapositivas-exitosa.ppsx
10-reglas-oro-crear-presentacion-diapositivas-exitosa.ppsx
 
Idsaia mendoza- airamvier-doc
Idsaia   mendoza- airamvier-docIdsaia   mendoza- airamvier-doc
Idsaia mendoza- airamvier-doc
 
20 leyes heuristicas usabilidad
20 leyes heuristicas usabilidad20 leyes heuristicas usabilidad
20 leyes heuristicas usabilidad
 
Manual de creacion de una página web
Manual de creacion de una página webManual de creacion de una página web
Manual de creacion de una página web
 
Hipervinculo
HipervinculoHipervinculo
Hipervinculo
 
Guía de escritura en Medios y Redes
Guía de escritura en Medios y RedesGuía de escritura en Medios y Redes
Guía de escritura en Medios y Redes
 
Escritura web
Escritura webEscritura web
Escritura web
 
Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]Taller Urbanidad Blogs[1]
Taller Urbanidad Blogs[1]
 

Último

Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASpaotavo97
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Curso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfCurso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfirisvanegas1990
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfDamarysNavarro1
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfAsol7
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 

Último (20)

Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Curso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfCurso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdf
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdf
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 

Guía de optimización de páginas web para mejorar la experiencia del usuario

  • 2. 1.DUPLICA LOS ELEMENTOS DE NAVAGACION Si la página va a tener un tamaño superior a dos tres ventanas, conviene situar los elementos de navegación en el encabezado y pie de la misma. 2. AÑADE ENLACES AL PRINCIPIO DE LA PÁGINA Si la página es larga, es necesario situar al final de ella e incluso por el medio hipervínculos que apunten al inicio de la misma. 3. Define una estructura sencilla de navegación Es recomendable utilizar una estructura jerárquica sencilla a partir de una página índice evitando abusar de los enlaces que saltan de una rama a otra.
  • 3. 4. AÑADE UNA PALETA DE NAVEGACIÓN TEXTUAL Si utilizas una paleta de navegación a base de gráficos, incorpora otra paleta adicional a base de enlaces de texto. De esta forma el usuario no tendrá que esperar a que se carguen las imágenes para saltar a otra página. 5. PROPORCIONA SIEMPRE ÍNDICES Sitúa siempre que sea posible un índice con el contenido del sitio. Sitúalo al principio, lateral o final de cada una de las páginas para que sea siempre accesible
  • 4. 1.TAMAÑO DE LAS PÁGINAS Las personas no suelen hacer scroll. Por este motivo las páginas no deben ser más largas del doble de la pantalla. Fracciona el texto en varias páginas cuando el tamaño del mismo sea excesivo para una página. 2. IDENTIFICACIÓN DE LAS PÁGINAS Es interesante situar información del centro o proyecto en el pie o encabezado de todas las páginas. Incluso con posibilidad de acceder a un email de contacto o a la página índice 3. Enlaces -Escribe el texto como si no tuviera enlaces. Evita enlaces con el texto: "Pincha aquí" porque alteran la normal lectura del texto. -Evita textos demasiado largos como enlace. Para no dificultar la lectura.
  • 5. 1. negrita: no abuses del uso de la negrita destacando gran cantidad de texto ni del uso de mayúsculas porque son más difíciles de leer. 2. Tipos de fuente: Utiliza fuentes habituales porque el usuario debe tenerla instalada en su equipo para poder ver el texto con ella a través del navegador web. Si utilizas una fuente enlazada para edades tempranas (Edelfont, Memima, etc.) recuerda que el texto no se mostrará con ella si el usuario no tiene instalada esta fuente en ella. 3. Tamaño de la fuente: Utiliza los estilos de párrafo para modificar el tamaño de los textos.
  • 6. 4. Capitalización. Un título es más atractivo con todas las iniciales en Mayúsculas y el resto en minúsculas que todas en Mayúsculas. 5. Variedad de fuentes. No conviene abusar del número de tipos de fuente distintas a utilizar en un documento. Basta con una o dos (texto y titulares)
  • 7. 1. Tamaño de una imagen enlazada: Si se inserta un enlace a una imagen de cierto peso conviene situar una vista en miniatura de escaso peso indicando el tamaño del archivo que la contiene. 2. Imágenes de fondo: Utiliza imágenes de fondo de colores adecuados que no oculten el texto de la página. Tendrán una tonalidad parecida al color de fondo y de baja calidad para que se descarguen rápidamente. 3. Imágenes decorativas: No abuses del uso de imágenes no significativas. Dosifica el número de imágenes de una página para evitar las esperas durante su descarga.
  • 8. 4. Dimensiones de una imagen: Indica la altura y anchura de la imagen al insertarla en una página. De esta forma al descargarse la página ya se reserva el espacio para mostrarse una vez se complete la imagen. 5. Descarga progresiva: Configura tus imágenes de cierto peso para que realicen la visualización progresiva conforme se vayan descargando. 6. Ahorro de imágenes: Trata de usar el mismo archivo de imagen tantas veces como sea posible para acelerar la visualización. 7. Formato de imágenes: Usa GIF y PNG siempre que sea posible. Para las fotografías es mejor el formato JPEG.