This article is also available in:
Swift boost your Actual Speed by optimizing images through Smart Lossy Compression method and prevalent technologies used to optimize theme as the following:
Lazyload images
Minify CSS file
Extract critical CSS
Preload web fonts
Minify Javascript files.

This is a great solution to get your site's page loaded quickly and optimize your page's performance effectively.
By don't make your customers wait to get the information they want, just let's speed up your page to deliver information to customers instantly. From that, it will bring a wonderful experience to customer landing on your site, increase their satisfaction and also boosts your conversion as well.

PROCESS

In Actual Speed section, the user clicks on "Let's start" then tick on technical methods on popup to start optimizing images and/or theme at the same time.

At this moment, the app will duplicate the user's active theme

In case the user already had 20 themes, we cannot duplicate a new theme to optimize, please remove unused themes then we can process the next step. Please visit this link to learn more about the theme limit in Shopify.

Apply code by aforementioned technologies on the duplicated theme.

Show 3 options in the app, including Preview, Publish, Delete button to choose and have a preview on this duplicated theme.

If the user clicks on "Delete" button, all changes which were applied on the duplicated theme will be removed and the user has to run the optimization process again.

On Preview, if it looks good, the user clicks on "Publish theme". Swift will publish code on the active theme. Otherwise, the user has to update code again and back to step No.4.

Publish the optimization on the user’s active theme successfully

Trigger message to ask the user to turn on Auto optimization

After the first theme has been published successfully, ask the user whether they want to auto optimize image/ theme next time. Also, if the user has turned on Auto optimization (Optimize image and Optimize theme button already, it will not show a reminder message later then.

NOTE:
Optimization or changes will not affect the user's live store theme until they have published changes on theme.
The number of optimized theme files will be saved and updated once the user has published changes on their store theme successfully.
The number of optimized theme files which were published on theme WILL NOT be decreased even if the user has removed code.
Similarly, the number of optimized images also WILL NOT be decreased even if the user has done restore.
After 7 days from the day to start optimization, if the user has not published theme yet, all changes on the duplicated theme will be canceled and the user has to re-optimize.
In case, the user changes a new theme, we will send an in-app popup to notice that "You have changed your theme recently! You need to run our optimize process again to speed up your new theme".
Flow to check and optimize image and theme:

Image

Start --> check new images every 24h --> if the user turns on Auto optimization already --> run process to optimize image
if the user has not turn on it yet --> send in-app message to remind the user

Theme
Start --> check theme every 7 days --> see if there are new code/files or not --> if the user turns on Auto optimization already --> run process to optimize theme
if the user has not turn on it yet --> send in-app message to remind the user

Hope this would be helpful for you.

Should you need some more help, please feel free to contact us via live chat or email us at support@perfectapps.io
Was this article helpful?
Cancel
Thank you!