Q: What is Smart booster?

<h3 id="iwhatissmartbooster">I. What is Smart booster?</h3> Smart booster is a technique called Predictive Preloading also. By consuming data from google analytics, we analyze this mathematical data to predict the user's behavior and dynamically create a predictive model that can be used to smartly prefetch only what the user is likely to need. For instance, it predicts the most likely page a user is going to visit next on a site or which link is most likely to be clicked, so simply the app prefetch resources only when they are likely to be needed, and deliver the page instantly to users without waiting time. From that, it increase users' happiness when they experience shopping on your site For example: We suppose that we have a website with three pages - home, policy, and contacts. Also, we suppose that from Google Analytics we know that there's 90% chance the user to visit the policy page from the home page and only 10% chance to go to the contacts page. In this case, while the user is in the home page we can download/prefetch all the resources from the policy page so that the user's subsequent navigation could be as quick as possible. This technique is known as prefetching. When we're performing prefetching based on a prediction for the user's behavior we're applying predictive prefetching Based on Google Analytics report, it will select which pages on your site are very likely the user clicks or hovers to preload, so there might be some small resources/ pages on the web that

Question 1

How to optimize images?

Accepted Answer

I. What is optimize images function by Swift?

Swift will transfer images in JPG/ JPEG/ PNG types into WEBP type as well as compress the image size for making it load faster.
This function is for Premium, Premium Plus and Expert Care plans, users have 1000 images to optimize each month.

| Optimized images can be restored.

||| Please do not optimize featured/mobile/animatic images, because WEBP image type will block images' function leading to broken images.

|| WEBP is the most recommended image type for preloading on website.

II. Sync Images

When users initial use Optimize Images, all images of their store are synced into the app

For the new added images, users need to click 'Sync images' button to synchronize new images into the app

| Users can only sync images once per day.

III. How to optimize images in Swift app?

From Speed Optimizer, choose tab Optimize Images:

1. Select one image to optimize

OR select all to optimize

2. Check the status of optimized images

![](https://storage.crisp.chat/users/helpdesk/website/cb92164b6e8ef000/screenshot20_1k33b

Question 2

How to optimize theme?

Accepted Answer

I. What is Optimize theme?

II. Start to optimize

At default, we use tech methods such as Lazy load image, Minify CSS file, Extract critical CSS, Preload web fonts, Minify Javascript file to optimize your theme. Please refer to this article for more information about technologies we use to optimize theme.

To optimize your theme, simply click on the button "Start"

Note: Swift does create a duplicated theme from your original theme, then apply our code as the above methods on this duplicated theme. We will let you preview all changes/optimization on the duplicated theme before you decide to apply our code and publish changes/optimization on your original theme or not

III. Theme History

On Optimization History, you could overview Time to get log, the number of file in Theme Optimization and theme name.

Note: Optimization history: load 5 latest logs sequentially from the upper to the bottom, and from the newest to the oldest log. If it's over 5 logs, it will jump to the next page. All logs will be saved within 30 days from the beginning, logs will be

Question 3

Which technologies does Swift use to improve your store's speed?

Accepted Answer

To optimize your theme, we apply typical technologies below:

Lazyload Images: is a technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need. So Lazy-loading images can lower the initial load time and page payloads on your site.
Preload web fonts: The front-end developer can tell the browser to download a resource for the current page so that it loads faster. (Resource types available include images, fonts, media, and even stylesheets.) Before preload, fonts couldn’t download until the DOM and CSSOM were generated and to do that the browser needed to download the HTML and linked CSS files first in order to discover which font files to download. With preload, front-end developers can tell the browser to download the font files needed at the same time as the CSS files. The faster the fonts download, the faster they can be rendered on screen.
Minify CSS files: CSS files can contain unnecessary characters, such as comments, whitespaces, and indentation. In production, these characters can be safely removed, to reduce file size without affecting how the browser processes the styles. This technique is called Minify CSS file. Since CSS files are often larger than they need to be. Some minifiers can perform clever optimizations to further reduce your file size. So, minifying CSS files can improve your page load performance.
Minify Javascipt files: Minification

Question 4

What is Smart booster?

Accepted Answer

I. What is Smart booster?

Smart booster is a technique called Predictive Preloading also. By consuming data from google analytics, we analyze this mathematical data to predict the user's behavior and dynamically create a predictive model that can be used to smartly prefetch only what the user is likely to need. For instance, it predicts the most likely page a user is going to visit next on a site or which link is most likely to be clicked, so simply the app prefetch resources only when they are likely to be needed, and deliver the page instantly to users without waiting time. From that, it increase users' happiness when they experience shopping on your site

For example: We suppose that we have a website with three pages - home, policy, and contacts. Also, we suppose that from Google Analytics we know that there's 90% chance the user to visit the policy page from the home page and only 10% chance to go to the contacts page. In this case, while the user is in the home page we can download/prefetch all the resources from the policy page so that the user's subsequent navigation could be as quick as possible. This technique is known as prefetching. When we're performing prefetching based on a prediction for the user's behavior we're applying predictive prefetching

Based on Google Analytics report, it will select which pages on your site are very likely the user clicks or hovers to preload, so there might be some small resources/ pages on the web that

Question 5

How to customize loading?

Accepted Answer

I. What is customize loading?

Customize loading helps your website get more attraction and get it closer to your valuable customers by choosing a collection of designs, styles, setting. Furthermore, it makes your website more professional and likely to keep your customers stay longer in your site

Actually this is a great solution to bring an effective approach on your site and boost your sale as well

II. How to make it work

Turn on Swift app embeds

To allow Swift loading screen and functions on your storefront, you need to turn them on through Shopify App embeds.

Turn on "Active Loading Screen" button

**Set up your setting **

Template: there're two type of templates including Icon and Text
Background: you can select Solid color or Custom background
Loading Time: how long a loading screen takes to close and complete
Display: when to show the loading

If you need some more helps, please feel free to contact us via live chat or email us at support@onecommerce.io

Question 6

How to delete your account on the mobile app?

Accepted Answer

Currently, we has the feature that allows your users to delete their accounts that are registered on the mobile app whenever they want.

Simply click on Account icon > Personal information > Delete account

Featured & Frequently Read Articles

Browse All Categories