Entries Comments





Como Aumentar La Rapidez De Tu Blog: Reduce El Pedido De HTTP

Escrito por: Andrea Duran


Cuando un visitante se dirige hacia tu Blog, cada objeto en la página, como las imaenes y scripts, se requiere una buscada dentro del Blog. Ese requerimiento o pedido, pone un poco más lento tu Blog, y si tienes miles de objetos que se requieren para descargar el Blog, esto puede demorar varios segundos más.

Lo primero que debes hacer para reducir el HTTP es reducir el numero de objetos en tu Blog. Desaste de todas las imagenes innecesarias, si es posible puedes combinar 2 o mas imagenes en una sola.

Despues debes estar seguro que tu blog requiera scripts y archivos externos y combinalos en uno solo. Un ejemplo es, en vez de utilizar tres archivos CSS para crear el Layout de tu Blog:

<link rel="stylesheet" type="text/css" href="/body.css" />
<link rel="stylesheet" type="text/css" href="/side.css" />
<link rel="stylesheet" type="text/css" href="/footer.css" />

Deberías usar uno solo:

<link rel="stylesheet" type="text/css" href="/style.css" />

Serie De ¨Como Aumentar La Rapidez De Tu Blog¨:

- Formatos De Las Imagenes

- Optimización De Imagenes

- Optimiza Tu CSS

- Usa El Slash (/) En Tu Link

- Usa Las Dimensiones

- Reduce El Pedido De HTTP





Como Aumentar La Rapidez De Tu Blog: Usa Las Dimensiones

Escrito por: Andrea Duran


Esto es un factor muy importante y que muchas personas no le prestan mucha atención.

Cuando usas imagenes o tablas en las páginas de tu Blog, siempre deberías incluir las dimensiones como lo son, el ancho y largo de la imagen. si tu buscador no ve los Tags, tendra que buscar el tamaño de la imagen, para así poder cargarla con el resto del contenido de la pág.

Ejemplo:

<img id="moon" height="200" width="450" src="http://www.domain.com/moon.png" alt="moon image" />

Cuando el alto y el ancho de la imagen están incluidas, el buscador automaticamente sabrá el tamaño de la imagen. Y por lo tanto guardará espacio para dicha imagen y tardará menos en cargarce, miestra que el lector va leyendo el post o el contenido de la página.

Serie De ¨Como Aumentar La Rapidez De Tu Blog¨:

- Formatos De Las Imagenes

- Optimización De Imagenes

- Optimiza Tu CSS

- Usa El Slash (/) En Tu Link

- Usa Las Dimensiones

- Reduce El Pedido De HTTP





Como Aumentar La Rapidez De Tu Blog: Optimización De Imagenes

Escrito por: Andrea Duran


Todo el mundo sabe que el tiempo que tarda en ejecutarse una web, es muy importante.

Las personas que tienen una conexión a través del moden en 56K, tienen que esperar hasta un minuto para que se ejecute correctamente una web, es mejor optimizarla para que estos no tarden tanto en ejecutar tu web. Y las personas que tienen conexiones mucho más rápidas, tardan más de 4 segundos en ejecutar una web, simplemente la cerrarían por que sienten que están perdiendo el tiempo.

La optimización de Imágenes es muy importante a la hora de crear blogs y páginas con fotos o imágenes, ya que aumentan el tiempo de ejecución de las página, para esta optimización hay diferentes formas de hacerlo, como los softwares, Photoshop y ¨Save For The Web¨. Debes usarlas siempre, para que reduzcan el tamaño de las imagenes y así requiere menos tiempo a la hora de cargarse estas.

Si no quieres usar softwares para editar tus imágenes, puedes usar el ¨online image optimizer ¨ de Dynamic Drive, donde podrás optimizar y convertir las imagenes a formatos como: GIF, PNG y JPEG.

Serie De ¨Como Aumentar La Rapidez De Tu Blog¨:

- Formatos De Las Imagenes

- Optimización De Imagenes

- Optimiza Tu CSS

- Usa El Slash (/) En Tu Link

- Usa Las Dimensiones

- Reduce El Pedido De HTTP





Las Mejores Websites Para Atraer Tráfico

Escrito por: Andrea Duran





Como Aumentar La Rapidez De Tu Blog: Usa El Slash (/) En Tus Links

Escrito por: Andrea Duran


Cuando un servidor abre un link “http://www.domain.com/about”, nececitará averiguar cual y que tipo de archivo o página, es la que contiene esa dirección, por lo tanto el proceso de ejecución de la página es más lento. pero si usas los links con un slash (/) al final, como este “http://www.domain.com/about/”, el sevidor web, sabrá inmediatamente que cual es el archivo o página que contiene ese link, reduciendo el tiempo en que se ejecute la página.

El uso del slash (/) al final del link no aumentara muchisimo la velocidad de la ejecución de tu página, pero si ayuda a optimizarla!

Serie De ¨Como Aumentar La Rapidez De Tu Blog¨:

- Formatos De Las Imagenes

- Optimización De Imagenes

- Optimiza Tu CSS

- Usa El Slash (/) En Tu Link

- Usa Las Dimensiones

- Reduce El Pedido De HTTP





Como Aumentar La Rapidez De Tu Blog: Optimiza Tu CSS

Escrito por: Andrea Duran


¨Cascading Style SHeets¨, crea websites mucho más eficientes, porque deja que los buscadores para cache style-related information directamente desde el archivo .CSS, borrando la información ¨need t read¨ cada vez que una página se tenga que ejecutar.

Aunque tengas un buen código HTML,puedes optimizar el código CSS para asegurarte de tu página se ejecute más rápido.

Lo primero que tienes que hacer, es localizar el código que está todo disperson y ponerlo todo junto.

Estará Algo Así:

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

Debes Ir Así:

margin: 10px 20px 10px 20px;

Está Algo Así:

<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>

Debe Ir Así:

<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>

Tambien puedes intentar optimizar tu código CSS con CleanCSS.
Serie De ¨Como Aumentar La Rapidez De Tu Blog¨:

- Formatos De Las Imagenes

- Optimización De Imagenes

- Optimiza Tu CSS

- Usa El Slash (/) En Tu Link

- Usa Las Dimensiones

- Reduce El Pedido De HTTP





Como Aumentar La Rapidez De Tu Blog: Formato De Imagenes

Escrito por: Andrea Duran


La rapides de un Blog o Website es un factor muy pero muy importante a momento de tener un blog. Ya que la mayoría de los usuarios de internet, simplemte serrarían un Blog si este es muy lento.

A parte de optimizar las imagenes, debes saber en que formato usar dependiendo de dicha imagen. Debes usar los formatos: GIF, PNG y JPEG, dependiendo del tipo de la imagen y del tamaño que debe contener en tu Blog.

- JPEG: Este formato es el más usado. Fué creado para fotografos y personas que relizan ¨art-work¨. Las imagenes JPEG deben ser utilizadas con fotos y con imagenes que tengan gran cantidad de colores. Si estas pensando en reducir un archivo JPEG, deberías reducirlo hasta un 50%, para que puedes tener un buen resultado.

- GIF: Este tipo de formato es el más conocido en la historia de Internet, debido a que es para archivos pequeños. JPEG soporta muchisimos colores, mientras que el formato GIF solo integra un maximo de 256 colores. Debes usar este formato al momento de realizar logos, botonos y cualquier archivo con pocos colores.

Gif es el más usado para imagenes animadas o mini-videos!!

PNG: Fué creado especificamente para Internet, con el objetivo de reemplazar las imagenes en formato GIF.

La diferencia entre los formatos Gif y PNG, es que el soporta 24-bit (colores) y la transparencia alpha.

El formato PNG debe ser usado para imagenes simples que requieran más de 256 colores!!

Serie De ¨Como Aumentar La Rapidez De Tu Blog¨:

- Formatos De Las Imagenes

- Optimización De Imagenes

- Optimiza Tu CSS

- Usa El Slash (/) En Tu Link

- Usa Las Dimensiones

- Reduce El Pedido De HTTP