WHAT IS THE DIFFERENCE BETWEEN THE FREE AND THE PRO SHOPIFY THEME VERSION?
This article does not go deep into the techniques around website optimization as well as basic SEO on page, but focus on how it can be done base on shopify e-commerce platform, especially theme from apollo team.
1. What is website optimization
Website optimization is a phrase that describes the process of making changes to your website to maximize the performance of the website, increasing user experience as well as achieving higher ranking in search engine result pages. The procedure depends on a number of factors and strategies, including refreshing content,keyword selection,building links,code friendly and resolving technical issues, how well these be handled might affect the final outcome.
2. Optimize your site and why
You may think that it is not necessary to enhance your site this way, but following these benefits, you will think again:
- Boost up the speed: If your storefront is carefully taking care of, then you should be proud because it was optimized. Faster loading speed is a wondeful thing to attract the customers to your site. No one wants to enter an address with the loading icon stucking around, and be an obstacle between the customers and your profit, and every chance to rasing up the sales is precious, it is the business principle.
- Ranking: Search engine is now be comes the most important tool looking information in the world wide web, connecting billion of people. And when your website cannot be found by the search engine, your online business will collapses. Search engine optimization is born to help you increase your site’s relevance, closing the distance between you and potential customers, climb higher in the rankings. Particularly, a relatively low cost but increase in traffic make it a crucial point in your marketing strategy, result in higher sales.
3. Optimize your site and how
- Compressing assets : A web page often contains a lot of Cascading stylesheet ,javascript and images. They are crucial parts of website development process, but how to optimize its content is a challenging task. The ideal way is to reduce their size using online tools. With this, we can accelerate the site speed, reduce bandwidth and number of HTTP requests significantly, also remove redundant spaces and speed up the execution times. Tools we suggest :
+) Using javascript: https://jscompress.com/
+) Using Cascading stylesheet: http://csscompressor.com/
+) Using images: http://compressjpeg.com/
- Cache files : Web caching is a programming technique that saves data(such as HTML pages,images,script files,…) in a temporary storage place. After the data has been fulfilled and the request reaches destination, it will be stored in the cache, results in the information being returned immediately without loading from original position. It significantly reduces the bandwidth usage, server load and perceives lag, speeds up your site and enhance your web browsing experience. The code snippet examples are as below :
+) Cache css:
{% assign file = 'css-cachefile.css' | asset_url %}
{{ file | split:'?' | first | stylesheet_tag }}
+) Cache js:
{% assign file = 'js-cachefile.js' | asset_url %}
{{ file | split:'?' | first | stylesheet_tag }}
+) Cache images:
<img class="img-product img-responsive" dsrc="{{ product.featured_image | product_img_url: imagesize| split:'?' | first }}>
By default, Shopify attaches their ID to each asset so they can manage and track files as the way they want, but leave that ID exists mean that browser will have to build up the assets from the beginning every time you reload the page, resulting in higher rendering time. Our idea is to strip out that ID string(presented by the code above), which still remain harmless to the site but the outcome is remarkable, the browser does not have to load all assets again, and the site’s speed rises considerably, fabolous!
4. Checking the speed
We use google pagespeed insights to evaluate our theme performance. Base on google algorithm, you can see how they analyze your site as well as send out the warning of the issues you encounter :
5. Reason for hiring us
With over 6 years of experience in web development, web applications and e-Business solution, specializing open source Shopify, we are proud to be one of the pioneers in web design trends and technologies, website optimization is not an exception either. Apollotheme team is diligent,hard-working,enthusiastic and passionate, we ensure that your satisfaction is our milestone and your demand will be served perfectly. For reference, these are some sites optimized by us :
You can also understand more about us by finding our portfolio in themeforest here. This also represents all our theme products as well.
Thank you for reading our blog. Stay tuned for another post later! For any questions about our products and services, please shoot us an email at apollotheme@gmail.com. Helping you all is our great pleasure!
About the author
Apollo Theme is the most modern provider of Shopify Template. With 9 years experience, we bring many modern and perfect themes to everyone. With the aim of providing high-quality products for customers, our talented team always tries to work hard and catch up the new trend of technology and design to give you more valued template with a unique combination of new ideas, flexible architecture and easy-to-use product. We are really appreciated it and hope that you enjoy it! Apollo Template want bring the highest customer satisfaction, we have professional supporting team to assist all our buyer. All support will be conducted through our support ticket "https://apollotheme.com/ticket/", send your problems to our email: "apollotheme@gmail.com" or at our facebook with name “Apollo Theme”. We usually get back to you within 24hours. (except holiday seasons which might take longer).
Related posts
