it-swarm-es.com

¿Cómo mejora la velocidad de su sitio web sin comprometer el diseño y el acceso?

¿Cómo mejora la velocidad de carga de sus sitios web sin eliminar el diseño y la accesibilidad? Compresión de archivos, CDN, Gzip? ¿Cuáles son las mejores herramientas para hacerlo?

Por ejemplo, Google ha optimizado su sitio sin comprometer el diseño. Además, muchos sitios web pueden matar la pureza de sus imágenes con compresión.

¿Hay alguna forma, más o menos práctica recomendada, de aumentar la velocidad sin comprometer el diseño y la accesibilidad?

Nota: perdón por ser tan vago, pero no sé cómo formular esta pregunta.

3
Kevin

Gzip es probablemente la cosa más drástica que puedes hacer.
Asegurarse de que todos sus archivos css y js estén minimizados ayuda. compruebe que no está cargando bibliotecas js o css que no necesita. La mayoría de los usuarios los almacenará en caché, por lo que después de la primera página no es tan improbable.

Aparte de eso, asegúrese de que el almacenamiento en caché funcione correctamente, como no volver a analizar una página para cada solicitud que no necesita volver a analizarse. si es necesario de todos modos

7
WalterJ89

Casi todos los Yahoo Mejores prácticas se pueden implementar sin siquiera tocar el diseño del sitio de ninguna manera. Minimice las solicitudes HTTP combinando todos los CSS en un archivo y todos los JS en un archivo. Usa Gzip. Establecer bien Expira encabezados.

Estas reglas podrían afectar el diseño:

  • Reduzca el número de elementos DOM : vale la pena mirarlo, debería poder reducir el tamaño de HTML manteniendo el diseño igual.
  • Minimice el número de iframes - probablemente sea mejor evitarlos siempre que sea posible de todos modos.
  • Optimizar imágenes : debe optimizar las imágenes siempre que sea posible, pero no exagere a expensas de su diseño.
7
DisgruntledGoat

Más que solo minimizar el CSS/JS, combínelos en un archivo para cada formato tanto como pueda. Cuantas menos descargas, mejor. Si esto es imposible, muévalos a otros nombres de dominio, ya sea alojados en el mismo servidor o en un CDN.

Gzip, como se dijo, es increíblemente poderoso.

Mueva su JS a la parte inferior del documento y asegúrese de que todo el CSS esté en head. Evite JS y CSS en línea.

Guarda en caché todo y configura Expires encabezados y ETags.

1
Kenneth Love

Velocidad de página. Este es el complemento de Google para FireBug. Si lo ejecuta en su sitio, le dirá dónde debe mejorar. En su mayoría, sigue los consejos dados por las Mejores Prácticas de Yahoo, pero le dirá dónde debe mejorar.

He visto la mayor mejora de velocidad en reducir el tamaño de mis imágenes . Para lograr esto, puede usar "Guardar para Web y dispositivos" en Photoshop O otro buen programa de Mac que puede reducir sus imágenes es ImageOptim .

0
Shane Stillwell

En la línea de las Mejores Prácticas de Yahoo (YBP), es posible que desee echar un vistazo a Complemento YSlow Firefox . Le dará un resumen rápido de cómo le está yendo a un sitio en relación con el YBP.

0
Thomas

He escrito un artículo detallado sobre la optimización de la velocidad que puede resultarle útil.

http://www.elevatelocal.co.uk/blog/17-rules-of-speed-optimisation-0501511

0
ysekand

Use un CDN para archivos estáticos como javascript, css e imágenes. Tanto RackspaceCloud como Amazon tienen otros bastante baratos.

0
Piers Karsenbarg
  • Reduzca al mínimo el número de solicitudes HTTP, p. Ej. asegúrese de estar utilizando sprites de imágenes donde pueda, ¿tiene cargando múltiples archivos javascript o css para cada página? Combínalos en uno
  • ¿Hay redirecciones que puedas eliminar?
  • Cargue hojas de estilo en la parte superior de su documento, javascript en la parte inferior
  • Si su sitio es grande, proporcione servidores geográficamente cercanos a su mayor base de usuarios.
0
dmsnell

Utilizo el almacenamiento en caché en ASP.NET, y eso puede ahorrar una gran cantidad de tiempo al evitar llamadas duplicadas a la base de datos, llamadas a funciones e incluso páginas.

0
harriyott