To improve the loading speed of your published site, the following would be effective.
Reduce the number and size of images on the screen at a time
Images are loaded when they scroll and enter the screen, so placing them outside the initial screen will speed up the display.
Reduce the absolute number of boxes per page
It works better if you break up the pages, rather than cramming too much into one page.
Optimizing Fonts
You can reduce loading times by adjusting the number of fonts, styles (italic), and weights applied to text and rich text boxes on your page. Studio offers two main types of fonts:
System Fonts: Default fonts installed on user devices
Web Fonts: Server-delivered fonts provided by font services
System Fonts
System fonts leverage the default fonts installed on your visitors' devices, resulting in faster page load times compared to web fonts since they don't require server-side loading.
Web Fonts Loading Methods
Different font services have varying loading mechanisms. Here's how each type works:
1. System Fonts
Uses fonts pre-installed on visitor devices
Faster loading times
Note: Font appearance may vary depending on user's OS and browser
2. Google Fonts (Web Fonts)
Loads individually for each font weight and style used
Reducing the number of font variations will decrease loading time
Performance improves by limiting font weights and styles
3. FONTPLUS Fonts (Web Fonts)
Loading process involves:
Loading CSS for each FONTPLUS font
Loading the actual FONTPLUS font files used on the site
To optimize loading times, consider:
Reducing the number of FONTPLUS fonts you're using
Removing FONTPLUS fonts entirely
4. TypeSquare (Morisawa) *Available to accounts set to Japanese
Loading process involves:
Loading of scripts required to use TypeSquare itself
Loading of individual font files for each TypeSquare font used on your site
To optimize loading times, consider:
Reducing the number of TypeSquare fonts you're using
Removing TyepSquare fonts entirely
For the best performance, use system fonts when possible and only select web fonts when necessary for your brand identity.
Even after checking the above, if you are experiencing abnormally poor site performance, please contact our support via the chat on the bottom right.