How I reduced my server response time and increased PageSpeed score

Now Reading
How I reduced my server response time and increased PageSpeed score

You are searching for some information on Google that you need urgently. You’ve seen a search result that fulfill your needs and you clicked on the link. It took almost 20 seconds to load the page. Will you continue staying on the site? Obviously, NO! You will push the ‘back’ button and go with another result.

Page loading speed is a major factor that will make your website a king. Don’t let your site unidentified.

google-pagespeed

You are not only the person suffering from high page loading time. If your site loads more than 5 seconds you will lose 8 out of (any) 10 visitors.

The tips given below can be done on free of charge.

My issues on PageSpeed:

  • Server response time – Just before a week, I purchased my hosting from Hostmetro who is a reliable web hosting provider. I was in process of transferring my WordPress files to the new host. When I was on my previous host, my server responded in about 600 ms. But new host has good response than the previous one. Even though the new one has some good response time, it doesn’t equals how dedicated servers give.
  • Images – Most of my images were large in large size and it need to be optimized.
  • Leverage browser caching – I need to optimize caching.
  • Enable compression – My blog on the new server needs to be compressed.

Are you being troubled with these issues? I have some ways to boost up your PageSpeed score:

If you are looking for the solutions to fix these issues, continue reading.

Before entering into any other sections go to Google PageSpeed Test tool and calculate your website score. Note down it somewhere.

Reduce server response time to under 200ms (Major factor to consider):

server-response-time-e1378212436254

Long web server response times delay page loading speeds. Page Speed expects your server to begin responding to resource requests quickly to ensure a quick page load time. For each resource request, your server needs to begin sending the first byte of the resource within 200ms of the request being sent. — GTmetrix

According to me, server response time is the time taken by the server to complete the request made out by the user. It is counted in milliseconds. Lesser the milliseconds your sever response, higher the page loading speed you will have. It’s all up to your web-hosting server. Most of the shared web hosting servers have poor server response time compared to dedicated servers.

But you can improve your server response time, even if you are on a shared web hosting. Sign up for Google PageSpeed service. It’s free now but Google might make it paid somewhat later. Fill up this spreadsheet form and get an invite from PageSpeed team: Google PageSpeed Service

You can also do this by using any CDNs. Check your PageSpeed after implementing this step.

Optimizing Images without losing image quality:

compress-images

Images says 1000 words. Images are necessary for a post. A post should have at least 1 image. But large size images will affect the loading speed of your website. But you can optimize images without losing it’s quality by these tools.

Tools for compressing JPEG images:

  1. JPEG – Optimizer
  2. JPEG – Reducer

Tools for compressing PNG and other type images:

  1. Yahoo! Smush It
  2. PunyPNG
  3. Compress PNG
  4. Compress Image

Leverage browser caching – It’s easy to do with W3 Total Cache plugin:

w3-total-cache

WordPress is basically a dynamic site that runs with PHP. When you are loading a webpage your browser will download static files like images, HTML, Javascript, CSS files. You should optimize your caching system in order to get a better page loading speed as well as better user experience. My friend Aditya has written an awesome post on how to optimize caching using W3 Total cache plugin: The Ultimate guide to W3 Total cache settings.

Read more about web cache here: Web cache

Top WordPress plugins to optimize caching:

If you are running on any other blogging platforms like Blogger, Google PageSpeed service does the work for you.

Enable compression- Use the powerful Gzip compression:

What will you do before uploading large sized files to any downloading sites? Obviously, compressing those. This is applicable for this case too. You should compress your files before sending it to your readers. It will reduce your loading speed to a great extent.

Enabling Gzip compression in your WordPress site:

Most of the WordPress site are running in Apache server. Apache servers uses .htaccess as the directory level configuration file. Read more here : .htaccess

You can enable gzip compression by adding a piece of code in your .htaccess file.

  1. Go to your cPanel (It should be at yourdomain.com/cpanel)
  2. Click file manager and move to your WordPress installation directory.
  3. Find .htaccess file and click Code editor.
  4. Add this piece of code at bottom of your file.
# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:

<files *.html>
SetOutputFilter DEFLATE
</files>

It will looks like this:

htaccess-mod-deflate

After adding the code, check whether your website is compressed or not by this GZIP tester tool.

Check your website score now!

I hope you have completed these simple tasks. In previous sections, I’ve asked you to calculate your PageSpeed score, right? Now go to Google PageSpeed Test tool and calculate your website score. I think you are wondering at seeing your current score comparing previous one. Don’t you?

In this post I’ve shared some tips to improve your page loading speed. In my upcoming posts, I’ll share some more tips. Don’t forget to subscribe to our newsletter.

Image credits:

http://www.stockvault.net/photo/100366/pocket-watch

http://www.stockvault.net/photo/127070/documents

  • Sergo

    Have you tried this tool: http://media4x.com ?

  • contatocodigos

    Gostei muito da grande aula parceiro, recomendo. Meu site http://www.codigosparablog.com estava muito lendo, mas após utilizar essas dicas, melhorou muito. Valeu…

  • muito obrigado por esse tutorial, rapaz estou com um problema, o gtmetrix.com sempre fala que tenho que redimensionar as imagens, ai por exemplo ele me fala que tem alguma arquivo exemplo.jpg (dimension 508×508 to 207×207) ai lá vai eu e coloco a imagem do tamanho que ele pede, e surpresa ta ele reclamando do tamanho novamente…não sei como resolver isso poderia ajudar ?

  • Nice information about optimizing a website.

  • Здравствуйте! Сравнивал Ваш сайт со своим сервисом по проверке параметров загрузки сайта. У Вашего сайта показатели выше. Заинтересовался статьей, решил внедрить Ваши предложения. Начал читать по тексту статьи и понял, что он местами будто бы был переработан переводчиком (роботом). Текст статьи переведен с иностранного языка? Так по существу все правильно – буду пробовать! Спасибо за информацию!

  • looks like a doorway 🙂

  • спасибо за информацию!

  • Olá amigo as informações são muito boas, mas não tem relação com otimização do servidor e sim da plataforma em WordPress, o tempo de resposta de servidor vai de servidor para servidor não tem nada ver com otimização do site. Quando a pessoa entra em um site enviamos uma solicitação para o servidor, nesse caso o servidor tem que responder enquanto ele não responde é porque ele ainda nem começou a ler nada, ai depois que ele responde ai sim a pagina carrega e começa carregar o conteúdo da pagina! Veja que nós temos do que chamo de dois intervalos, o primeiro intervalo e da solicitação que enviamos para o servidor, o segundo intervalo é quando ele responde ai todo o conteúdo da pagina carrega!

  • Enrique Salvador

    Es increible, entro a esta web para saber reducir el tiempo de respuesta y me encuentro con una web lentisima, y carga todas las secciones muy lento, con un 2 seg de espera entre seccion y seccion. WordPress cada dia me gusta menos.

    • Lo mas increible es que esta web este bien posicionada en Googleen 2do puesto teniendo el contenido que parece copiado de alguna pagina en ingles, por que he visto muchas frases sin sentido, como si habria usado el Google traductor!
      Despues el algoritmo de Google es justo? y una mierda!

  • chaussette

    lol, ça m’a prit 8 secondes pour charger cette page!