Why speed score on Google PageSpeed Insight important?
! Key insights to take away
Beginning from this August 2021, Google will complete their update on new algorithm that speed score is one of the most important factors for SEO ranking and advertisment. You can check this link for detailed informtion.
In another word, your website would be hard to do an effective SEO campaign and grow in sales revenue if the speed is too slow. That can be considered one of the most critical elements for the development of an E-commerce business. Investment on optimizing page speed is essential for long term growth.
Third-party apps
Most third-party apps add additional JavaScript and CSS resources, which Google PageSpeed Insights will flag here as well. In these cases, you would need a manual investigation on each third-party codes using to optimize them, which our Swift Expert can help you address.
Theme
Your theme is a key player in your page speed, Some themes are built for performance. Using a faster theme could be the biggest change you make. It’s also a chance to clean your store – leftover code from uninstalled apps could be remained in your current theme.
PageSpeed Insights should be used to provides suggestions on how that page may be improved.
Sometimes it suggest you to optimize problem areas on your site that you can address. For example: Defer Offscreen Images. It means your store is not implemented Lazyloading technique properly.
It might also alert you have a heavy JS code comes from youtube video or third-party apps, which you need to consider whether they’re worth to keep.
Optimize image and video
Oversized images and images that are hidden from view can interfere with loading other, more important parts of a page. If users have to wait for large images to load, they might perceive your store to be slow.
Rather than use the default YouTube/Vimeo embed, which adds a huge of resources to a page whether the user plays the video or not, use the little tiny placeholder webpage that is just an image you can click that is linked to the YouTube embed.
Implement lazy loading
Lazy-loading is a technique that defers loading of non-critical resources at page load time.
This technique, while improving speed and performance, also makes the user think that the site is loading quicker than it actually is.
Theme or app features
Certain features, when enabled, might also affect your store speed. For example, some quick view pop-ups pre-load information from every product page when a collection page loads. Loading extra data your customers aren't using can impact your store speed without adding value.
If you think that a feature is slowing down your store, you can take the following steps:
Disable features if they are not being used.
Disable the feature if you don't need it. Consider the balance between online store features and speed.
Minify your JS/CSS
Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser. You should minify your Javascript and CSS resources to improve your page load performance.
Do not use GIF
Animated GIFs are popular on the web for good reason. They provide more engagement than an ordinary image. However GIFs are a terrible format for storing video and are often huge in size leading to slow page load times and high data usage.
With HTML5 video, you can reduce the size of GIF content by up to 98% while still retaining the unique qualities of the GIF format in the browser
Font
Do not use a font that does not yet exist on your customer's computer, then the font has to be downloaded before your text can be displayed. This impacts the time that your store takes to load.
To avoid downloading a new font to your customer's computer, you can use a system font. A system font is a font that is already installed on most computers.
If you are looking for a solution that can help to increase your speed score on both mobile and desktop significantly, you can use our Swift Expert service for the most effective optimize option.
Should you need further information about the Expert service or analysis for your individual site, please feel free to contact us via live chat or email us at support@onecommerce.io
Beginning from this August 2021, Google will complete their update on new algorithm that speed score is one of the most important factors for SEO ranking and advertisment. You can check this link for detailed informtion.
In another word, your website would be hard to do an effective SEO campaign and grow in sales revenue if the speed is too slow. That can be considered one of the most critical elements for the development of an E-commerce business. Investment on optimizing page speed is essential for long term growth.
Which factors has high impact on your speed score?
Third-party apps
Most third-party apps add additional JavaScript and CSS resources, which Google PageSpeed Insights will flag here as well. In these cases, you would need a manual investigation on each third-party codes using to optimize them, which our Swift Expert can help you address.
Theme
Your theme is a key player in your page speed, Some themes are built for performance. Using a faster theme could be the biggest change you make. It’s also a chance to clean your store – leftover code from uninstalled apps could be remained in your current theme.
What PageSpeed Insights is good for?
PageSpeed Insights should be used to provides suggestions on how that page may be improved.
Sometimes it suggest you to optimize problem areas on your site that you can address. For example: Defer Offscreen Images. It means your store is not implemented Lazyloading technique properly.
It might also alert you have a heavy JS code comes from youtube video or third-party apps, which you need to consider whether they’re worth to keep.
What should you do to optimize your store speed?
Optimize image and video
Oversized images and images that are hidden from view can interfere with loading other, more important parts of a page. If users have to wait for large images to load, they might perceive your store to be slow.
Rather than use the default YouTube/Vimeo embed, which adds a huge of resources to a page whether the user plays the video or not, use the little tiny placeholder webpage that is just an image you can click that is linked to the YouTube embed.
Implement lazy loading
Lazy-loading is a technique that defers loading of non-critical resources at page load time.
This technique, while improving speed and performance, also makes the user think that the site is loading quicker than it actually is.
Theme or app features
Certain features, when enabled, might also affect your store speed. For example, some quick view pop-ups pre-load information from every product page when a collection page loads. Loading extra data your customers aren't using can impact your store speed without adding value.
If you think that a feature is slowing down your store, you can take the following steps:
Disable features if they are not being used.
Disable the feature if you don't need it. Consider the balance between online store features and speed.
Minify your JS/CSS
Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser. You should minify your Javascript and CSS resources to improve your page load performance.
Do not use GIF
Animated GIFs are popular on the web for good reason. They provide more engagement than an ordinary image. However GIFs are a terrible format for storing video and are often huge in size leading to slow page load times and high data usage.
With HTML5 video, you can reduce the size of GIF content by up to 98% while still retaining the unique qualities of the GIF format in the browser
Font
Do not use a font that does not yet exist on your customer's computer, then the font has to be downloaded before your text can be displayed. This impacts the time that your store takes to load.
To avoid downloading a new font to your customer's computer, you can use a system font. A system font is a font that is already installed on most computers.
If you are looking for a solution that can help to increase your speed score on both mobile and desktop significantly, you can use our Swift Expert service for the most effective optimize option.
Should you need further information about the Expert service or analysis for your individual site, please feel free to contact us via live chat or email us at support@onecommerce.io
Updated on: 09/01/2023
Thank you!