- Identifique las cosas que desea que sucedan primero durante la carga de la página.
- Identifique las cosas que están sucediendo antes de la cosa en el Paso 1 que no son críticas para hacer eso.
- Haz las cosas en el Paso 2 después de las cosas en el Paso 1.
Esto se llama análisis de ruta crítica . Es una técnica que podría aplicarse a cualquier sitio web. Mi herramienta favorita para identificar cosas que encajan en el Paso 2 es WebPageTest. Puede analizar la actividad de red de una página a medida que se carga para ver cosas como solicitudes innecesarias en la ruta crítica, ejecución costosa de JS y respuestas lentas del servidor.
Además de simplemente reordenar sus descargas de recursos, puede asegurarse de que sucedan lo más rápido posible. Algunas ideas:
- minimizar los tamaños de archivo
- habilitar la compresión gzip
- “Uglify” JS / CSS / HTML
- comprimir / optimizar imágenes
- minimizar viajes de ida y vuelta
- habilitar Keep-Alive
- preconnect / prefetch / preload especulativamente
- habilitar el almacenamiento en caché de recursos
- paralelizar solicitudes
- evitar cosas como @import en CSS
- usar HTTP / 2
- combinar como CSS / JS / imágenes en paquetes
- respuestas fragmentadas
Como siempre, al considerar cómo optimizar su sitio, intente realizar cambios de alto impacto en lugar de micro optimizaciones. Por ejemplo, si su sitio tiene muchas imágenes, asegúrese de utilizar formatos de archivo eficientes como webp siempre que sea posible.
- ¿Por qué es tan importante la creación de redes y por qué crees que debería convertirme en una red de computadoras en lugar de convertirme en programador?
- En las grandes corporaciones, ¿por qué las estaciones de trabajo de desarrolladores ejecutan Windows pero los servidores de producción ejecutan Linux?
- Cómo hacer una solicitud de telnet a través de la terminal
- ¿Qué solución puedo usar para publicar anuncios en Internet WIFI gratuito?
- ¿Qué significa 'redes'? ¿Cómo se puede usar de manera efectiva?
Finalmente, mide tu progreso. Use herramientas RUM como Google Analytics o SOASTA mPulse para rastrear el rendimiento de la página tal como la perciben los usuarios reales. Dé una muestra de esos usuarios a una optimización y compárela con una muestra que tenga el viejo comportamiento no optimizado. Si el rendimiento y las métricas empresariales mejoran, inicie la optimización para todos. La otra parte para medir el progreso es monitorear el desempeño. A medida que introduce nuevas funciones en el sitio, el rendimiento tiende a degradarse lentamente. Esté atento a las regresiones. Identifique la causa del problema y corríjalo. A veces, mejorar el rendimiento es lo mismo que no dejar que empeore.