¿Ideas para mejorar la velocidad de carga del sitio web?

¿Hay alguna forma de mejorar la velocidad de carga de un sitio web?

Sé que Google realmente está presionando las velocidades de carga y con la popularidad de los sitios web móviles, ahora es imprescindible que los sitios se carguen rápidamente.

optimization performance page-speed

— Robar
fuente

Aquí hay una lista básica compuesta por el complemento Page Speed de Google (aquí está YSlow de Yahoo ):

Aproveche el almacenamiento en caché del navegador
Especificar dimensiones de imagen
Evite CSS @import
Evita las malas solicitudes
Combina imágenes en sprites CSS
Aplazar el análisis de JavaScript
Habilitar Keep-Alive
Habilitar la compresión
CSS pequeño en línea
JavaScript pequeño en línea
Hacer redireccionamientos de página de destino almacenables en caché
Minificar CSS
Minify HTML
Minify JavaScript
Minimiza los redireccionamientos
Minimizar el tamaño de la solicitud
Optimizar imágenes
Optimizar el orden de estilos y scripts
Prefiere recursos asincrónicos
Poner CSS en la cabecera del documento
Eliminar cadenas de consulta de recursos estáticos
Servir recursos desde una URL consistente
Servir imágenes escaladas
Especifique un encabezado Vary: Accept-Encoding
Especificar un validador de caché
Especificar un conjunto de caracteres
Aplazar la carga de JavaScript
Eliminar CSS no utilizado
Utiliza selectores CSS eficientes

Recomiendo utilizar los complementos de velocidad de página de Google o Yahoo para probar sus páginas. Es rápido y fácil de hacer y ofrece una guía clara sobre cómo mejorar la velocidad de su página.

actualizar

Según lo recomendado por Nick en los comentarios aquí hay algunos recursos e información más buenos:

Consejos y libro de Steve Souder :
Las referencias de Facebook cuando optimizaron su sitio por primera vez

actualización 2

Aquí hay buenas estadísticas que muestran por qué la velocidad de la página es importante ( fuente )

Amazon: 100 ms retraso causado una caída de los ingresos .

Google: el retraso de 400 ms provocó una disminución del 0,59% en las solicitudes de búsqueda por usuario .

Yahoo !: 400 ms de retraso causaron una disminución del tráfico del 5-9% .

Bing: el retraso de 2 segundos provocó una caída del 4,3% en los ingresos por usuario .

Mozilla hizo su página de descarga 2.2 segundos más rápido y fue recompensado con un aumento del 15.4% en las descargas .

Google Maps redujo el volumen de archivos en un 30% y observó un aumento del 30% en las solicitudes de mapas .

Netflix, que usa Appdynamics para monitorear su desempeño, habilitó gzip en el servidor; ¡simplemente por esta acción simple las páginas se volvieron 13-25% más rápidas y ahorraron 50% del volumen de tráfico !

Shopzilla logró reducir el tiempo de carga de 7 a 2 segundos, por lo que la tasa de conversión aumentó en un 7-12% , observaron un aumento del 25% en las solicitudes de página, pudieron retirar el 50% de sus servidores , ahorrando así costos de energía .

AOL observó el número de visitas a la página en varios sitios web . Mientras que los usuarios más rápidos solicitaron 7-8 páginas, los más lentos solo vieron 3-4.

Edmunds bajó de más de 10 segundos a menos de 2, agregando 17% de visitas a la página y aumentando los ingresos en un 3% .

— John Conde
fuente

+1 También vale la pena mencionar los consejos de Steve Souder aquí: stevesouders.com/hpws/rules.php y su libro aquí: stevesouders.com/blog/2009/04/23/even-faster-web-sites Estas fueron las referencias de Facebook. cuando optimizaron por primera vez su sitio: facebook.com/note.php?note_id=307069903919

— Nick

¡Tengo la sensación de que algo en mi encabezado está haciendo que el sitio siga funcionando!

— Rob

No estoy seguro de que me guste esta respuesta, ya que en realidad no describe cómo hacer un sitio web rápido, solo con lo que puede jugar para obtenerlo más rápido. Es un poco como decir 'agregue un alerón en un automóvil', lo que cualquiera puede hacer, pero debe comprender los principios generales de la aerodinámica para que tenga sentido y, por lo tanto, se haga correctamente.

— ʍǝɥʇɐɯ

@Matthew, los complementos y páginas de Google y Yahoo describen por qué ayudan estas optimizaciones. El informativo y útil.

— John Conde

Acabo de obtener un puntaje de 89/100 para el control de velocidad de Google, bastante bueno teniendo en cuenta que no he intentado ninguna optimización de velocidad.

— Rob

Pruebe CloudFlare http://www.cloudflare.com/plans

CloudFlare es una red de entrega de contenido y un servicio de servidor de nombres de dominio distribuido comercializado para mejorar el rendimiento y la velocidad del sitio web y proporcionar seguridad.

— AAssdff
fuente