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 1269

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 547

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 116

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 4 (4)

GemPages
Shopify Partner
5625 1262 1269

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 547

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 116

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

SEOAnt-Zoey
Shopify Partner
183 2 6

Hi, I'm glad to participate in this discussion.
The best way to improve website speed is to have professionals help you optimize your site or to use a Shopify app with acceleration features.

Google is now very strict about monitoring website speed. Some experts might use cheating methods to significantly improve your website's speed, but if Google detects this, your site could face penalties, such as having your products removed from Google Merchant Center. Using legitimate methods to speed up your site is a highly technical and time-consuming process, and it can be quite costly.

That's why choosing a Shopify app with acceleration features can be a better option—you won't have to worry about violating Google's rules, and it’s more cost-effective.
I recommend SEOAnt ‑ AI SEO Optimizer.

SEOAntZoey_0-1737955107147.png

 

 


Here’s why:
1.All acceleration features comply with Google’s guidelines. If the app doesn't follow the rules, Shopify will remove it from the app store.
2.SEOAnt ‑ AI SEO Optimizer offers a comprehensive set of acceleration features:
      -Image optimization: For most websites, images are typically the last to load. Losslessly compressing page images can shorten your page load times.
      -Site Speed Up: When users visit the website, this feature limits the loading of third-party resources and the execution of unnecessary programs. It               prioritizes loading your own website resources, saving the time spent on loading third-party resources.
      -Lazy-loading: Preload and render potential target pages before the user's anticipated actions, significantly reducing page switch delays and                         perceived wait times.
      -Instant Page: Before a user clicks on a link, they hover their mouse over it. When a user hovers for 65ms, there’s a 50% chance they’ll click on the link.         At this moment, instant.page starts preloading, giving an average of over 300ms for the page to preload.
      -AMP: AMP (Accelerated Mobile Pages) is an open-source framework launched by Google, designed to help web content load quickly, especially on                mobile devices.

Google has repeatedly emphasized that fast-loading websites not only provide a better user experience but are also more likely to achieve higher rankings in search results.

A study by Google and SOASTA found that increasing page load time from 1 second to 5 seconds increases the likelihood of users leaving by 90%. For every additional second of load time, conversion rates drop by an average of 20%. Another finding is that pages that take more than 3 seconds to load may see a 32% increase in bounce rates.

SEOAnt would like to offer a 40% discount to users who try installing the SEOAnt - AI SEO app. Please install it through this link and enter "SEOAnt-AI SEO40%OFF" on the pricing page to receive 40% off all plans for a period of 2 months, valid long-term.

SEOAntZoey_1-1737955107153.png


Wish you a prosperous business!

SEOAnt is a leading Shopify-based growth solution provider that has helped over one million merchants achieve more by doing less, especially in terms of SEO efforts, image compression, broken link management, cart conversions, and customer trust & engagement building, etc.

Official Website
| SEOAnt ‑ AI SEO Optimizer - Guide you to achieve higher rankings on search engines and gain more stable, free traffic.