PESO DE LAS PÁGINAS WEB:

El año pasado por estas fechas los datos de HTTP Archive hacían ver que el peso
promedio de las páginas web era de 2 MB.

Un año después, en 2017 el peso promedio de las páginas web subió a 2,26 MB,
otro 10+ por ciento arriba respecto a 2016, cuando ya había engordado un 15 por
ciento respecto a 2015. Los archivos CSS, las hojas de estilos, han engordado un
tercio en los últimos doce meses.

Un año más se reduce el uso de Flash, la transferencia de contenidos Flash y

también disminuye el número de sitios web que usan Flash. A finales de 2015 un
20 por ciento de los sitios web usaban Flash — muchos todavía y más aún ahora
que Adobe ha enterrado Flash, o al menos su nombre.

En cambio el porcentaje de sitios web que utilizan tipografías personalizadas crece

y ya son el 60 por ciento de todos los sitios web monitorizados por HTTP Archive.
La técnica de usar tipografías personalizadas —como las de Google Fonts que no
son las nativas de la web— supone también un aumento en el peso de las páginas
web y en el tiempo de respuesta.

CARACTERÍSTICAS:

 Si una página web pesa 2 MB de poco sirve que su diseño web se adapte a
los móviles si la carga es más lenta y consume más tráfico móvil.
 Google penaliza las páginas que tienen sobrepeso.
 Una página web pesada y complejar resulta menos accesible.
 Los costes de hosting aumentan.
 Cuanto más código se utilice más probable será que tenga errores y su
actualización y mantenimiento será más difícil y costoso.

TECNOLOGIA INCREMENTO 2016 INCREMENTO 2017 INCREMENTO

DIAGRAMACION DE PÁGINAS WEB:

En el proceso de creación de sitios web, es altamente importante iniciar el

desarrollo pensando en las tecnologías que se utilizarán en el proceso de creación
del sitio web. En esta parte creamos prácticamente una pieza gráfica, con todos
los elementos respectivos de una página web, organizando y estructurando la
parte visual (interfaz gráfica) para los usuarios (internautas).

Designamos los colores predominantes de la página web, distribuimos los

espacios pensando en la comodidad de nuestros visitantes, designando tamaño y
posición del banner, estilo del menú (enlaces a páginas web internas o externas),
organización de la información (cuantas columnas, estilo de diagramación),
designamos tipos de letra (fonts), establecemos espacios designados para
enlaces con otras páginas web, redes sociales, bloggs, buscadores, directorios
etc... También a este proceso se puede denominar prototipo, donde se efectúan
los cambios necesarios en coordinación con nuestros clientes, para que en lo
futuro el producto final salga en conformidad de ambas partes (webmaster/cliente)
y no se tenga que reestructurar durante el proceso del desarrollo web, lo cual
demandaría tiempo y dinero.

CARACTERISTICAS:

1. El diseño visual de la información que se desea editar. En esta etapa se

trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos
y otros objetos multimedia que se consideren pertinentes. Es importante
que antes de 'escribir' la página web se realice un boceto o prediseño. Esto
facilitará tener un orden claro sobre el diseño.
2. Estructura y relación jerárquica de las páginas del sitio web. Para esto, y
fundamentalmente para manejar los vínculos entre documentos, se creó el
lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen
subrayados en este documento y otros de Wikipedia son ejemplos de
hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con
información relacionada. La importancia de la estructura y arborescencia
web radica en que los usuarios no siempre entran por la página principal o
inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido,
además permitirle navegar por el sitio.
3. Posicionamiento en buscadores o SEO. Ésta consiste en optimizar la
estructura del contenido para mejorar la posición en que aparece la página
en determinada búsqueda.