Tried everything to increase the speed of the website? But if you are still reading this article then surely caching plugins like W3 Total Cache didn’t help you much and you are still not happy about your site performance. If you haven’t tried the other options, you can try them out first.
Before starting this technique, there are some basic things which you should be aware of. Only some of us are aware of the fact that WordPress, the biggest CMS is based on PHP. Though there are a lot of advancements in PHP even though on latest version PHP 7.1. Most of the WordPress based sites still use version php5X just for the reason that it is more compatible with WordPress. But with advancements in PHP version 7.1, it can make a website load 3X faster. The reason for this is that the Execution and Processing power of PHP 7.1 is faster as compared to PHP 5X. So, how to get your website on PHP 7.1.
Let’s get started:
1. Backup site:
Just for a safer side take backup of your website including its database just in case if your site is not supportive to PHP 7.1.
2. Updating WP Core, plugins & theme:
SO first we start with updating all the components of WordPress like – Theme, Plugins and WordPress Core files. Outdated plugins and theme might not support the latest PHP version as they might be only tested on PHP 5X and aren’t compatible with the new one. So for moving on with this technique, it is important that your theme supports the latest PHP version. Once you have updated the wWordPress core files, themes, and plugins. Check your site once for its looks and functionality just to be sure that everything is working just fine as before.
3. Changing PHP Version:
Here we come to the final step of changing the version of PHP to latest 7.1. Once the updated website works fine, the version has to be changed. Changing the version of PHP is an easy step and differs based on the hosting your site is on.
a. Shared Hosting
Most of the sites are on Shared Hosting, and they are flexible with PHP 7.1. For Shared Hosting you can change it from your cPanel.
cPanel URL: your_website_url/cpanel
Once you login to your cPanel account goto>> PHP Selector/ Multi PHP Manager >> select the PHP Version and Don’t forget to save your settings.
b. Managed WordPress Hosting
In Managed WordPress Hosting you don’t have access or control over the settings of your site. So, if you have a Managed Hosting you just have to ask the provider to change the version for you.
c. VPS/ Dedicated Server
If you host a Dedicated Server for your website, changing the PHP version becomes a quite tricky. It mostly depends on different factors like the Control Panel that you are using. If you are using cPanel on your dedicated server, the process goes same like the Shared Hosting.
But if you don’t have cPanel installed, then things you need to follow are a bit more of a technical. In that case, you first need to install PHP 7.1 on your server using the command line and then set it as the default version.
Verify if PHP 7.1 is enabled?
Once PHP version is enabled, you need to check if it is working for your site. Verification is very easy. Create a PHP file named verify.php in root directory and in that file paste this code
<?php phpinfo(); ?>
And save this file. Now all you need to do is open this newly created file in the browser.
You will see the all technical information related to the PHP version. The top of the file denotes the version of the PHP version on which your site is working.
Now that you have verified the version of PHP. It is highly recommended that you check your site for its functionality.
After checking the functionality if you are getting error 500? Don’t be afraid? It is the most common error that occurs when you upgrade to PHP 7.1 from the older one. This error occurs if your theme or plugin is not supporting the new PHP version.
Now if your website is working fine. If your website shows no change or distortion. There is a reason for you to be happy. But before that, we need to be completely sure if it is working fine. For most of the times, there are some of the hidden errors which aren’t displayed anywhere or do not affect the functionality of the website.
For testing to be certain about the changes made we need to enable the debug mode in WordPress. This is quite simple. All you need to do is install a plugin named ‘Debug bar’. Once the plugin is installed and activated, you will notice a button in the top right corner of your WordPress Dashboard. All you need to do is turn it on to check for hidden errors. If you see no errors, then you are good to go, but if there are errors you need to fix them.
Shopify is one of the finest Content Management System built for online e-commerce store ever built. Shopify comes with a pre-packed bundle of features an online store needs. Shopify is a managed e-commerce platform. You never really do have to worry about the security or to handle large requests, as all of it is taken care by Shopify experts. It provides its users with the interactive interface just the way they want. There are a lot of designs available in the form of themes. Some of which are stunning and elegant. Here we will be listing some of the best Shopify Premium themes. If you are looking for something else Shopify Free themes are also available.
The most loved theme by our developers. It comes with a subtle touch yet modern design. It is an impactful, image-based theme made for visually striking brands.It comes with an advanced navigation system with a choice for the live search of the products. It is available in 2 styles.
It is neatly arranged theme apt for large market stores. Available in 4 styles. It has a feature to highlight your Instagram and Twitter feeds directly on your store’s homepage. It also comes with a sidebar navigation.
One of the best theme for fashion or apparel stores. Available in 4 styles is useful for small inventories. It also has the option for full-screen images. Showcase your products and photography in a fullscreen product gallery.
It is the theme for the showcase of large images. It comes in 4 styles with refined design. It also offers a great blog experience with avatars and social sign in with support for Disqus platform for comment system.
Specially crafted for musicians and publishers. Ideal for stores with a small number of products. It also has an option for adding upcoming tour dates and event details to your home page.
It has a modern design perfect for single product store. Showcase brand and product content using a stylish modular layout. With this, you can promote your products by sharing your customers’ comments and quotes.
It is an image focused theme, best for fashion stores. It has sticky navigation menu style. It also has an alternative for featuring products in the drop-down menu itself.
It is ideal for large stores. With embedded social icons into the header, it makes it easier to share your products. It has long form design to feature different content on the homepage itself.
A spacious theme with grid style and hero image in the slider. You can feature brand and products images in multiple slideshows in your home page. It also allows you to feature a video on your store’s homepage.
Available in 4 styles is perfect for large stores with imagery and featured section. It also has an option for displaying color swatches on your product and collection page to showcase available product colors.
It is a theme with striking, scalable design to boost your conversion rate. It also integrates MailChimp template to your mail to provide you with the brand experience. Allows quick addition of products to the cart.
It is ideal for fashion store with great imagery and multiple collections. It comes with two menu style option one sidebar slideout menu and a sticky horizontal menu bar. A feature of product details in a popup so that your customers don’t have to leave their current page.
13. Mr Parker
A theme made to feature multiple collections. It also comes with a feature of sharing a promotional message to the users. Product filtering can be done to filter the products based on color, size.
A great theme for a brand with high-resolution photography. You can even feature video of your product on the slideshow. Available in 3 styles can arrange products in masonry grid.
15. Palo Alto
Optimized for a small store, featuring multiple products in a grid style. Feature your products on the homepage with slideshow. It is ideal for stores with a small number of products.
With Shopify you have wide range to choose from and make your store interface more attractive.
Are you thinking of building an online e-commerce store? Surely you would have got a suggestion to go with Shopify. Shopify is one of the largest content management system for an online store. Shopify hosts more than 70,000 online stores worldwide. Building an online store and maintaining the online store can be a little loathsome apparently when you have thousands of visitors every day. Shopify with its simplified management system takes care of all the major work. Shopify comes fully packed with all the requirements one need to operate an online store like processing payment via multiple gateways, powerful backend. With Shopify, you can easily create an online store. But Shopify is a premium Content Management System as most of your tasks are taken care by Shopify experts. With robust backend processing, Shopify provides a lot more options to optimize the design according to need. In this article, we will be enlisting some of the best Shopify Free themes. You can also choose Shopify Premium theme for your store.
It is a precisely build with a great user interface. It has a sticky header for great browsing experience. In a minimal design, you can give a description of your products with on hover effect. It also provides the option to filter the products.
2. Minimal- Music
This theme focuses on your products. It comes with the choice of zoom in effect on the product image to give a closer look at the products then and there. It also has the option of setting up a feature video on home page.
3. Venture- Boulder
The theme is ideal for a store with a large number of products. It comes with the advanced navigation system with dropdown menu style. It also has a promotional banner at the top of page where you can feature your discounts and offers.
With a focus on brand endorsement, it is apt for apparel store. It has a responsive grid for product view to adjust them according to the number you want to display. With this theme, you can feature your products in the header of the page.
Beneficial if you have a large store, it can feature a large number of products. It comes with a mobile-friendly design and search engine optimization. It also has a cart button on the sticky header’s that user doesn’t has to switch pages.
Optimal for small stores, you can also track the progress of your campaign fund program. You can also add a feature video in the center of the page. It comes with minimal design where you can give details about your business on the homepage itself.
7. Boundless- Vibrant
Our personal favorite it is best to showcase your high-resolution photos. Feature multiple product or brand images in a fade-effect slideshow on the home page of the website. Great for showcasing product imagery.
8. Venture- Snowdevil
Another style from Venture is yet another theme based on large store inventories. You can also feature single product on your homepage.It also allows customers to browse products by type, and sort by best sellers and price on the collection page.
9. Minimal – Vintage
A simple design specially designed for focus on product showcase. It comes with a built-in color palette. With a zoom in effect give customers a closer look and extra product details when they hover over an image.
10. Boundless- Black & White
A modern yet elegant theme optimized for large resolution pictures. A sticky menu for easy navigation through different pages. Collection images presented in a full-width grid layout. It is best suited for a fashion store as you can display full-width images for greater details.
Themes give your store the look and feel the one which you wish for.
Content Delivery Network is a structure of network meant to dispense data (static) to the user from the server nearest to the user’s location. CDN Integration adds that much-needed benefit of speeding up the website. As already mentioned in my previous article about ways to speed up WordPress e-commerce website , CDN is a bit costlier than you think. But little people know that you can even set up SELF CDN. Isn’t this amazing? Self CDN is creating your own CDN network to improvise your site’s performance. Self-hosted CDN just like any other CDN service helps in optimizing your website speed.
Why do we need CDN?
So let’s see how the browser responds to your request when you visit any website. When you visit any URL, the browser first connects to the DNS server the get the required data to render the correct page which you have asked for. With the help of DNS browser connects to your server to fetch the data being requested.
But the drawback here is browser can carry only a specific number of files at a time. In this case, if a server has let’s say 200 files needed to render the page, the browser will carry this files in patches. In turn which will apparently increase the loading time of your website. As we are aware that a WordPress itself has a large number of files, which makes it a bit slow. This is where Self CDN can do the job for you.
How does Self Hosted CDN work?
Self Hosted CDN isn’t a real network but, It helps by parallelizing downloads across different domains. Self CDN draws static content from different subdomains, unlike the usual one where the data is dispensed from a single server. It is not necessary that you buy a new server to setup a self-hosted CDN you can use the same server by transferring some of the static content files to a subdomain or a new domain and store on the same server. This will just enable the browser to carry twice the number of records at a single request. As in this case browser sets two different connections to the server ultimately allowing it to take twice the number of files.
How to setup Self Hosted CDN?
Setting up Self Hosted CDN to your WordPress site is quite simple. All we need is W3 Total Cache Plugin. For the further listed steps, we’ll be using a local subdomain as our CDN address to store static content.
1. Turn on the CDN features in the general Setting and select the option of Generic Mirror in the field of CDN Type.
- -Host attachments
- -Host Theme files
- -Host minified CSS and JS files
- -Host Custom Files.
Don’t forget to save your changes.
3. As we are using the local subdomain for the CDN service, we need to have one ready. This can be created by logging into your cPanel account and go to the subdomain section. Create a subdomain of whichever name you want your CDN address to be. Here we will be using cdn1 as our subdomain.
4. Assign your subdomain to the ‘public_html’ folder so as to make it function like a Generic Mirror.
5. Go to cPanel’s advance DNS Zone Editor. Edit the cName of the newly created subdomains. While editing them, you need to change the Type to CNAME and adding the subdomain in the Name field, which will complete our Generic Mirror Settings
6. Now in the W3 Cache Configuration change, the CDN Hostname to the Self-Hosted CDN address – the subdomains we just created.
7. Next, we need to modify attachment URL’s present in the W3 Cache CDN settings. Here we just need to add subdomain and modify the URL.
Then all you need to do is HIT the START button.
Its, done. You have successfully created your Self CDN in quite a few steps, and you are ready to go.
Is your WordPress site slow? Is it taking ages to load? Do you want to speed up your site? There are different reasons why your WordPress site might be slow. In this article, we will be enlisting all the possible issues that we have personally come across and how to fix them. All of which we have tested and found to be useful in speeding up WordPress performance.