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

22

¿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.

Robar
fuente

Respuestas:

23
  1. Consejos de Yahoo para mejorar la velocidad de la página
  2. Consejos de Google para mejorar la velocidad de la página
  3. Si usa PHP, los consejos de Google para hacer PHP más rápido

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:

actualización 2

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

John Conde
fuente
2
+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
1

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