Minify Code (HTML, CSS, JS) for better page load time

Site URL: https://www.TwelveAndTwentyEight.com

Hello All - Our Digital Marketing Team told us that our home page size is approx 7 MB which is not good for SEO and needs to be reduced if possible. Below is the breakup of elements contributing to that size from a Chrome Extension called Page Inspector. As you can see JS, CSS is contributing approzx 4 MB to the page size. Is there a way to reduce it by some squarespace settings? Isn't Squarespace optimizing code JS, HTML, CSS on it's own- same way it optimizes image sizes? As per https://www.directom.com/minify-javascript-css-warnings/ Squarespace doesn't optimize code but I am posting here to confirm/check with you all. As a Backup option, I have connected my site to CloudFlare (10 minutes ago) with a hope that it may help in the desired outcome. 

If you use Cloudflare, you can enable Minify HTML/CSS/JS in Cloudflare

@tuanphan Thanks for your inputs! I have connected our site to CloudFlare but was wondering why isn't Squarespace minifying code - like it does images I think.

15 hours ago, ridhasekhri said:

@tuanphan Thanks for your inputs! I have connected our site to CloudFlare but was wondering why isn't Squarespace minifying code - like it does images I think.

Minify code often causes many unwanted problems. It is very easy to damage the CSS resulting in a broken template.

@ridhasekhri did this work?

Is Cloudfare something we should be using? I guess I hesitated when they ask for my DNS to point to them. Do they, in turn, point to my Squarespace site?

I did purchase Cloudflare, but they are unable to minify any items that include "min" in the name (which seems to be around 60 files) like https://assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-19f316c82441424835c5a-min.en-US.js

Curious why Squarespace doesn't minify these universal scripts.