Peso de las páginas

60 %
40 %
Information about Peso de las páginas

Published on March 21, 2014

Author: lilianaberenicerosalesamezcua

Source: slideshare.net

Liliana Berenice Rosales Amezcua. PESO DE LAS PÁGINAS

 Cuanto más rápido cargue tu sitio, los usuarios tendrán menos tiempo de espera para la información que necesitan ver.  Es bueno que analices que componentes (imágenes, animaciones flash, CSS, JavaScript, etc) son redundantes, innecesarios, y cuales pueden ser optimizados. Identifica a los que pesan más y trata de ponerles en dieta rigurosa de bytes. Es recomendable que la mayoría de tus componentes (ya sea un script o un ícono) no sobrepasen los 25KB cada uno (peso para una página ligera) OPTIMIZA EL TIEMPO DE CARGA DE CADA MÓDULO DE TU SITIO.

JPEG vs GIF vs PNG la eterna discordia.  Si tienes muchas imágenes en tu página, es ESENCIAL que aprendas a usar el formato óptimo apra cada una de ellas, podrás conseguir GRANDES diferencias.  Los formatos recomendados son JPG, PNG y GIF (por nada del mundo uses TIFF o BMP).  De todas maneras estos 3 formatos son diferentes. JPG lo tendrías que usar sólo para fotos. PNG y GIF para dibujos con colores sólidos, dibujos vectoriales, logotipos, iconos, gráficos de barras, etc. Si hay muchos degrades de tonos, PNG es mejor que GIF en calidad y tamaño. USA LAS IMÁGENES EN EL FORMATO APROPIADO PARA REDUCIR SU PESO

 Cada byte cuenta, uno por uno luego sumaran una diferencia significativa.  Optimizar y minimizar estos archivos consiste en un proceso de quitar caracteres innecesarios (como espacios, comentarios largos de código, código comentado, variables redundantes, saltos de linea (enter), etc).  Por ejemplo, este código de CSS: .soy-una-clase-linda { color: #ffffff; line-height: 20px; font-size: 9px; } Puede ser optimizado a: .linda{color:#fff;line-height:20px;font-size:9px;} OPTIMIZA TUS ARCHIVOS CSS Y JAVASCRIPT PARA AHORRAR UNOS BYTES

 Para cada componente que se necesita para cargar una página web, se hace un llamado HTTP al servidor. De esta manera si tienes 5 archivos CSS se necesitarán de 5 HTTP GET. Si los unieras en menos archivos, reducirías los llamados HTTP y tus páginas cargarían más rápido.  Si quieres unir tu CSS con los archivos JavaScript en uno solo puedes hacerlo con PHP, esta esuna guía al respecto. COMBINA ARCHIVOS CSS PARA REDUCIR LOS LLAMADOS HTTP

CSS Sprites on Digg. Un CSS Sprite es una combinación de pequeñas imágenes en una sola. Puedes poner todos tus pequeño iconos, esquineros, logos, flechas, fondos, etc en una sola imagen que se cargue solo una vez en tu página y no se hagan varios llamados HTTP. Con CSS luego puedes dar las coordenadas X Y de la imagen a usarse en las propiedades del background. USAR CSS SPRITES PARA REDUCIR LLAMADOS HTTP

Eso es similar a crear archivos ZIP. Si estas en un servidor dedicado necesitaras de un VPS, si es que no tienes la compresión habilitada, deberás instalar. Puedes ver esta guía de como instalar mod_gzip en Apache. USAR COMPRESIÓN POR EL LADO DEL SERVIDOR

 Un gran error es poner el código CSS o de JavaScript internamente en el código HTMl de tu página. Los archivos externos con guardados en la memoria caché de los navegadores, por lo tanto no necesitan volverse a cargar si el usuario sigue navegando por tu sitio. EVITAR EL CÓDIGO CSS Y JAVASCRIPT DENTRO DE TU HTML

 Enviando algunos archivos del contenido de tu sitio a servicios web de terceros reduce grandemente el trabajo de tu servidor web. Esto se llama offloading.  Por ejemplo tu feed RSS se lo puedes dejar a los servidores de FeedBurner.  Las fotos de los posts las puedes subir a imgur.com (el mejor) o a flickr. CARGA ALGUNAS COSAS DE TU SITIO EN SERVICIOS DE TERCEROS QUE ACEPTEN EL HOTLINKING

 Debes ver como optimizar el diseño de tu sitio web de tal manera de usar la decoración apropiada sin sobrecargar su diseño con imágenes, lo que lo vuelve pesado de cargar. Optimiza y encuentra un equilibrio entre lo liviano, lo agradable visualmente y lo funcional.  A nadie le gusta un decorado sobrecargado o un sitio muy simple sin nada de especial. Algunas veces un decorado se puede sustituir por simples líneas de efectos con CSS. REDISEÑA TU SITIO WEB PARA QUE NO USE MUCHAS IMÁGENES

A veces nunca se puede cubrir todos los detalles de cada página. Será bueno que revises de tiempo en tiempo si algún archivo esta sobrecargando el procesador de tu servidor o si todos los pedidos y respuestas están llegando a destino. MONITOREA EL RENDIMIENTO DE TU SERVIDOR

Add a comment

Related pages

El peso en datos de las páginas web aumentó 15% en 2014 ...

El peso en datos de las páginas web aumentó 15% en 2014 por Juan Pablo Oyanedel 02 enero 2015. HTTP Archive presenta los resultados de su análisis anual. 0
Read more

peso de las paginas - Foros del Web

Hola a todos, Existe alguna utilidad para calcular el peso en Kb de las páginas ?? Me gustaría aprender sobre optimización ... Y me gustaría saber si ...
Read more

Peso de las paginas - Investigaciones - Mayelacarreon

PESO DE LAS PÁGINAS Optimizando para la web: peso de las páginas Si consideramos las limitaciones actuales de Internet en Latinoamérica, las páginas ...
Read more

Como bajar de peso y adelgazar rápido ya.

Aprende a como bajar de peso con dietas y ejercicios. Incluye consejos de expertos en físico y nutrición.
Read more

Para medir el peso de páginas – [ Aventuras y ...

Para medir el peso de páginas. Comentar » Para los que no tenemos alguna herramienta especifica para medir el peso de las paginas web, ...
Read more

Foros del Web - peso de las paginas

Dreamweaver automaticamente te calcula el peso de una pagina. Los Kb aparecen en la parte inferiot derecha de la pagina. No conozco otro software con ...
Read more

Optimizando el peso de las páginas - Consejos y Trucos ...

Optimizando el peso de las páginas - posted in Consejos y Trucos: Si consideramos las limitaciones actuales de Internet en Latinoamérica, las páginas ...
Read more

Cómo Bajar de Peso Rápido

¿Bajar de peso rápido? Existen innumerables dietas y programas de ejercicios que afirman lograr esto. Pero es preciso saber la verdad acerca de cómo ...
Read more

Dietas Para Bajar de Peso rapido

Buscas dietas para bajar de peso rapido? Home; ... tienes más información en este pagina. ... CONSEJOS Y TRUCOS CASERAS PARA BAJAR DE PESO; DIETA DE LAS ...
Read more

Páginas - Peso saludable - Ministerio de Salud y ...

Se considera un peso saludable aquel que nos permite mantenernos en un buen estado de salud y calidad de vida. También se entiende como los valores de ...
Read more