comment 0

Web Performance Techniques Part-01

Website performance is important and should be on top priority especially when there is lot of competition online. Fast page load is good for user experience. Customers frustrate when they have to wait long to reach their required information. How often it happens to us that we search a product on google to purchase. Every one of us explore that site first which loads faster? This can cost a lot to businesses. Therefore, it’s necessary to take care of performance while designing or developing.

Internet users are increasing day by day on mobile and tablets (see statcounter.com). Therefore, it’s necessary to optimize sites further for mobile users.

Google expectations for mobile users:

• Server must render the response (< 200 ms)
• Number of redirects should be minimized
• Number of roundtrips to first render should be minimized
• Avoid external blocking JavaScript and CSS in above-the-fold content
• Reserve time for browser layout and rendering (200 ms)
• Optimize JavaScript execution and rendering time

In this Part I will discuss and suggest basic tools which can be used to analyze site load time.

Google Page Speed Insights:

I would suggest to use Page Speed Insights by google. Its simple and user friendly interface is easy to use. It shows you load time of the site as well gives possible optimization to improve further.

Google Page Speed Insights

Key Cdn:

In addition to above KeyCdn is very helpful tool. It has option to view site on different geographical locations. It important when your target audience is on a different geographical location or are multiple locations.

Key CDN website-speed-test

Developer Tools:

Chrome Developer Tools are my favorite and very comprehensive to test any site performance. Here is an awesome read on trouble shooting through site load time issues using developer tools. It covers following:

Step 1: Set up DevTools
Step 2: Emulate a mobile user’s experience
Step 3: Analyze requests
Step 4: Verify fixes on updated page

What’s coming next?

Web Performance Part 2 (10 Basic website performance techniques)