Alternativas de Yslow: optimizaciones para sitios web pequeños

Question

Estoy desarrollando una pequeña aplicación web basada en intranet. Tengo instalado YSlow y sugiere que hago varias cosas, pero no me parecen relevantes. por ejemplo, no necesito un CDN. Mi aplicación es lenta, así que quiero reducir el ancho de banda de las solicitudes.

1. ¿Qué reglas de YSlow debo cumplir?
2. ¿Existen herramientas alternativas para sitios más pequeños?
3. ¿Cuál es la lista de verificación que debo aplicar antes de implementar mi solicitud?

Estoy usando ASP.net.

Answer 1

El ancho de banda en los sitios de intranet no debería ser un problema en absoluto (a menos que tenga usuarios de VPN, eso es). Si no lo hace y todavía está arrastrándose, es probable que tenga algo que ver con el backend que con la estructura frontal.

Si está intentando optimizar para usuarios remotos, se aplican algunas de las mismas cosas para intentar optimizar todo:

• No utilices 30 hojas de estilo: catéalas en una sola
• No uses 30 archivos JS, catéalos en uno
• Considere comprimir JS y CSS usando minificadores o el compresor YUI.
• Considere el uso de sprites (imágenes con múltiples versiones en, por ejemplo, botones arriba y abajo, uno encima del otro)
• Obviamente, las imágenes masivas son un no-no
• Asegúrese de enviar encabezados caducados para asegurarse de que las hojas de estilo / js / images / etc estén almacenadas en caché durante un período de tiempo razonable.
• Asegúrate de que tus páginas no sean ridículamente grandes. Si se encuentra en un entorno controlado y puede garantizar la disponibilidad de JS, es posible que desee buscar datos con AJAX.

Answer 2

Para comenzar,

1. limitar el número de solicitudes HTTP hecho para imágenes, guiones y otros recursos combinando donde posible. Considera minificarlos también. Recomendaría Fiddler para depurar HTTP

2. Tenga en cuenta el tamaño de Viewstate, establecer EnableViewState = false donde posible por ej. Para controles de lista desplegable que nunca han cambiado su lista de elementos, deshabilitar Viewstate y completar en Page_Init o anular OnLoad. TRULY entender Viewstate es una debe leer el artículo sobre el tema

Oli ha publicado una respuesta al escribir esto y tiene que aceptar que las consideraciones de ancho de banda deben ser secundarias o terciarias para una aplicación de intranet.

Answer 3

Descubrí Velocidad de página desde que hice esta pregunta. No es realmente para sitios más pequeños, pero es otro gran complemento de Fire-Bug.

Actualización: A partir de junio de 2015, los complementos Page Speed ?? para Firefox y Chrome ya no se mantienen y están disponibles, en cambio, Google sugiere el versión web .

Answer 4

Pingdom tools proporciona una prueba rápida para cualquier página web de acceso público.