¿Las páginas web tardan en cargar? No se preocupe, aquí hay 19 ajustes

El investigador principal de y evangelista de Soasta, Tammy Everts, habló recientemente en la conferencia Fluent acerca de cómo las páginas web que tardan en cargarse pueden dañar la reputación de una empresa. Aquí ofrece 19 maneras de solucionar ese problema –aunque todo el tiempo subrayó que hay mucho más de 19 cosas que se podrían hacer.

1. Empiece por el principio. Las páginas se han vuelto muy grandes y muy complejas. En 1995, el tamaño promedio de las páginas fue de 14.1 KB; en 2016, el tamaño promedio es de 2,281 KB. En el mundo de los móviles, hace cinco años era de 390 KB y hoy son 1,280 KB. La gente responde con "Bueno, las redes son más rápidas hoy", pero el beneficio de añadir MBPS extra no es tan impresionante como se podría pensar.

2. Sepa de dónde viene el peso de la página.

3. Mida y cree un presupuesto del rendimiento. Aquí hay un gran consejo de Tim Kadlec sobre este tema, y ​​en este otro enlace le dejamos su opinión acerca de las métricas de rendimiento del presupuesto.

4. Utilice perfmap. Es un plug-in que se superpone a un mapa en su página y le muestra los tiempos y tamaños de las páginas. Es muy práctico y una gran manera de hacer llegar el mensaje a la gente no técnica.

5. Intente con el monitoreo integrado y la retroalimentación para uso interno que se puede ver justo en la parte superior de cada página. Esto le permite saber si está dentro o fuera de su SLA.

6. ¡Imágenes! Alrededor de 63% de las imágenes de las páginas Web no están optimizadas. Las revisiones son: formatear, comprimir, diferir y carga lenta, imágenes que se adaptan, o auto-precarga.

7. Cree conciencia con todos los que tocan una página sobre la importancia del desempeño.

8. Complejidad de la página. En 1995, la mayoría de las páginas tenían menos de tres activos como HTML, una imagen y otra imagen. En 2015, las páginas tenían 100 recursos o más. Eso crea una tonelada de complejidad y hace que las páginas web tarden en cargarse. ¿Se preguntan qué tan compleja es la carga de sus páginas? Pruebe WebPageTest.

9. Monitoreo sintético. Es necesario formar a personas que no son técnicas sobre cómo generar cascadas y cómo leer una tira de filmina.

10. Las fuentes web son otro gran problema. La gente ama las fuentes personalizadas, y es un gran beneficio para los diseñadores si tienen fuentes personalizadas sin matar el rendimiento. Sin embargo, una gran cantidad de sitios disponen de fuentes que hacen que las páginas Web tarden en cargar.

11. Ventanas emergentes. Es sorprendente cómo muchas de ellas no están optimizadas y están bloqueando la página. Lo peor es cuando se bloquea la representación del resto de la página. Mate las ventanas emergentes. Las opciones incluyen la consolidación de los recursos, asegurarse de que las hojas de estilo están en la cabeza de los documentos, la optimización de las fuentes Web, la optimización de secuencias de comandos y el seguimiento continuo.

12. Ya es suficiente con JavaScript, como dijo Nicholas C. Zakas. Hay maneras de utilizarlo de forma inteligente, pero no tiene que ser utilizado para todo.

13. El contenido de terceros puede representar más del 50% de las solicitudes de página. El problema con esto es la latencia. Si las secuencias de comandos no son asíncronas podrían retrasar el contenido del resto de la página. Algunos de estos archivos son secuencias de comandos muy grandes que realizan llamadas a un cuarto o quinto proveedor o pueden llamar de HTTPS a HTTP, y, de repente, usted tiene una pérdida masiva de visibilidad.

14. Spof-o-matic es una gran herramienta para ver si sus terceras partes fallan.

15. ¿Agujeros negros en los scripts de terceros? Asegúrese de que usted difiere los scripts, o secuencias de comandos.

16. Utilice scripts asíncronos.

17. Conozca las secuencias de comandos y las reducciones del rendimiento.

18. Realice monitoreo de forma constante. Siga aprendiendo.

19. Lea el libro de Barbara Bermes, ‘Lean websites’.