Increase website speed is one of the important term for seo best practice. Because in now a days google count website speed as a ranking factor. So, for increase ranking in google and to drive more traffic to website, it must be loads faster.
Ways to Increase Website Speed
There are many ways to increase website speed but the most effective tips i m listing here.
Reduce HTTP Requests
Every time when a visitor try to load a webpage from your website then a web browser sent many requests to web server for files, then its HTTP request. As the requests are more then load time also increase of website.
Reduce Server Response Time
Server response time is also a important factor in loading time because when server replies lately then how can website loads faster?
So, try to decrease server response time.
It is believed that 500ms of server response time is best.
You may use pingdoom tool to know your website’s server response time.
Enable GZIP Compression
As we know compression can save too many space.
Also it is possible in website, you can compress your web files from gzip compressor, and let the webpage loads faster.
It can reduce site load time by over 300%.
Suppose a website have one webpage of 60kb then every time a web browser sent a request then it have to download 60kb.
If this website have enable compression then the webpage may compressed to 50kb and every time a web browser download only 50kb and then unzip the page so the visitor can see original page.
There are many plugins available for compression and w3 total cache is one of the best.
Leverage Browsing Caching
When a user first time visit a website then some of webpage resources are saved to computer’s local memory, and then at second time when the user try to load this webpage again then some of the files are already downloaded so, it loads faster.
Means the browser first check in cache memory, if file is there then no need to download it again cause in increase website speed and decrease load time.
To enable browsing caching you have to edit your .htaccess from c panel.
Put this code into your .htaccess file at top.
## EXPIRES CACHING ##
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 1 month”
## EXPIRES CACHING ##
You can also set different caching time for different file type.
This method is best for beginners but those who are comfortable with browsing cache can use cache control method, it gives more controls in your hand.
If you minify your codes then it can save lots of space and loading time.
If you minify you code then it means it removes
- White space characters
- New line characters
- Block delimiters
Google recommended following tools to minify resources.
To minify use following tools
For html:- Use Html minifier
For CSS:- Use Cssnano and csso
For Java script:- Use Uglify js
Read this detailed post on How to minify CSS, HTML, Java Script.
Image optimization is must part of seo to increase website speed because, yahoo says that most of loading time is consuming to download images on webpage.
So, do focus on image optimization for seo and to increase website speed.
Use compressed images and define width and height tag.
Read our detailed post on image optimization to increase website speed and also for SEO.
Optimize CSS Delivery
- Combine Css scripts
- Priorities for above the fold css
- Avoid @import css
- Avoid style tag in HTML body
- Don’t inline Large data URIs
- Don’t inline CSS attributes
Make above the fold faster
To increase loading speed of your website make your above the fold loads faster.
First of all reduce the size of above the fold and structure your website’s HTML to load above the fold first.
If you are using wordpress then the plugin above the fold help you to make it faster.
If you are using lots of plugins for your word press website then definitely your website’s loading speed is low, if plugins are not correctly optimized.
Because every time a user load the webpage from your website then all plugins loads it’s own script and hence it decrease loading speed.
But a good optimizes 50 plugin loads faster then not optimized 10 plugins.
So, it is not true that numbers of plugins increase or decrease loading speed but, optimized plugins and do this.
You may check on website speed tools first and then experiment with different plugins so, that you can reduce numbers of plugins from your website.
Redirects are instructions which takes the visitors to a new page or different pages.
Try to minimize your redirects because as the redirects is more the website loads slowly.
Read this answer on how to safely reduce 301 redirects from moz.
Redirects like 301 and 302 can leads to decrease website speed.
Content delivery networks helps to increase loading speed as they distribute website components on different servers.
Content delivery networks are used to deliver web page content speedy by their geographic location.
You can cache your content on CDN and make it fast to deliver.
There are many free CDN networks available like google, yahoo.
You may use youtube for video content, it is after all CDN.
There are many other commercial content delivery networks available like maxcdn, amazon cloudfront, cloud flare.
So, use CDN to increase website loading speed.
Clean up Database
After deleting plugins, revisions and posts or page from your website it consume lots of space on your server.
So, it is needed to clean up database regularly because a deleted comments or spammy comments can generate threads on your websites and hence it effect on performance.
Every time a new plugin or theme is installed on word press, it generates table. and after deleting it, we have to wipe those tables.
If you are using word press then, everyone knows word press uses MYSQL and PHP for programming.
Here are list of top 10 tips to keep clean up wordpress database.
Define Character set in HTTP Header
Character set is a set of numbers to represent characters in computers, for example ASCII is character set.
And if you have not set the character set then browser have to detect it self and it cause in increase loading time.
Use following format and put in your header if you are using utf-8.
Content-Type: text/html; charset=UTF-8
Define character set in meta tag is not good seo practice instead you can set it on responsive header.
Set your server to send this as a response.
Enable HTTP Keep Alive
Simply by enabling HTTP keep alive a web server tell web browser that you can fetch more than one file at a time.
If it is not enable then it has to send every time a new request.
Add this code to your .htaccess file to make enable keep it alive.
<ifModule mod_headers.c> Header set Connection keep-alive </ifModule>
Bonus tip:Reduce social sharing button
Because every time the user load webpage then, if so many social sharing button is installed then every time it has to loads it and cause in decrease speed.
We don’t recommended to remove social sharing button but try to reduce as much as possible to increase website speed.