Buenas. :D

Estoy desarrollando un sitio el cual necesita algunos recursos javascript en solo algunas paginas concretas. Por lo que tengo un archivo general que contiene los scripts que se usan "en todo el sitio" (177 KB) y por otro lado 5 archivos específicos (entre 3 y 9 KB por archivo).

¿Qual es mejor opción? Dejarlo así y dejar en caché esos 177 KB o combinar el "general" con los especificos y tener 5 archivos más grandes, pero hacer siempre una petición menos?

En el CSS del sitio tengo un poco la misma duda, estoy cargando MaterializeCSS (139 KB) y por otro lado otro archivo de 47 KB, ¿debería combinarlos en uno solo?

Muchas gracias. :)