Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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!
Solved! Go to the solution
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
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
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
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
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
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
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.
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.
Wish you a prosperous business!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025