Bueno, para que las imagenes dejen de ser un problema existen varias cosas que podemos hacer, las enumero todas para que sirva de referencia.
1) Como indicas, el peso de las imagenes debe de ser pequeño pero tambien es importante escojer un buen formato por ejemplo, hay gente que muestra imagenes con pocos colores y las guarda en formato jpeg, para este tipo de imagenes es preferible usar un formato gif.
2) Dar las dimensiones especificas al navegador para cada una de las imagenes ayuda a que el navegador deje el espacio necesario y continue bajando el texto
3) En general nuestra pagina principal debera de evitar parecer mural, donde todo lo que aparezca este incluido en una imagen... es preferible manejar texto e imagenes por separado
4) Si tenemos varios botones en nuestra pagina con el mismo estilo y donde lo unico que cambia es el texto sobre ellos entonces seria preferible crear una sola imagen para el fondo y generar el texto dinamicamente (por ejemplo con php).
5) Evitar imagenes que contengan solo texto, para mejorar nuestra presentacion del texto podemos utilizar hojas de estilo.
6) Si se puede, las imagenes deberan de ser entrelazadas para que el visitante vea que esta bajando una imagen
7) Evitar en lo posible usar imagenes de fondo. Si ya se que se ven bien pero a veces un buen color de fondo es mas que suficiente.
8) Usar Thumbnails. Si es necesario mostrar imagenes con dimensiones grandes entonces es preferible mostrar un pequeño vinculo hacia la imagen y dejar la decision de ver o no la imagen a nuestros visitantes
9) Evitar redimensionar una imagen usando html. Si tienes una imagen de 1280x1024 y la quieres presentar como de 20x20 ento
