Site loading speed refers to how quickly users can see and interact with content after visiting your site. If your site loads slowly, visitors have to wait for content to appear, which can cause them to leave. Just like design and content quality, loading speed is an important part of building a great site.
Tip: Switching to the new infrastructure improves loading speed
As of June 11, 2026, Studio.Design's published site infrastructure has been updated to a setup that returns fully-rendered HTML from the server. This new infrastructure is designed to improve page loading speed, stability, and SEO performance.
For projects created before June 11, 2026, switching the published site infrastructure to the new one is expected to improve loading speed.
If you're still using the previous infrastructure, we recommend switching to the new one.
💡 For detailed steps on how to switch infrastructure, see Switching your site's published infrastructure.
💡 For details on the published site infrastructure specifications, see Studio.Design's published site infrastructure.
Measurement tools
You can check your site's performance and loading speed using external services like PageSpeed Insights.
These tools evaluate not only loading speed but also factors like layout stability and ease of interaction, based on metrics defined by providers like Google.
The scores shown are reference values only and don't fully reflect every visitor's actual experience or environment. When improving your site, look beyond the numbers and consider whether the changes will genuinely improve loading speed and user experience.
Reference: About PageSpeed Insights | Google for Developers
Note: When checking loading speed or user experience, always test on your published site. Live Preview reflects your changes in real time, so it loads slower than the published site.
Ways to improve loading speed
1. Reduce the number of boxes per page
The more boxes a page contains, the longer it takes to load.
If you've packed a lot of content into a single page, try splitting it across multiple pages to reduce the loading time per page.
2. Reduce the number of images on a page
Images take longer to load than text. Reducing the number of images on a page reduces loading time accordingly.
3. Reduce external resources like videos and custom code
Embedded YouTube or Vimeo videos and external scripts loaded via custom code take time to fetch and process. If PageSpeed Insights flags these as items you can improve, consider removing them.
4. Disconnect Apps you're not using
Apps integrations like Google Analytics also add to load time. If you have connected apps you're no longer using, disconnect them to cut down on unnecessary loading.
5. Adjust your fonts
You can reduce loading time by adjusting the number of fonts, styles (such as italic), and weights applied to text and rich text boxes on your page.
Studio.Design offers two main types of fonts:
System Fonts (standard fonts built into the device)
Web Fonts (server-delivered fonts provided by font services)
System Fonts use the default fonts already installed on the visitor's device, so they help reduce overall page loading time compared to Web Fonts, which need to be loaded from a server.
Since Web Fonts are loaded differently depending on the service, refer to "How fonts are loaded" and choose the approach that works best for your project.
For more on the features and differences between these two font types, see Tips for choosing and using fonts: System Fonts vs. Web Fonts.
1. System Fonts
System Fonts use the default fonts installed on the visitor's device. While this reduces loading time compared to Web Fonts, the displayed font may vary depending on the visitor's environment (OS or browser).
2. Google Fonts (Web Fonts)
Google Fonts are loaded for each font used on your site, including each weight and style. Reducing the number of fonts, weights, and styles will reduce the loading required.
3. TypeSquare Fonts (Web Fonts)
Displaying TypeSquare fonts requires the following to load:
A script to use TypeSquare itself
Font files for each TypeSquare font used on your site
To reduce loading, consider one of the following:
Reduce the number of TypeSquare fonts you use
Stop using TypeSquare entirely and use zero TypeSquare fonts
4. FONTPLUS Fonts (Web Fonts)
Displaying FONTPLUS fonts requires the following to load:
CSS for loading each FONTPLUS font
Font files for each FONTPLUS font used on your site
To reduce loading, consider one of the following:
Reduce the number of FONTPLUS fonts you use
Stop using FONTPLUS entirely and use zero FONTPLUS fonts
6. Avoid overusing the hide setting
Try not to overuse the "Display setting" that shows or hides elements. Hidden elements are still included in the published site's source code, so resources are still loaded for them.
A common example is handling responsive design entirely with display settings. Creating separate sections for tablet and mobile and toggling them on and off is inefficient to manage and update. Instead, set up proper responsive settings and avoid using display settings unnecessarily.
Note: About the impact of speed improvements
Studio.Design is continuously working to improve loading speed, but even if you implement all the items in this article, dramatic improvements beyond the current system's capabilities may not be possible. If your site still loads unusually slowly after trying these steps, please reach out to chat support with the following information:
Details of the issue
URL of the affected page
Which steps from this article you've already tried
Related articles
site speed