reducir el tamaño de la página

Question

¿Alguien sabe cómo puedo reducir el tamaño de mi página mientras se está cargando? De todos modos, ¿puedo reducir el tamaño de mi archivo CSS y el tamaño del archivo Javascript?

Answer 1

• compresión Gzip
• Minification
• Combinando múltiples solicitudes en una

La compresión GZIP es efectiva en respuestas basadas en texto, como hojas de estilo y HTML, pero no en imágenes.

La minificación es efectiva en CSS y Javascript (más aún en Javascript). Hay varias soluciones disponibles dependiendo de su idioma y marco. Esto confunde el código que se envía al eliminar los espacios en blanco y acortar los nombres de los identificadores cuando sea posible.

La combinación de múltiples solicitudes en una reduce mucho la latencia, incluso si no ahorra mucho ancho de banda. Da como resultado un tiempo de carga percibido más rápido para los usuarios. Puedes combinar varios archivos CSS en uno, lo que es fácil. Con las imágenes, puede utilizar una técnica conocida como sprites .

Answer 2

Compresor de YUI es una opción.

YSlow es decente para tener una idea de por qué es lento.

Tiende a hacer recomendaciones para sitios grandes en lugar de sitios pequeños, así que aplique el sentido común.

Answer 3

¿Quieres decir bytes transferidos? Si es así, debería utilizar compresión GZIP del HTML . En Apache, use mod_deflate . También hay filtros de servlet por ahí.

Answer 4

w3compiler es una herramienta que hará exactamente lo que quieres.

Answer 5

Hay un gran libro sobre esto llamado Sitios web de alto rendimiento . Es un libro de O'Reilly que lo lleva a través de los distintos pasos de las actualizaciones de rendimiento del lado del cliente. Cubre los temas que sugiere, como el tamaño de los archivos CSS y JS, entre otras cosas.