How can I enhance my site speed? It is a great website but currently nets a speed of 21.

[dank_shades]

My website is www.dankshades.com 

Would love to fix this it use to be in the 30's

Possibly left over code doing this also.

[kazi]

Hello @dank_shades  

You can try to fix the following issues on your store and this will improve your store Speed scores, load time, Google page speed scores, Core web vitals. GTmetrix scores.

▶ Fix render blocking resources
▶ Image optimization
▶ JS/CSS files optimization
▶ Lazyload media JS/CSS files
▶ Optimize CSS/JS delivery
▶ Minimize HTTP requests
▶ Removed unused codes
▶ Fix bad requests ex: 404 links
▶ Optimize Font delivery
▶ Preload files
▶ Optimize APP codes

Here some resources you can follow

https://help.shopify.com/en/manual/online-store/store-speed/improving-speed

https://gofishdigital.com/blog/shopify-speed-optimizations/

https://www.semrush.com/blog/9-tips-for-boosting-the-speed-of-your-shopify-website/

If you need help feel free to contact me Thanks.

[flareAI]

Hello @dank_shades,

By following below steps, you can significantly speed up your Shopify store:

1. You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.
2. 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. You can try some tool like https://tinyjpg.com/.
3. Removing unused app code is a best practice that avoids running code for unused features, and makes your theme code easier to read.
4. Use a theme which is optimized for performance means a theme which 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.
5. Themes contain CSS, JS, HTML which can increase and affect your store speed. So disable theme features you don't use.
6. Loading extra data your customers aren't using can impact your store speed without adding value.
7. 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.
8. 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.
9. Replace GIFs with static images
10. To reduce the initial load time, you can use Lazyload technique
11. Remove third-party JS scripts and Shopify App which you are no longer 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.
12. Minimize HTTP requests. For example: Combine & inline your CSS scripts
13. Avoid unnecessary redirects and fix broken links
14. Use minified CSS and JS files
15. 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.
16. You can use Google PageSpeed Insights to view more detailed metrics for pages in your store.

If your website takes longer than 3 seconds to load, 40% of your traffic will be lost. Apart from speeding up your store, for getting better conversions, make sure your store products are Found on Google. When your customers search on Google, your product can be found only if Google has indexed the page. Note that once a URL gets indexed, customers will start finding your store through organic searches, you will start getting order conversions for virtually zero cost. Making it sustainable business growth. flareAI helps to get your new products found on Google. flareAI works every day for you. Get sales from 20+ world's largest free sales channels, Single click start!

I hope that the above list’s tips will help you decrease the load on your web pages and increase the Shopify website speed.

Hope this was helpful,

Gina
Add flareAI Shopify App today!

[oscprofessional]

@dank_shades ,

I have gone through your store. Your store looks good.

I have checked your site in the lighthouse chrome tool. your website score is very low.

3rd party apps & codes which take time to load and their size . They decrease the speed.

The Opportunities section of your Lighthouse or Page insight tool report lists all offscreen or hidden images in your page along with the potential savings in kibibytes (KiB). Consider lazy-loading these images after all critical resources have finished loading to lower Time to Interactive.

To defer loading of offscreen images in your Shopify site, you will have to modify your Theme (theme.liquid file) to leverage the lazySizes library.

Eliminate render-blocking resources :

The most common render-blocking resources are JavaScript and CSS files that are located at the head of your web page. They load in the above-the-fold area (or the area that you normally see on a website before scrolling down to see the rest of the content) and they are a part of the critical rendering path used by a web browser.

• Deferring all non-critical JS/CSS
• Moving Third-party App stylesheet to the footer.
• Minify the third-party app CSS/JS file.

Other issues you have to work on :

Need to work on following points 

• Theme Upgrade if there is a scope and upgraded theme available
• Reduce JS Payload.
• Use Critical CSS .
• Reduce Large Image Sizes
• Compress Images
• Limit Third Party JavaScript & Shopify Apps
• Preload Web Fonts. 
• I would suggest limiting to one and using a standard web font.

Remove the unused app unused CSS JS file.

By fixing these issues, your website speed score can definitely improve.

If you feel my answer is helpful, like it or give it a thumb up. Let me know if you have any questions. Cheers!

For more details please check the link below. 

https://www.oscprofessionals.com/shopify-performance-optimization/

If anything is missed out or unclear then don't hesitate to ask. Email us or Connect with us on Skype

Have a nice day !

[dank_shades]

If you could help cleanup code on my website I could pay you!

[dank_shades]

If you could help cleanup code on my website I could pay you!!

[kazi]

@dank_shades  Hello  I can help you with optimizing store speed, get high page speed scores on google page speed, faster load time, increase shopify store speed. You can message / mail me for for more info. Thanks.

[oscprofessional]

@dank_shades ,

Please connect me on what's App or Skype.

my details are written below.

[dank_shades]

Hello, Can you optimize my store speed? Let me know what your rates are. I do not to much clutter but it is enough to drop my score a bit

I will email you.

[oscprofessional]

@dank_shades ,

Please share your details Or connect me via What's App or Skype!

[AvadaCommerce]

Hi there,

When it comes to site speed, please note that there are several factors impacting your online store speed, some of which you can control, others you cannot.

Factors you can't control

• Your customer's device, network, and location

• Shopify infrastructure

• Content delivery network (CDN)

• Local browser cache

• Server-side page cache

• The assets inside the content_for_header Liquid tag

Factors you can control

• Unnecessary Apps

When you add apps to change the functionality or appearance of your online store, they add code into the theme so they can run. Some code can be removed or reordered to improve your online store's performance. If you're not using an app, then you can remove it.

• Themes

Themes are made up of Liquid, HTML, CSS, and JavaScript code. When you edit or customize themes, file sizes can increase and affect your store speed.

• Complex or inefficient Liquid code

You can edit almost all of the Liquid that is used to render your store. There are efficient and inefficient ways of writing Liquid code. Doing complex operations repeatedly can increase your Liquid render time, which impacts your overall store speed.

• Images and videos

High-resolution images usually require large files and therefore slow down page loading times.

• Fonts

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.

I suggest you try AVADA SEO Suite which has great features that can help you with improving site speed such as Image Optimization, Speed Up, Lazy Loading, and Minification (removes unnecessary information from the source code). 

You can also refer to this Shopify post about Improving Speed.

I hope my answer can help you achieve your goals.