Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Performance improvement - Render blocking and unused Java script help


SandraHCopywriting

Question

Hi team!

I am just exploring Chrome Devtools for the first time to improve site performance. A couple of main things that have popped up are 

- eliminate render blocking resources

- remove unused javascript/ CSS

I am a newbie and can't find anything online on how to actually do this. Can anyone help? Point me to a guide somewhere? Would really appreciate it :)

Thanks

Sandra

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0
On 6/27/2020 at 2:18 AM, SandraHCopywriting said:

I am a newbie and can't find anything online on how to

- eliminate render blocking resources

- remove unused javascript/ CSS

These are part of the Squarespace's custom CMS platform and you cannot remove them.

Bear in mind that these tools are designed for developers who code their sites from scratch and have full control over their code and styles. When you use these tools to test Squarespace sites you'll see results that are not relevant to you.

Things worth considering when trying to increase site performance include:

  • Squarespace 7.1 can appear faster for visitors than Squarespace 7.0 (although it is currently slower on the back-end where you configure it)
  • Squarespace 7.0 Brine-family sites have a feature called Ajax Loading which improves performance over 7.0 templates without this feature.
  • Keep image sizes low. Ideally, images should be less than 500KB in size, with a width of 1500px or 2500px.
  • Keep galleries small. Ideally, limit them to 50 images each. 
  • Keep Banner Slideshows small (less than 10 images), especially on Index pages.
  • Use JPEG (.jpg) images where possible (but PNGs for logos). Limit the number of GIFs.
  • Avoid embedding content where possible. Don't embed content or libraries unless they are essential.
  • Reduce the number of fonts. Fonts must all load behind the scenes before the page can appear in the browser.

-Paul

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digitalbuilding the features that Squarespace didn't include. Pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.  Squarespace. I've been a loyal supporter of the platform since 2007. 

Link to post
  • 0
On 7/25/2020 at 4:11 AM, paul2009 said:

These are part of the Squarespace's custom CMS platform and you cannot remove them.

Bear in mind that these tools are designed for developers who code their sites from scratch and have full control over their code and styles. When you use these tools to test Squarespace sites you'll see results that are not relevant to you.

Things worth considering when trying to increase site performance include:

  • Squarespace 7.1 can appear faster for visitors than Squarespace 7.0 (although it is currently slower on the back-end where you configure it)
  • Squarespace 7.0 Brine-family sites have a feature called Ajax Loading which improves performance over 7.0 templates without this feature.
  • Keep image sizes low. Ideally, images should be less than 500KB in size, with a width of 1500px or 2500px.
  • Keep galleries small. Ideally, limit them to 50 images each. 
  • Keep Banner Slideshows small (less than 10 images), especially on Index pages.
  • Use JPEG (.jpg) images where possible (but PNGs for logos). Limit the number of GIFs.
  • Avoid embedding content where possible. Don't embed content or libraries unless they are essential.
  • Reduce the number of fonts. Fonts must all load behind the scenes before the page can appear in the browser.

-Paul

So basically what are you saying is switch platforms if you want a website that performs better. 🙂

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...