As we all know that page speed is important in our website. Page speed is a critical factor when it comes to google ranking system. Google calculates page speed and based on that your it will give rank to your website which will appear in search result based on ranking. So If you want high rank then you should have more speed of your website.

Google provides Speed Test for Desktop and for Mobile

  1. Google page speed insight will give you detail for page speed and give you suggestions on how you can improve page speed.
  2. Also we need to test our speed for Mobile device. You can test your mobile speed with Think With Google testing service.

This testing will give you detailed report for your website page. It will also give you errors, warning and other suggestion that can improve page speed.

It will tell you how much time it took to load your page. Sometimes user will leave your page if loading time is high. As per Google’s recommendation this justifies page speed.

  1. Loading time up to 3 seconds – Good
  2. Loading time from 3 to 8 seconds- Average
  3. Loading time more than 8 seconds – Poor

Here are tips to improve your page speed

Compress Image

These days we use high resolution images to load in our website. So obviously it will have size of 2 to 5 MB or may be high. So your page will take more time to load resource with more memory.

Google recommends that for best page speed your content should not exceed 500 KB.

So if we put 2 or 3 images with size of 2 MB then it will have to load content of 6 MB which is not great to get page speed high.

After compressing image you will get same image quality with less image size. This will improve your page speed.

Minify Content

Minifying content will also reduce file size and improve your page speed. You can minify HTML, CSS and Javascript code to get more page speed.

Use browser caching

Browser caching can make a big impact when it comes to page speed.

Each time someone loads your site, this process has to happen all over again. Your site will take them too long to load and that’s where browser caching can help.

It remembers the resources which were loaded before so it doesn’t have to load again every time on visit. That will result in a big increase in speed when people land on your site.

Use data Compression

If you are not using data compression then website will load data based on original file size. Let’s assume your page contains 800 KB of data. Then without data compression it will load 800 KB data in your browser and you will get page speed according to that.

But what compression do is it compress original files into zip files when loading the data. So the data we will get will be compressed and will contain less memory                                                                                                                                 

Here is an example.

Without data compression

  1. Server requests for index.html => 1KB
  2. Web server finds that file
  3. Server response with original file => 800KB
  4. Browser displays page

With data compression

  1. Server requests for index.html => 1KB
  2. Web server finds that file
  3. Server response with zip file => 100KB
  4. Browser displays page

So with data compression also helps to improve page speed.

Render-blocking JavaScript and CSS

In our project we often use external css and javascript libraries to load content. So What google tells us about render blocking JS And CSS is when we use external javascript and css libraries like Bootstrap or Jquery for instance then it will take a round trip to request that file to load the content.

Ex.

<script src=”index.js”></script>

<script src=”jquery.js”></script>

So even if there is one line of code written in this file then server will have to request that file to get content and load it on the page. Instead of that we can use it inline so server won’t have request any additional round trips to get content for our page. We should only use inline Scripts and CSS if  there is less content to load.

Basically this error shows that request is taking time to load external libraries so you should use it inline if it’s okay. By this server will make less external request call to load the content and your page speed will increase.

Maintain Page speed from the Start

When you start your website development project, generally you focus more on development part rather then page speed. So after development you come to realise that your page speed is not accurate as it should be. Sometimes it is not easy to update all of the content in your project just to improve page speed. So it is better to maintain page speed from the start. We can work around with these points so we won’t have to update our code every time to increase page speed.

  1. On the client side start developing only design for out project. After finishing the design deploy that code on the server and check for page speed. There you can check if image compression, css and javascript minification and other things.
  2. Try using external libraries in your code rather than use it by link. If you include external libraries from link then sometimes it loads faster and sometimes it loads slower. So you won’t get actual page speed result for your page.
  3. After you’re done with design part then you should look for server side compression. There you can use data compression and enable browser caching for your page.
  4. Deploy your code module wise and check for page speed. If you are using external library and it’s script is not loading faster then you will get the idea by which library your page speed is getting slow.
  5. Make sure that every page takes less than 3 seconds to load so you will get proper page speed. You can check loading time also in Developer tools of your particular browser.

How LetsNurture can help?

LetsNurture is a leading IT outsourcing company having expertise in website development and mobile application development domains and delivered over 1000 projects successfully to the clients around the globe.We also are experts in integrating Accelerated Mobile Pages development and integration.

If you are wondering for the same issues about your existing website or planning have a brand new website from the scratch, why not contact us for a free consultation and a free quote?

Want to work with us? We're hiring!