14 reglas para mejorar el rendimiento de sitios web

La mayoría de las veces nos enfocamos a optimizar nuestros servidores concentrándonos en las opciones de compilación, indexación de bases de datos, administración de la memoria, etc. Se gasta mucho tiempo en mejorar estos aspectos. En la realidad, para la mayoría de las páginas web, se gasta menos del 10-20% del tiempo de respuesta en obtener el contenido HTML del servidor web hacia el browser; el otro 80–90% es gastado descargando los componentes de las páginas. A continuación se listan 14 reglas de oro que Steve Souders nos propone para mejorar el rendimiento de sitios web.

Regla 1: Reducir el número de solicitudes HTTP. Hay técnicas que ayudan a reducir el número de solicitudes HTTP sin comprometer el diseño de las páginas.

Regla 2: Usar un Content Delivery Network (CDN). Un CDN es una colección de servidores web distribuidos a través de múltiples localizaciones para entregar contenido a los usuarios más eficientemente.

Regla 3: Agregar un Expirer Header. Se trata de asegurar que los componentes sean configurados para maximizar las capacidades del caché del browser.

Regla 4: Componentes Gzip. Una variable que afecta el desempeño es el tamaño de la respuesta HTTP. Los componentes Gzip reducen el tamaño de los paquetes de respuesta que son transmitidos del servidor al cliente.

Regla 5: Poner las hojas de estilo (CSS) en el inicio. Al final de varias pruebas e investigación se ha encontrado que para cuestiones de desempeño se debe de colocar las CSS’s en el HEAD usando la etiqueta LINK.

Regla 6: Poner los scripts al final. Lo opuesto a las CSS’s, es mejor mover los scripts hacia el final de las páginas (siempre y cuando sea posible). Esto permite la renderización y descarga paralelamente.

Regla 7: Evitar expresiones CSS. Las expresiones CSS son una poderosa (y peligrosa) forma de poner propiedades dinámicamente. Un problema es que no todos los browser las soportan y otro es que podrían ser re-evaluadas cada vez que la página cambia, por redimensionamiento, scrolling, movimiento del mouse, clicks, etc.

Regla 8: Hacer externos los Javscripts y CSS’s. Esta regla hace que los componentes Javascript y CSS puedan ser cachados en el browser del usuario y ponerlos internos hace ineficiente la ventaja del cache del browser.

Regla 9: Reducir los DNS Lookups. Un Domanin Name System (DNS) tiene el rol de mapear nombres de dominios en direcciones IP. El browser no descarga nada hasta que el DNS resuelve completamente el nombre del dominio. Este es tiempo que las páginas gastan en hacer DNS lookups. Reduciendo el número de hostnames únicos en la página web se reduce los DNS lookups pero tambien reduce la descarga paralela.

Regla 10: Minimizar el JavaScript. Minificación es la práctica de remover los caracteres innecesarios del código para reducir su tamaño y de esta manera mejorar el tiempo de carga.

Regla 11: Evitar redireccionamientos. Un redireccionamiento (redirect) es usado para enrutar los usuarios de una URL a otra. Regularmente son para documentos HTML pero también para requerir componentes (imagenes, scripts, etc.) en las páginas.

Regla 12: Remover scripts duplicados. Incluir dos veces el mismo archivo Javascript afecta el desempeño. Este error no es raro, una revisión de sitios web mostró que CNN y YouTube contenían un script duplicado. Asegurarnos que los scripts sean incluidos una sola vez.

Regla 13: Configurar ETags. Los Entity Tags (ETags) son un mecanismo que los servidores web y browser utilizan para validar los componentes cachados.

Regla 14: Hacer AJAX cachable. Ajax tiene un gran impacto en el mundo Web 2.0 y con Ajax se puede lograr una mejora importante en el rendimiento. Aunque las solicitudes Ajax no son cachables, asegurarnos de que estas sigan los lineamientos, expecialemente de que tengan un futuro lejando de Expires Header.

Compartir/guardar