Thread by @angelolev

Hoy te comparto 5 consejos sencillos para acelerar su sitio web!! 🙌Espero que te sirvan! un RT ayuda a llegar a más personas 🙂#desarrolloweb

Primero debemos analizar nuestra web. Te recomiendo @gtmetrix @____lighthouse u alguna similar. La herramienta realizará un análisis completo y generará un informe. A partir de aquí, podemos ver la velocidad del sitio web y lo que se debe hacer para mejorar el rendimiento.

1. Reduce el tiempo de ejecución del código #JavaScript:
- Eliminar el código JS no utilizado
- Minimiza y comprime tu código JS
- Renderiza tus scripts desde un servidor CDN
- Carga los archivos JS con el atributo DEFER en lo posible
Más info: bit.ly/3AGQFmi

2. Implementa Lazy Loading
Lazy load significa que solo los datos requeridos se cargan inicialmente y los datos restantes se cargan a pedido. Habilitarlo le ayudará a optimizar nuestra página web y reducir el tiempo de carga.
Más info: bit.ly/2UbE76W

3. Divide tu #CSS basado en la resolución de dispositivos de tus visitantes (1/2)
Tu web puede tener estilos para celulares, tablets y desktops (media queries). El mejor enfoque aquí es no usar todo el código CSS en un solo archivo, porque siempre se cargaría todo.

En vez de esto, puedes dividir el #CSS según la resolución del dispositivo y usar solo los archivos necesarios para ese dispositivo. Esta técnica evitará la carga de estilos no deseados en tu web. (2/2)

4. Reducir la complejidad de los selectores
Evita los estilos (#CSS) que utilizan selectores complejos, ya que se necesita más tiempo para encontrar los elementos del DOM internos a aplicar estos estilos cuando se carga la página.

5. Eliminar estilos no usados
Elimina los CSS no utilizados y el mismo tipo de estilo aplicado a varios elementos con diferentes nombres de clase.