Sugerencias para servir archivos estáticos más rápido, como JavaScript, CSS y las imágenes

Question

Me gustaría conseguir algunos consejos de nuestros usuarios, de modo acerca de servir archivos estáticos en un sitio web - como JavaScript, CSS, imágenes y archivos Flash - más rápido. Algún consejo útil?

Answer 1

El mejor consejo que puedo darle es: comprar libro de Steve Sonda High rendimiento de Sitios web que está lleno de consejos fáciles de seguir. En el relato de imágenes estáticas: utilizar una red de distribución de contenidos (CDN), que significa: sólo tiene que colocar su contenido estático en otro servidor, en otro (sub) dominio y el que tiene el mejor rendimiento que puede tener para el contenido estático.

Las ventajas son: no hay galletas envían de ida y vuelta (esto explica muchos gastos!), Hay otros gastos generales HTTP, buenos tiempos de espera, un sólido rendimiento cuando se utilizan CDN externa y su propio servidor obtiene mucho menos tráfico. Hay muchos, proveedores comerciales (como Amazon S3), sino también libres de CDN.

Algunos menos importante, pero sigue siendo valioso de recomendaciones:

• Minify el JavaScript (velocidades de hasta primera carga solamente);
• combinar sus archivos JavaScript y CSS -limas en uno y;
• sprites CSS uso para sus imágenes (más pequeñas).

Nota: es un sitio web StackOverflow buen ejemplo que sigue todos estos consejos y descarga YSlow para probar su propio sitio web.

Answer 2

Salida sugerencias de Yahoo en http://developer.yahoo.com/yslow/ http://developer.yahoo.com/performance/rules.html . Algunos puntos generales:

1. El uso de un CDN para archivos estáticos (y desactivar cookies en el dominio CDN)
2. Haga tamaños de imagen estén optimizados
3. Minify su archivos JS
4. Coloque las etiquetas de secuencia de comandos en la parte inferior de su HTML, y utilizar el atributo "aplazar =" cuando sea posible (esto acelera la carga del navegador la página)

Answer 3

Utilice una Content Delivery Network - CDN - para el contenido estático.

Como alternativa, puede crear un subdominio, es decir gfx.yoursite.com, para alojar todo el contenido estático. Desactivar cookies y optimizar el rendimiento del sitio con el caché agresivo.

También es posible que desee ver en sprites CSS, que pueden mejorar el rendimiento, así como para gráficos comunes.

Para reducir el número de recursos externos en una página, también puede incrustar pequeñas imágenes directamente en los archivos CSS usando la base 64 de codificación. Esto reducirá el número de búsquedas de DNS y mejorar el rendimiento. Sin embargo, añade un poco de complejidad y el mantenimiento se convierten rápidamente en una pesadilla. Esta es una ingeniosa herramienta para ayudarle, Convertir cualquier imagen en una cadena base64 , pero tenga cuidado. :)