Speed Optimization

Highlighted
New Member
2 0 0

Hi, I tried to make the page speed of site https://www.shopuntangled.com/ on mobile view above 80%  but failed to achieve.But getting above 80% on desktop over Google Insight. Please Suggest any Method to it

0 Likes
Highlighted

Hi @SynapseN,

 

In order to Improve your website speed you need to:

 

  1. Remove unnecessary code on a high priority basis.
  2. Compressed images or Defer offscreen images.
  3. Web Pages need to be Minified.
  4. Reduce JavaScript execution time
  5. Minimize main-thread work
  6. Use fast and reliable hosting
  7. Use a content delivery network (CDN)
  8. Organize your tracking with Google Tag Manager
  9. Beware of excessive liquid loops
  10. Decrease thumbnail image size
  11. Weigh the benefits of installing another app

By fixing these issues, your website speed score can definitely improve. For more details please check - https://www.oscprofessionals.com/shopify-performance-optimization/

 

I hope you like my feedback!!! If you have any questions, don’t hesitate to ask!! I am available on skype-oscprofessionals-87, you can contact me there for any queries.

 

 Thank You!

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Explorer
109 3 4

Hi, 

 

This is Song Fei from Giraffly company which develops apps for Shopify. We developed an app can help you to boost your page speed.

 

There is a time between a user hover the mouse over a link and actually click on it. That time is so quick and people won't even notice while our App detects and takes good advantage of that time and do a just-in-time preloading for that page. So when you click on that link, that pre-loaded page opens instantly. This principle works on mobile as well, as when a user touching a link and before releasing it leaves PageSpeed Boost a good time to preload that page.

 

And you can see more instruction here: Page Speed Boost. It's an amazing app!

0 Likes
Highlighted
Tourist
16 0 2

Hi, here are some of the tips for most common problems

 

  1. Deep Problem Analysis

I am going to break down a few ways to analyze your site problems; obviously, following the suggestions that are given will often improve your site.

 

PageSpeed Insights tool reveals the critical elements for mobile and desktop separately like:

  • Optimize images
  • Minify CSS
  • Minify JavaScript
  • Eliminate render-blocking JavaScript and CSS in above-the-fold content
  • Leverage browser caching and Reduce server response time
  • Avoid landing page redirects
  • Gzip compression

Pay attention to each of the categories, and also check your page speed through Gtmetrix and Pingdom 

 

  1. Make Your Page Lightning Fast with AMP

Accelerated Mobile Pages — or AMP is an open standard framework designed for any publisher to create fast-loading web pages on mobile devices.

More than 50% of shoppers buy from mobile devices, so it is important to make sure your website is mobile-ready and load quickly. Hence, with AMP  technology user can access your website quickly on mobile devices.

In Shopify, you can easily generate AMP pages for your site quickly and efficiently with AMP by AmpifyMe app. Otherwise, you could consider creating the Shopify API to develop these AMP pages.

 

  1. Compressing Images

Shopify allows you to add the following image formats:

  • JPEG or JPG
  • Progressive JPEG
  • PNG
  • GIF
    Image compression is important and a necessity for faster loading web pages. While doing image optimization, make sure your images are an acceptable size and do not add too many images on a single page.

While performing image compression, you have to keep in mind the quality of the image.

For new images, you can use TinyPNG – Compress PNG images while preserving transparency or TinyJPG – Compress JPEG images intelligently for free to reduce the size of your images. 

 

Once you replace all the images with the optimized versions, the page load time automatically improve.

 

  1. Download a Fast and Responsive Theme for Your Shopify Store

The fact is, site store speed mainly depends on the site theme, so before you install a theme it is always recommended to check the following:

  • Look for a fast and responsive theme.
  • Check for an up-to-date copy of your theme and check the live preview of the theme. Run theme preview page through Google PageSpeed Insight and see the suggestions to make that page faster.

 

  1. Reduce the Number of Apps Installed

The majority of apps downloaded via the Shopify add some JavaScript/CSS files to your store. The main problem is, if you are not using the app, the JavaScript/CSS files are running in the background, and make your site performance slower.

So, that is why you should go through your store and check any apps that you are not using and remove them. There might be some apps you just tried out and forget to delete.

 

  1. Reduce the HTTP Requests

Use HTTP Requests Checker tool by GiftOfSpeed to find out how many total HTTPS requests your page makes. You can reduce HTTP requests by doing the following:

  • Combine & inline your CSS scripts.
  • Inline smaller JavaScript’s.
  • Combine all JavaScript.
  • Minimize the use of design & functional images.
  • CSS image sprites.
  • Convert images to Base64 code.
  • Limit the number of social buttons.

 

  1. Minimize Redirects and Broken Links

The performance issue may occur due to too many redirects and broken links. The easiest way to minimize the number of Redirects and Broken Links? Avoid unnecessary Redirects and fix broken links.

For redirects

Unnecessary redirects create performance and speed issues, and this can could affect the overall load time of the website. In Shopify, you can apply 301 redirects by the built-in redirects function called “URL redirect.”

For Broken links

Broken links on your website can be harmful which can increase your unnecessary HTTP requests and make bad user experience. To find and fix broken links across your website you use free tools like Broken Link Checker and Xenu.

 

  1. Organize All Your Tracking Code with Google Tag Manager

Typically, you add separate tracking codes for Google Analytics, AdWords conversions, goals, and remarketing tags, etc., on your own end or you send it to the developer; this process will take time and eventually slow down the overall site performance. With the help of Google Tag Manager all, your tags are stored in one place.

 

0 Likes