Re: Product Pages - slow video loading

Solved

Why do my product page videos load slowly?

guyv
Trailblazer
249 0 69

Hi All,

 

Please can someone assist me.

 

I've noticed that the embedded Youtube videos at the top of my product pages are taking a long time to load. I didn't seem to have this issue before and I'm not too sure if it's an issue with my internet connection / ISP or something else. Please can you try clicking on the following links and seeing if the video at the top of the description takes a long time to load or not.

 

https://electricrideco.com/products/exway-flex-electric-skateboard

 

https://electricrideco.com/products/maxfind-max2-pro

 

Thanks in advance!

Accepted Solutions (3)

GemPages
Shopify Partner
5625 1262 1283

This is an accepted solution.

Hello @guyv 

I would like to give you some recommendations to support you
I checked the above 2 sites and found Youtube Videos to load pretty fast. Check video from my side: https://www.loom.com/share/e213c75441c2466bb7ab4806fe3c405e. You should check your internet connection again.
Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

flareAI
Shopify Partner
2405 224 549

This is an accepted solution.

Hello @guyv,

 

I'm Gina - Product Manager at flareAI. flareAI has helped Shopify stores generate $5+ million in sales from Google Search, on autopilot.


If it's helpful to you, please let me know by giving it a like or marking it as a solution.


I have taken a look at the pages you shared. For me, YouTube videos are loading faster. There can be some other reasons for the page speed.


The faster your site is, the more users you are likely to convert.


1. Image compression is important and a necessity for faster loading web pages. Make sure your images are of good quality and do not add too many images on a single page.
2. Reduce the HTTP requests. For example: Combine & inline your CSS scripts
3. Minimize broken links and redirects - Avoid unnecessary Redirects and fix broken links
4. Using slideshow, which are high-quality images combined with transitions, take time to load when the user clicks the link to the homepage. So instead you can use a single high-quality hero image.
5. Always choose a theme that is responsive, fast, and takes minimal time to load the page
If you choose a theme with numerous sliders, fancy animations, advanced navigation systems, etc., will affect your page speed. If your theme is loading slow, consider disabling the theme features you don't need.
6. Don't add too many images on a page
Adding too many images on a page can be frustrating. It can significantly slow the load time of your website. Also, it can overwhelm visitors, which will ultimately result in a poor user experience, a high bounce rate, and a high probability of lower rankings in relative search results.
7. Use Lazyload wherever required to reduce initial load time
8. Remove all unwanted Shopify Apps which you are not using
You should disable app features you don't use, or you can remove the app if you don't need it. If you are removing an app make sure to remove code that was added as part of the app install process.
9. Replace GIFs with static images
10. You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.
11. Removing unused app code is a best practice that avoids running code for unused features, and makes your theme code easier to read.
12. Themes contain CSS, JS, HTML which can increase and affect your store speed. So disable theme features you don't use.
13. Loading extra data your customers aren't using can impact your store speed without adding value.
14. Use a System font which is a font that is already installed on most computers. For example: Segoe UI, Times New Roman. If you 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.
15. Use minified CSS and JS files


Is your competition out-spending your store marketing budget? Every marketing channel demands more $$$, except one. Consumers trust Google and rely on it even more and are using at a rate that exceeds the growth of display and organic social. flareAI actively grows your store presence on Google Search. flareAI will help to scale your site sustainably at NO Agency fees, NO Pay-per-click, NO paid marketplaces. With flareAI, your site can access the world's dominant Free eCommerce services in one Shopify App.


If you found the answer helpful consider supporting the Shopify Community by giving it a Like + Accept the solution.


Gina
flareAI

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing

View solution in original post

Cedcommerce
Shopify Partner
718 77 117

This is an accepted solution.

Hello @guyv,

 

We did not face any such issue with your webpage, although you can try an alternative solution to resolve this issue. 

 

You can display the video thumbnail early and then load the video. Check the below documentation for more help. 

 

https://codepen.io/shaneapen/pen/qdmoLY

 

Hope this works, in case not please get in touch with us and we will do this for you.

 

Happy to help! 

 

Regards, 

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here

View solution in original post

Replies 3 (3)

GemPages
Shopify Partner
5625 1262 1283

This is an accepted solution.

Hello @guyv 

I would like to give you some recommendations to support you
I checked the above 2 sites and found Youtube Videos to load pretty fast. Check video from my side: https://www.loom.com/share/e213c75441c2466bb7ab4806fe3c405e. You should check your internet connection again.
Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

flareAI
Shopify Partner
2405 224 549

This is an accepted solution.

Hello @guyv,

 

I'm Gina - Product Manager at flareAI. flareAI has helped Shopify stores generate $5+ million in sales from Google Search, on autopilot.


If it's helpful to you, please let me know by giving it a like or marking it as a solution.


I have taken a look at the pages you shared. For me, YouTube videos are loading faster. There can be some other reasons for the page speed.


The faster your site is, the more users you are likely to convert.


1. Image compression is important and a necessity for faster loading web pages. Make sure your images are of good quality and do not add too many images on a single page.
2. Reduce the HTTP requests. For example: Combine & inline your CSS scripts
3. Minimize broken links and redirects - Avoid unnecessary Redirects and fix broken links
4. Using slideshow, which are high-quality images combined with transitions, take time to load when the user clicks the link to the homepage. So instead you can use a single high-quality hero image.
5. Always choose a theme that is responsive, fast, and takes minimal time to load the page
If you choose a theme with numerous sliders, fancy animations, advanced navigation systems, etc., will affect your page speed. If your theme is loading slow, consider disabling the theme features you don't need.
6. Don't add too many images on a page
Adding too many images on a page can be frustrating. It can significantly slow the load time of your website. Also, it can overwhelm visitors, which will ultimately result in a poor user experience, a high bounce rate, and a high probability of lower rankings in relative search results.
7. Use Lazyload wherever required to reduce initial load time
8. Remove all unwanted Shopify Apps which you are not using
You should disable app features you don't use, or you can remove the app if you don't need it. If you are removing an app make sure to remove code that was added as part of the app install process.
9. Replace GIFs with static images
10. You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.
11. Removing unused app code is a best practice that avoids running code for unused features, and makes your theme code easier to read.
12. Themes contain CSS, JS, HTML which can increase and affect your store speed. So disable theme features you don't use.
13. Loading extra data your customers aren't using can impact your store speed without adding value.
14. Use a System font which is a font that is already installed on most computers. For example: Segoe UI, Times New Roman. If you 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.
15. Use minified CSS and JS files


Is your competition out-spending your store marketing budget? Every marketing channel demands more $$$, except one. Consumers trust Google and rely on it even more and are using at a rate that exceeds the growth of display and organic social. flareAI actively grows your store presence on Google Search. flareAI will help to scale your site sustainably at NO Agency fees, NO Pay-per-click, NO paid marketplaces. With flareAI, your site can access the world's dominant Free eCommerce services in one Shopify App.


If you found the answer helpful consider supporting the Shopify Community by giving it a Like + Accept the solution.


Gina
flareAI

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing

Cedcommerce
Shopify Partner
718 77 117

This is an accepted solution.

Hello @guyv,

 

We did not face any such issue with your webpage, although you can try an alternative solution to resolve this issue. 

 

You can display the video thumbnail early and then load the video. Check the below documentation for more help. 

 

https://codepen.io/shaneapen/pen/qdmoLY

 

Hope this works, in case not please get in touch with us and we will do this for you.

 

Happy to help! 

 

Regards, 

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here