14 Steps - Usar CDN (Content Delivery Networks)

Se utilizan para entregar de manera simultánea imagánes, scripts, hojas de estilo, banners, etc..

14 Steps - Evitar Redirecciones

¿Porqué es bueno evitar las redirecciones? Es bueno evitar las redirecciones porque son bloqueantes. Mantiene al usuario a la espera. En ocasiones el usuario puede llegar a ver un pantallazo en blanco entre la página deseada y la redireccionada.

Evitar una redirección es bueno por la experiencia del usuario de nuestro site.

14 Steps - Importancia de las reglas YSlow

Rule Name	Rule Id	Default weight
Make fewer HTTP requests	ynumreq	8
Use a CDN	ycdn	6
Add an Expires header	yexpires	10
Compress components	ycompress	8
Put CSS at top	ycsstop	4
Put Javascript at the bottom	yjsbottom	4
Avoid CSS expression	yexpressions	3
Make JS and CSS external	yexternal	4
Reduce DNS lookups	ydns	3
Minify JS and CSS	yminify	4
Avoid redirects	yredirects	4
Remove duplicate JS and CSS	ydupes	4
Configure ETags	yetags	2
Make Ajax cacheable	yxhr	5
Use GET for AJAX requests	yxhrmethod	5
Reduce the Number of DOM elements	ymindom	5
No 404s	yno404	5
Reduce Cookie Size	ymincookie	5
Use Cookie-free Domains	ycookiefree	5
Avoid filters	ynofilter	5
Don't Scale Images in HTML	yimgnoscale	5
Make favicon Small and Cacheable	yfavicon	5

14 Steps - Hacer ajax cacheable

Hacer ajax cacheable consiste en que la información que le enviamos al cliente actualizada la pueda memorizar y si vuelve a pasar a esa información que no haga falta volver a descargarla desde nuestro servidor.

14 Steps - Configurar ETags

¿Qué son los ETags? Son un mecanismo que los servidores utilizan para validar si un componente está validado en el cliente. El problema aparece cuando tenemos servidores replicados. Este mecanismo está pensado para que nuestras peticiones se sirvan desde un solo servidor y no de dos o tres balanceados. En el caso de tener un solo servidor podemos configurar los ETags en caso contrario vale la pena desactivarlas.
FileETag none

14 Steps - Borrar Scripts duplicados

Hay que tener cuidado a la hora de añadir un script a nuestro código. En internet explorer se descarga dos veces el script. En internet explorer y firefox se evalúan los dos javascripts. Sabiendo lo mencionado en un post anterior, durante el tiempo de evaluación el navegador se mantiene bloqueado y no sigue descargando otros archivos.

14 Steps - Reducir Consultas DNS

Cada vez que accedemos a un dominio se hace una consulta dns. La información de esta consulta se guarda en el navegador. El tiempo de guardado de la información depende del navegador que usemos.
El inconveniente de realizar varias consultas dns es el tiempo de respuesta de los servidores de dns. Hasta que no se obtiene la ip, el navegador no sabrá donde pedir la página web.
Un subdominio también necesita una nueva consulta dns. Hay que tenerlo en cuenta si nuestro sistema de imágenes está en un subdominio.

14 Steps - CSS y js externos o internos

Es importante saber que los estilos CSS y los js internos, dentro de nuestro código son más rápidos que los de archivos externos. Pero también tenemos que tener en cuenta que son mucho más difíciles de depurar si están dispersos por todo nuestro código que tenerlos en un solo archivo. Es recomendable tener todos los estilos dentro de una sola hoja de estilos al igual que con nuestro código javascript para facilitar la reutilización y la actualización.

14 Steps - Evitar CSS expressions

¿Por qué evitar expresiones CSS? Debemos intentar evitar expresiones CSS del estilo cada vez que se mueva el ratón, cada vez que se presiona una tecla, cuando se redimensiona la pantalla del navegador, etc… Esto lo que hace es que se vuelvan a evaluar todas nuestras expresiones del CSS y provoquen que se haga más lenta nuestra página. Evitando expresiones regulares apoyamos a los estándares web y esto también significa un incremento del rendimiento y reduce el procesamiento por parte del navegador.

14 Steps - Poner scripts al final

¿Por qué poner los scripts al final? Muy sencillo, el comportamiento no es el mismo que el de un CSS. Los scripts son bloqueantes. Pueden dañar mucho la experiencia del usuario. ¿De qué forma? Si los scripts los ponemos al principio el usuario verá durante unos segundos una hoja en blanco ya que estará descargando el script y deja de descargar cualquier otra cosa. Por eso se recomienda que solo se haga la descarga de un solo javascript. Al bloquear se detiene cualquier descarga posible.

<script language=javascript src="script.js"></script>