Question 1

What is Smart Preloading and how to set up

Accepted Answer

I. What is Smart Preloading

Smart Preloading 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

Question 2

What is Simple Preloading method?

Accepted Answer

Swift uses Simple Preloading method to predict resources based on mouse position, then makes your site’s pages instant just in time without any huge effort.

On desktop, by preloading pages right before a visitor clicks on a visible link: Before a visitor clicks on a link, they hover their mouse over that link. And by this way, Swift helps you start preloading at this moment, and leaving on average over 300 ms for the page to preload. As the result, it does increase their good experience and fasten your page loading speed as well.

On mobile: Not like desktop, on mobile it will prefetch links when visible in viewport and preload every visible links.

To have more clear experience on how to use Simple Preloading, please refer to our video as the below:

On desktop:

https://www.youtube.com/watch?v=1zpofPbT44s&feature=youtu.be

On mobile:

https://www.youtube.com/watch?v=cuNQte2GAl0&feature=youtu.be

Hope you enjoy Swift and have a wonderful experience!

Should you need further support, please feel free to contact us via live chat or email us at support@onecommerce.io

Question 3

PRIVACY POLICY

Accepted Answer

Last updated on September 22, 2020.

Perfect Apps Inc. ("Perfect Apps", "we", "us" or "our", as appropriate) respects an individual's privacy and will only collect, use or disclose your personally identifiable information (personal information) in accordance with its Privacy Policy. We recognize every individual's right to privacy and acknowledge our obligation to preserve the confidentiality of personal information. This Privacy Policy governs the collection, use, storage and disclosure of the personal information of the users ("User(s)" or "you") of our website https://PerfectApps.io ("Website"), products, and services, including our applications available on the Shopify platform https://apps.shopify.com/partners/PerfectApps ("Apps"). Perfect Apps is responsible for how we collect, handle, and use this information.

Perfect Apps reserves the right to update its Privacy Policy at any time and such modifications shall be effective immediately, unless otherwise stated.

Please note that this Privacy Policy constitutes an integral part of the terms and conditions of use of our Website, in addition to any terms and conditions specific to the use of our Apps, as applicable.

PERSONAL INFORMATION COLLECTION AND CONSENT

Q: What is Smart Preloading and how to set up

<h3 id="iwhatissmartpreloading">I. What is Smart Preloading</h3> Smart Preloading 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

Q: PRIVACY POLICY

Last updated on September 22, 2020. Perfect Apps Inc. ("Perfect Apps", "we", "us" or "our", as appropriate) respects an individual's privacy and will only collect, use or disclose your personally identifiable information (personal information) in accordance with its Privacy Policy. We recognize every individual's right to privacy and acknowledge our obligation to preserve the confidentiality of personal information. This Privacy Policy governs the collection, use, storage and disclosure of the personal information of the users ("User(s)" or "you") of our website https://PerfectApps.io ("Website"), products, and services, including our applications available on the Shopify platform <a href="https://apps.shopify.com/partners/PerfectApps">https://apps.shopify.com/partners/PerfectApps</a> ("Apps"). Perfect Apps is responsible for how we collect, handle, and use this information. Perfect Apps reserves the right to update its Privacy Policy at any time and such modifications shall be effective immediately, unless otherwise stated. Please note that this Privacy Policy constitutes an integral part of the terms and conditions of use of our Website, in addition to any terms and conditions specific to the use of our Apps, as applicable. <h1 id="personalinformationcollectionandconsent">PERSONAL INFORMATION COLLECTION AND CONSENT</h1> Perfect Apps may collect personal information that can identify you when you (i) access our Website, (ii) download and subscribe to our Apps, (iii) order or request information about our Apps or our services. The

Perfect Apps may collect personal information that can identify you when you (i) access our Website, (ii) download and subscribe to our Apps, (iii) order or request information about our Apps or our services. The

Question 4

Understanding Smart Preloading and how top companies uses it to speed up their sites

Accepted Answer

Why using Smart Preloading?

eBay observed that, by implementing preloading, the Median Above Fold Time reduced from 1.2 seconds to 0.39 seconds. They also noticed a positive impact on conversion from preloading.

After preloading was implemented, Netflix was able to reduce Time To Interactive by 30%.

Italian sports portal Virgilio Sport uses service workers to prefetch the most popular posts in their home page. As a result of this, over 3 weeks of observation Virgilio Sport witnessed load times for navigation to articles improve 78%, and the number of article impressions increases by 45%.

How it works?

By consuming data from an analytics source, such as Google Analytics, Swift enables your store to prefetch resources only when they are likely to be needed. This can make subsequent navigations appear to load instantly.

For example, we have a website with three pages - home, about, and collections. Also, let us suppose that from Google Analytics data we predict that there's a 95% chance the user to visit the collections page from the home page and only a 5% chance to go to the about page. In this case, while the user is on the home page we can download all the resources from the collections page so that the user's subsequent navigation could be as quick as possible.

When we're performing preloading based on a prediction for the user's behavior we're applying smart preloading.

Compare to other types of preloading

Simple Preloading: Be

Question 5

What is Perceived Speed?

Accepted Answer

As you know slow sites can have a negative impact on revenue, and fast sites are shown to increase conversion rates. Retaining users is crucial to improving conversions. So you can see how speed performance is impacting user experience.

However, besides specific technical methods to improve factors which impact directly on your store speed, for example decreasing the size of images or video to increase your store speed, we would like to bring to you Perceived Speed as an optimal solution to improve your store performance indirectly through improving the user’s perception of time while waiting for or interacting with your website.

I. What is Perceived Speed

Simply, Perceived Speed is how fast your customers think your site is. By prefetching all the resources are highly likely that the user will visit your website based on the Smart Preloading method, which helps your customers land on your site instantly without waiting for a page to load. From that, optimizing Perceived Speed will make your site seem to be loaded quicker than reality.

__Example: __

Collection page on your site needs an average of 10 seconds to load, so we use Smart Preloading to preload resources with high probability on this page before your visitors land on the collection page. So then, once the visitors click on this page, they will be delivered on the page instantly without waiting too much. Her

Question 6

How to remove all Swift codes out of your store

Accepted Answer

A. When you optimize images and/or optimize theme, if something unexpected occur in your live theme, no worries, please contact our CS team for help or:

Click on “I have trouble with theme” then click on “Remove Code” button in the popup to remove all our codes that applied into your live store.

B. In case you want to uninstall our app and remove all our codes out of your store:

Firstly, please go to Shopify admin > Online store > Themes > Action > Edit code

Layout section > find theme.liquid file > Ctrl + F > enter "core" to find and clear this code line {% include 'swift_core' %}

Enter "swift" in Search bar > Snippets > find swift_core.liquid file > Delete this file

Please check your plan and do these steps to remove all codes completely.

Actual Speed: you need to click on “Remove code” as the instruction above to remove entire Actual Speed code before uninstalling.
Perceived Speed: Simply all codes in Perceived Speed will

Frequently Read Articles

Browse All Categories