Critical CSS

Speed up your store for first time visitors

Critical CSS works by preloading all the visual content the user sees when they navigate to your website, and downloading the rest in the background. This means when a user comes to your site, they will be able to see the first screen much faster. While they look around and decide what to do next (e.g. whether to scroll down, navigate to a different page, etc), the styles for the entire website are loaded and the user can continue as normal.

Everything is done with 1 click and you can restore everything back to normal whenever you like.

First time vs next time

Most performance enhancing apps focus on speeding up your website by trying to guess what the user will navigate to next, and load it beforehand. This is useful and has its place, but the first visit is the most important. It's when a new customer forms their opinion of your shop and when returning customers are starting another experience with you. If the start is slow, it doesn't matter how fast the middle or the end is.

Critical CSS improves the loading speed for first time users.

It's all about performance

Website performance is starting to play a bigger part on the web. Shopify have recently launched a performance score, while Google are increasingly taking website performance into account when ranking in search results.

This is a small but important piece of the puzzle, helping your store be as fast as possible and give your customers the best experience.