Velocidad de página para agregar archivos JS y CSS externos

Question

Simplemente me gustaría saber de quién ha documentado bien, si tengo 10 archivos externos JS/CSS para agregar en mi sitio, es mejor comprimirlos en solo 1 archivo o es bueno tener 10,20 enlaces de origen externo de todos modos en ¿Un punto de vista de velocidad de página?

También pregunto esto, porque usando la velocidad de la página de Google Firebug y las herramientas de velocidad de página de Yahoo Yslow, entran en conflicto en esto, dice Google para separar archivos, yahoo dice comprimir todo en uno: | .. Normalmente confiaría en Bigg pero quién sabe: |

Answer 1

En primer lugar, comprimir archivos es (casi) siempre una buena idea. Ambos usando compresores JS y/o CSS específicos, y usando compresión GZIP en el nivel HTTP.

Decidir si combinar archivos o no no es tan fácil; Necesitas hacer malabarismos con diferentes metas:

1. Minimizar el número total de bytes cargados; Esto incluye asegurarse de que los archivos se puedan recuperar de caché
2. Asegúrese de que los archivos cargados lleguen en la menor cantidad de solicitudes posible.

La combinación de archivos se optimiza para el #2, pero puede estar a costa del #1. Si diferentes páginas usan diferentes CSS / JS, entonces cada página podría obtener un archivo combinado diferente (permutación de archivos de componentes), lo que hace que el almacenamiento en caché sea imposible.

Una solución rápida y sucia es incluir todos los JavaScript genéricos y todos los CSS utilizados en todas las páginas en dos archivos comprimidos individuales (uno JS, un CSS). Si sus visitantes permanecen en su sitio durante más tiempo, tendrán la mejor experiencia, ya que todos los CSS/JS deben cargarse solo una vez, y esa única vez es lo más rápida posible.

Answer 2

Una de las mejoras clave del rendimiento que puede realizar es reducir la cantidad de solicitudes HTTP. Cada recurso externo significa una solicitud adicional, por lo que agruparlos tendrá un impacto positivo en el rendimiento de la página.

Si desea obtener más información sobre el rendimiento frontal, consulte Steve Souders'Libros. Puede encontrar una descripción general simplificada de los temas en los libros sobre el Yahoo! Red de desarrolladores (Estaba en Yahoo! cuando escribió el primer libro).

Answer 3

Si combina sus scripts en un script en un host y este host es lento, su página será lenta. Si tiene su script dividido en algunos scripts alojados en un CDN con diferentes dominios subdirectos para los scripts, su navegador descargará más de ellos en paralela. Lea ese sitio en los tiempos de descarga de impulso. Tiene la conclusión de que "el aumento de las descargas paralelas puede obtener hasta una mejora del 40% en la latencia de la página web. Puede usar dos o tres nombres de host para servir objetos del mismo servidor para engañar a los navegadores en más objetos de lectura múltiple".

Answer 4

Asegúrese de tener la velocidad de página de Google, los complementos YSLOW y Firebug instalados, luego úselos. Te ayudarán a hacer que su sitio web sea más rápido.