En general, desea que el navegador del usuario realice la menor cantidad de trabajo, por lo que cuanto más tenga listo y menos piezas individuales le dé, mejor.
Comience probando su sitio: Prueba de rendimiento y optimización del sitio web
Eso debería proporcionarle puntos muy específicos en los que su sitio web grava el navegador del usuario. Algunas de las cosas más difíciles de detectar creo:
- ¿Cuáles son algunas herramientas imprescindibles para crear contenido interactivo?
- ¿Podemos conseguir un trabajo si aprendemos MongoDB y Node.js?
- ¿Debería un desarrollador Front-End ser un buen diseñador también?
- ¿Cuáles son algunos de los paquetes Node.js más útiles?
- ¿Qué es web.inf en Java?
- Demasiado CSS : con marcos, complementos y minificación, a veces se hace difícil ver cuánto complica tu CSS tu pintura. Estos archivos son relativamente pequeños, pero si tiene muchos archivos, o tiene reglas que se sobrescriben mucho, tiende a sumar.
- CSS pesado : CSS3 nos brindó algunas características increíblemente interesantes, como sombras paralelas, desenfoques, filtros, etc. Pero cuanto más agregue, más debe hacer el navegador para mantenerse al día.
- Cambio de tamaño de la imagen : la mayoría de los sitios web creados hoy son receptivos, y la mayoría de los navegadores manejan cambiar el tamaño de las imágenes sin que lo pensemos. Por lo tanto, podría enviar fácilmente una imagen grande al usuario y su navegador cambiará su tamaño sin hacer un escándalo. Eso no solo significa que sus archivos son más grandes, sino que también hay un costo de velocidad cuando hace que el navegador realice un cambio de tamaño en vivo. Planifique sus tamaños, intente y proporcione exactamente el tamaño que su sitio necesita en su estado actual.
- Slow JS : no soy un gran desarrollador de Javascript, así que no tengo consejos específicos, pero debido a que Javascript es tan indulgente, es fácil escribir un código incorrecto que “funciona”. Pero si el código es ineficiente, puede tener un alto costo en el sitio. Lea todo lo que pueda sobre las cosas que está implementando.
La prueba de página web le dará detalles y cubrirá GZip y el almacenamiento en caché, pero estas son las áreas a las que intento prestar atención porque pueden ser más difíciles de detectar en las pruebas.