El sitio de nuestra empresa se está sometiendo a un análisis de SEO, y el elemento importante está tratando de acelerar el tiempo de carga de la página. Y los mayores culpables son nuestros masivos main.css y main.js, los cuales se minimizan y compilan a través de grunt.js.

Lo que me gustaría hacer es dividir la carga e incluir solo estilos y secuencias de comandos específicos de la porción para secciones específicas de nuestro sitio web de comercio electrónico (home.css/home.js para la página de inicio, search.css/search.js para todas las búsquedas). páginas, etc)

Estoy luchando por encontrar algún tutorial o secuencia de comandos que me permita compilar diferentes archivos SCSS en diferentes combinaciones para poder minimizar la cantidad de estilos y secuencias de comandos no utilizados que tendrá que cargar una página.

¿Alguien puede indicarme la dirección correcta de una herramienta o tutorial que pueda ayudar?

Gracias de antemano.