How to make your website faster

If you have a website full of beautiful images, you may be worried about two things.

1. Having your images downloaded and used without permission (especially if you’re a photographer)

2. Having your site speed slow down due to too much content

Luckily for you, there are some solutions that can help with both these concerns.

First off, there are some guidelines around how to best optimize your images for site speed. When it comes to image size, bigger isn’t always better. Uploading large images can affect site performance.

For that reason, it is recommended that you do not upload files larger than 500 KB (though the limit for an individual image upload on Squarespace is 20 MB).

Best practice is using images that are between 1500 and 2500 pixels wide. I personally want to do whatever it takes to improve my site performance because it’s too easy to lose a visitor nowadays over slow site loading time. I hope you will too. :)

This doesn’t just apply to photo galleries, but also any images you use in blog posts, banners, product info and anything else on your site where you include an image. If you haven’t done this already, it might be time to do some housekeeping on your site. You can get more details on formatting images for Squarespace here.


The other benefit of following the above guidelines is that it will discourage others from downloading your images and using them for reproduction. If the images are too small, they won’t be able to use them for much as they won’t have the best quality resolution. Rest assured, these sized will still display your images beautifully on your website. 

You can also watermark your photographs if they are your own. That way at least, you’ll be somewhat credited for them.

The best thing to do though is to add a little bit of code to prevent them from right-clicking on your images all-together like I did!

To do that in Squarespace, just copy and paste the following code in the Header Code Injection:

<script language=JavaScript> var message="Function Disabled!"; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") </script>

Now, I will tell you that it isn't possible to completely prevent someone from copying an image on your site. Hackers will be hackers after all. But, I for one want to do everything possible to give myself an edge. At least I can discourage the lazy ones from trying to steal my photos. :)