LOS SECRETOS PARA CREAR PÁGINAS QUE CARGAN RÁPIDO Y FÁCIL DE NAVEGAR Preparado Por Prof. Edgar Lopategui.

Presentación del tema: "LOS SECRETOS PARA CREAR PÁGINAS QUE CARGAN RÁPIDO Y FÁCIL DE NAVEGAR Preparado Por Prof. Edgar Lopategui."— Transcripción de la presentación:

1 LOS SECRETOS PARA CREAR PÁGINAS QUE CARGAN RÁPIDO Y FÁCIL DE NAVEGAR Preparado Por Prof. Edgar Lopategui

2 Gráficas Texto Tecnología que se emplea en las páginas WWW Servidor * Contenido * PÁGINAS QUE CARGAN RÁPIDO

3 GIF: –Comprime los archivos –Se pueden abrir de nuevo sin el temor de perder información JPEG: –Se especifica el grado de compresión: »Bajo, Mediano o Alta (Se recomienda el mediano) –Si se abren de nuevo se puede perder información * Gráficas - Formatos * PÁGINAS QUE CARGAN RÁPIDO

4 GIF (Archivos Comprimidos): –Animación –Trabajos de arte Lineal –Texto de gráficas –256 colores (emplear la menor cantidad de colores posibles) * Gráficas - Formatos * PÁGINAS QUE CARGAN RÁPIDO JPEG (Se Puede Especificar la Compresión : –Fotografía –Trabajo de arte, 3D, Mezclas, Sombras –16 millones de colores –Anti-aliasing: Recargado (para texto es malo)

5 Cualquier gráfica solamente emplea 216 colores (colores seguros para navegadores): –Cualquier computadora PC o Mac reconoce un máximo de 256 colores, solo 216 de estos colores son comunes en los navegadores y sistema operativos –No se deben mezclar (dithering), solamente contrastar los colores. –Emplear no más de 35 colores PÁGINAS QUE CARGAN RÁPIDO * Gráficas - Recomendaciones *

6 La gráfica no debe ser mayor de 30 K: –Comunmente, si la gráfica no subre entre 5 y 10 segundos, el visitante se aburre y pasa a otra dirección en el Web –Reusar la imágenes: Evitar transferir imágenes de 30k o 10k para cada página Al reusar imágenes, la transferencia puede ser de 5k a 10k por página PÁGINAS QUE CARGAN RÁPIDO * Gráficas - Recomendaciones *

7 Reducir la imagen a una profundidad o resolución de 8 bits (256 colores): –Paleta de 256 –No mezclan efectivamente (dithering) Convertir la imagen en un índice de color: –Paleta que selecciona un límite específico de colores de la imagen hasta un máximo de 256: »Esto reduce el tamaño del archivo sin sacrificar su resolución »Como resultado, la imagen carga más rápido en la página WWW PÁGINAS QUE CARGAN RÁPIDO * Gráficas - Recomendaciones *

8 Recomendaciones en cuanto a la configuración de la gráfica: dot per inch (dpi): –72 dpi (monitores exhiben de 72 a 96 dpi) Resolución: 640 X 480 GIF Transparentes (Eliminan lo Blanco): –Evitarlas, puesto que toman tiempo en cargar GIF Interlaced: Evitarlas, JPEG Progresivo: Evitarlas PÁGINAS QUE CARGAN RÁPIDO * Gráficas - Recomendaciones *

9 Almacenar las gráficas dentro de una carpeta/archivó común para todas las páginas creadas: –Reusar las gráficas Colocar en el cache (área de almacenaje en la memoria o disco duro) del navegador de el usuario: –Reusar las gráficas - cargan rápido Eliminar todo lo que esté en exceso de la imagen PÁGINAS QUE CARGAN RÁPIDO * Gráficas - Recomendaciones *

10 http://www.netmechanics.com Programa de Compresión: http://emblaze.com PÁGINAS QUE CARGAN RÁPIDO * Gráficas - Direcciones/URL *

11 WIDTH =512 HEIGHT=100> PÁGINAS QUE CARGAN RÁPIDO * Gráficas - Baja Resolución * Pegar este último código al final del documento

12 PÁGINAS QUE CARGAN RÁPIDO * Texto - Recomendaciones * Eliminar cualquier basura que no se necesite: –Limpiar el Texto (HTML) - Un programa bueno para esto es DrumBeat. También se puede utilizar Note Pad. Cotege su programa de diseño de páginas WWW, puede producir inflación de los visualizado (navegadores del Web): –Pueden añadir texto innecesario (e.g., )

13 PÁGINAS QUE CARGAN RÁPIDO * Texto - Recomendaciones * Tipografía: –Emplear tipos de letras comunes para todas las computadoras (e.g., Times Roman, Arial, Helvetica, entre otras)

14 PÁGINAS QUE CARGAN RÁPIDO * Servidores * Colocar nuestros archivos en servidores que son geográficamente cerca a los usuario, no a nosotros, es pro a ellos Considerar el sistema operativo que emplea el servidor: –El más rápido es UNIX Considerar la versión del protoloco de hipertexto: –El más rápido es HTTP 1.1

15 PÁGINAS QUE CARGAN RÁPIDO * Servidores * Considerar la velocidad del CPU del Servidor (Debe aser Rápido): –Recomendado: » Pentium Pro »Power PC Considerar la memoria del servidor (mucha): –Recomendado: » De 256 K a 512 K

16 PÁGINAS QUE CARGAN RÁPIDO * Servidores * El servidor hace un cache de tus páginas: –Las mantiene en memoria Considerar el ancho de banda: –Recomendado: » Modem de 56 K »T1 fraccionada (e.g., 5 canales) »DSL/ISDN »T1 completa, Cable »T3 »OC3, OC12, C48

17 PÁGINAS QUE CARGAN RÁPIDO * Servidores * Si se sale de la Columna Vertebral (Backbone) principal de la internet

18 PÁGINAS QUE CARGAN RÁPIDO * Tecnología * Audio: –Emplear solo lo que es compatible con las PC o Mac: » Evitar el uso de Wave y Midi »Emplear Real Audio Versio 2.0 Video: –Emplear Real Video: »Streaming »Quiktime ver 1.0 (Compatible)

19 PÁGINAS QUE CARGAN RÁPIDO * Tecnología * Animación: –Evitar plugins de: » Shockwave »Flash »Otras tecnologías Evitar lo incrustado (EMBED):