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.
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.