Best Advice on Bandwidth on SPA or NON-SPA with Vue.JS

hello am thinking on whether i should make my website single page application and make laravel be the API backend. My assumption is that, SPA is large for my bandwidths, ie adding all components at vue-router, while my latter option is to make laravel serve individual page as Vue application from individual route in web.php. Another option crossed my mind i should make laravel serve different SPAs and act as API backend. e.g serve public SPA and its components e.g home, about, blog and dashboard SPA and its components e.g notification, message, profile. My mental model about SPA and other web technologies may be wrong. My website is as big as an ecommerce with 11+ pages Please tell best practices on bandwidth