While Squarespace has a number of measures in place to ensure fast load times, content you add to your site will impact how quickly it loads. For example, pages with a lot of images can load slowly, especially on mobile devices and slower connections.
Whenever possible, keep your pages at least under 5 MB. Use this guide for tips on how to get your page size within this ideal range, which will increase page loading speed.
To see how large a page is, visit Check your page content size.
Tip: In addition to reducing your page size, enable Ajax loading if your template supports it. Ajax loading tells browsers to load your site one page at a time, which can improve its speed.
Help images load quickly
Large images and pages with lots of images can take a long time to load. By following some best practices, you can speed up image-heavy pages.
Reduce image size
Keep images below 500 KB with a width of 1500px to 2500px. An image compressor like JPEGmini can help reduce file size without sacrificing quality. For more image tips, visit Formatting your images for display on the web.
Don’t overload galleries
Limit galleries to 50 images each. Think of Gallery Pages and Gallery Blocks as display cases rather than total inventory. By rotating in new content, you can display a sample of your best images then link to other Gallery Pages for the rest.
Use .jpg images
Whenever possible, use the .jpg image file type. Limit .gifs or animations.
Limit embedded content
As with images, embedded content like YouTube or Vimeo videos can increase load times. Limiting embedded videos per page will help mobile devices load the page faster.
If you have a lot of media content, spread it across multiple pages using links to help visitors navigate from one page to another. To learn more about linking to other pages, visit our guides on text links and clickthrough URLs.
Help Index Pages load quickly
Index Pages contain multiple pages, which can quickly add up on a site. For single-page Index Pages (like Bedford or Pacific), every page loads simultaneously. This can cause loading issues, especially on mobile devices.
When building Index Pages, keep in ind:
- They work best for short, high-impact information and bold headlines. To supply more information, use a text link to direct visitors to a page with additional content.
- Layout pages and Text Blocks load faster than galleries, videos, and embedded content.
- An Index should never have more than 25 galleries.
- In a stacked Index like Pacific, you can use Summary Blocks to lead to galleries instead of relying only on galleries to show your images. For help with the Summary Block, visit Using the Summary Block.
Help Blog Pages load quickly
Use blog excerpts to prevent browsers from loading all content from every post at once. To learn how to add excerpts to blog posts, visit Using blog excerpts.
You can also enable AMP for to help post posts load faster on mobile devices.
Use a few fonts
As a general design rule, consider using no more than two fonts throughout your site. In addition to creating a great-looking design, being selective with your fonts will help improve loading time.
When a browser loads any page on your site, it first loads all fonts selected in Site Styles, including custom Adobe Fonts. If you have many different fonts, all of them must load behind the scenes before the page can appear in the browser.
To optimize loading time even more, you can use web-safe fonts, which are fonts that most browsers and operating systems recognize. In Site Styles, these fonts are web-safe:
- Courier New
- Lucida Console
- Lucida Sans Unicode
- Palatino Linotype
- Times New Roman