Improve Website Performance Website speed optimization techniques

6 297

Website speed optimization will help to improve website performance. Obviously improve website ranking to get top on search ranking. I explain you step by step website speed optimization techniques to get improve website performance. Refer this post secrete of on page SEO technique to improve Google ranking, i focus on the Google search algorithms few of them calculate website page speed.

How to improve website speed performance

Before start i would like to suggest you to do some test of your current website status. Because it will help you in feature analysing. I will prefer free test tools PageSpeed insights Google developer”, or “Ping Dom website speed test toolfirst of all test your current website status and take a screen short.

Reduce the HTTP request

Image optimization

When you run your test tool first time, you will notice that your images are taking time to load and their size you will get. Google Pagespeed insight recommendation: By compressing … you could save 4.7 KB (30%) without losses“.

After this first test you defiantly want to improve website performance. Try to reduce the image size as much as you can use minimum weight of images. Also you have to compromise with the quality. Don’t use high resolution images or try to reduce the number of high resolution images may be 1 or 2 images on a single page.

Reduce the HTTP request

When user start to brows site, an HTTP request hit on server and response display on browser. This communication between browser client and host server use request/response for each link file eg: image, CSS, JS etc. If you have more HTTP requests would take more time to response due to n number of request.

There are best way to reduce number of request below

improve website ranking

  • Use inline JavaScript (if it is single line code)
  • Keep common CSS file or minimum as much as you can (2 to 3 CSS files)
  • Keep common Js file or minimum as much as you can (2 to 5 Js files)
  • Avoid to use third party plugins that make large number of external request.

Remove all non usable requests from your page. Don’t use unnecessary request therefore that don’t lead to load time more.

Minify CSS and JavaScript

compress all your CSS and JS files by minify. That will help to reduce the file size and load much faster than previous version. These are some benefits.

  • Remove white space characters
  • Remove new line characters
  • It also remove comments
  • Remove block delimiters

When you run a test on Google Speed Insights, You can get your minify CSS, Js and images from bottom of result. If you are using WordPress you can minify your CSS and JavaScript with cache plugin.

Critical Path and Render Blocking Resources

When host server return response of any request. Client browser receives Js file and block other resources till the Js file completely load. And the same process happen with CSS files. This is now as we referred render blocking resources

  • The best practice to keep all your JavaScript files at the bottom of page before </body> tag close.
  • Use the async or defer directive to avoid render blocking in js files.
  • Try to use single Js and CSS file or keep minimum files as much as you reduce.
  • Minify all Js and CSS files and try inline if it is single line code.

Async allows the scripts to be downloads in the background without blocking.

<script async src=”footerscript.js”></script>

You can also use the defer JavaScript. Patrick Sexton has a good example of how to defer loading of javascript properly.

Avoid 301 redirects to improve website performance

Redirect like a repeat request/response to the same content. It generates an additional round trip time (RTT). Furthermore It take double the time to load the initial page.

HTTP 1.1 301 moved permanently header

<link rel=”dns-prefetch” href=”http//”>

Browser Cache

cache means copy the website content in browser directory. Browser can save a copy of images, CSS, JavaScript or the full page when user visits on first time. The next time user visit on that resource, then browser doesn’t download it again from server. Because it already downloaded, It serves from downloaded cache memory. Due to cache site load faster and cache play major role to improve website performance.

# 480 weeks<FilesMatch “\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”>

Header set Cache-Control “max-age=290304000, public”



# 2 DAYS

<FilesMatch “\.(xml|txt)$”>

Header set Cache-Control “max-age=172800, public, must-revalidate”




<FilesMatch “\.(html|htm)$”>

Header set Cache-Control “max-age=7200, must-revalidate”


Hotlink protection code

In addition i explain you a short about Hotlink protection and where to solve. Hotlink protection will save your bandwidth by prohibiting remote host to display your images. Use this code in your htaccess file. this will also help you to improve website performance and improve performance speed of your server.

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)? [NC]

RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

RewriteRule .*\.(jpe?g|gif|bmp|png)$ [L]

Enable Gzip compression code

Gzip compression will compress your web page size and reduce up to 60% to 80% less of total page size. If your hosting provider has mod_gzip module enabled, that allows you to quickly and easily compress your files before you send them to the browser clients. This speeds up your site like crazy!

You can add the following snippet in your .htaccess file to improve website performance

 <ifModule mod_gzip.c>

mod_gzip_on Yes

mod_gzip_dechunk Yes

mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$

mod_gzip_item_include handler ^cgi-script$

mod_gzip_item_include mime ^text/.*

mod_gzip_item_include mime ^application/x-javascript.*

mod_gzip_item_exclude mime ^image/.*

mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*



Finally you can see website speed optimization techniques improve website performance. Hence we have tried to cover best technique to optimize website speed. If you have any query to implement or your website not getting speed due to technically. Leave your comments we will analyse and guide to you. Subscribe our newsletter to get latest update in your inbox.

Like this post use full likes it on our social media and share with others.

Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

Leave A Reply

Your email address will not be published.

  1. Abnehmen says

    Hi, i have also created my website just 3 days ago as per your instructions, your articles helped me a lot.
    Thank You.

    1. Ramiz Syed says

      Your most Welcome
      for the next step you can follow the next step to improve search visibility in search engine: 10 Secret Techniques Improve On Page SEO Ranking Immediately

  2. Blossom Smith says

    You are absolutely right ,because using some high resolution image and extra css and javascript plugin our site get more time to browsing.
    So this tips help us to compress our site limit and get extra fast browsing.

  3. MD Ahetesham says

    Thanks for given such great information at one place.
    i follow your website speed optimization techniques step by step on my website now it’s loading quickly compare to previous test.
    how to improve search engine position quickly?

  4. Shavonne says

    Because the admin of this site is working, no doubt very rapidly it will be well-known, due
    tto its feature contents.

    1. Ramiz Syed says

      Thank you Shavonne