Barnee

Thanks for the feedback @Tuanphan!

Google Lighthouse in Chrome

(Right click -> Inspect Element -> "Lighthouse" Tab).

Hi There!

I'm really sorry if this isn't the best place to post this. I couldn't see a category where it fit better!

(https://www.uppr.co)

I'm trying to boost the performance of my website to improve it's crawlability and create a better user experience. I've done a bunch of optimisation myself and managed to get it to an 86 score (and max out the other categories!), but now I've run out of ideas on how to improve it further.

Any advice or ideas is appreciated 🙂

Please share some feedback 🙂

https://www.uppr.co

Would also love any tips on how to boost website performance!

I'm really sorry if this isn't the right place to post this - I couldn't see a forum section that really fit what I'm asking.

I'm getting a lot of console errors on my webpage (image attached). Checking other Squarespace pages I noticed many didn't have such a big issue as my site, so I must've configured something wrong somewhere, I'm just unsure where!

I'd love it if one of you smart people could take a look and give me some hints on what I need to research/do to resolve them!

(website is Uppr.co)

Thank you!

Fixed the above text issue. I didn't add an import which seems to be necessary on some devices 🙂

Also used what I think is a better css font reference.

@import url('https://fonts.googleapis.com/css?family=Mulish');

@font-face {
	font-family: 'Mulish';
	src: url(https://fonts.googleapis.com/css?family=Mulish);
}

No, the one below it with the red square. I've since fixed by updating the reference to:

.video-player .plyr {

EDIT: Ignore the below I fixed (see comment beneath)

Next issue seems to be that my font doesn't seem to be getting picked up on mac (windows + android mobile work no problem). Doing some reading on it now, but if you happen to know the issue then please do let me know 🙂

@font-face {
	font-family: Mulish;
	src: url(https://fonts.google.com/specimen/Mulish);
}

.header-nav:after {
    content: "Never miss a selling point again.";
    //display: block;
    position: relative;
  	line-height: 0;
    top: -5px;
  	font-size: 20px;
  	color: white;
  	//color: #403E56;
  	font-family: 'Mulish';
  	font-weight: 700;
}

h2 {
	font-weight: 500;
  	letter-spacing: -0.02em;
	font-family: 'Mulish';
}

I'm trying to stylize my embedded video a bit. Firstly I'm trying to curve the edges.

I'm currently running:

.sqs-native-video .native-video-player {
  border: 15px solid #D92052;
  border-radius: 5vmin;
}

But it cuts the radius underneath the video, not the video itself.

https://www.uppr.co is the website.

Thanks for any advice!

Hi There,

I'm trying to embed a login icon from Google Icons into my header button to match the login button from my application UX, but can't work out how on Squarespace. I'm probably just missing something really stupid!!

Attached is what I'm trying to achieve.

Thanks for any advice!