Articles on: Swift
This article is also available in:

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

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 is the process of removing whitespace and any code that is not necessary to create a smaller but perfectly valid code file. So it can reduce payload sizes and script parse time.

Extract Critical CSS: Critical CSS is a technique that extracts the CSS for above-the-fold content in order to render content to the user as fast as possible.

We use Smarty lossy compression method provided from the third-party (Tinypng), to optimize your image, reduce the file size of your image files with some quality loss by selectively decreasing the number of colors in the image, fewer bytes are required to store the data. But this loss is usually not detectable to the human eye. As a result, the image is optimized effectively, and all unnecessary metadata is stripped too, which will help your website use less bandwidth and load faster.

To learn more, please visit References:

Lazyload images
Preload web fonts
Minify CSS files
Minify Javascript files
Extract Critical CSS

Hope this would be helpful for you.
Should you need further support, please feel free to contact us via live chat or email us at support@onecommerce.io

Updated on: 09/01/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!