• Home
  • Archive
  • Tools
  • Contact Us

The Customize Windows

Technology Journal

  • Cloud Computing
  • Computer
  • Digital Photography
  • Windows 7
  • Archive
  • Cloud Computing
  • Virtualization
  • Computer and Internet
  • Digital Photography
  • Android
  • Sysadmin
  • Electronics
  • Big Data
  • Virtualization
  • Downloads
  • Web Development
  • Apple
  • Android
Advertisement
You are here:Home » Faster loading website : minimize HTTP requests

By Abhishek Ghosh May 10, 2011 3:49 am Updated on May 10, 2011

Faster loading website : minimize HTTP requests

Advertisement

As we started the series about how to create a faster loading website; we will discuss few of the points in details in few articles. Here is one important point to make your website load faster : minimize the HTTP requests.

It is estimated that 80% of the response time of a website is lost in loading the interface. The vast majority of that time is wasted downloading the required components: images, css style sheets, Java scripts, flash, applets etc.

By reducing the number of components in turn reduces the HTTP requests to display the page and thus you can reduce the page loading time. Simply, one component means one HTTP request, which may be internal (on your server) or external (from others’ server). Any server has a limiting factor in the number of parallel downloads. That means, simultaneously a fixed number of components can be downloaded; while other components will have to wait still at least one from that maximum number (take it n, n is generally 5) is completed. Here is an graphical example of a poorly cared website analyzed in webpagetest, keep in mind this website is the official website of a multi-billionaire company’s website:

Advertisement

---

 

minimize HTTP requests

You can see clearly, only a number of http requests can be handled in packets. The next set waits still that packet is completed. Other limiting factors are the computer as well as browser’s capability, the connection speed etc.

 

Ways to reduce this http requests:

 

  • One way to reduce the number of components on the page is by simplifying the design. We have 7 images that is making the page to load within 4 seconds. If we can reduce it more, page speed will increase. We have combined our banner logo with the background that alone saving one extra request.
  • Use CSS sprites for buttons and small images. We have used only one image for all the buttons (except download button) in this website. Yahoo and Google extensively uses CSS sprites.
  • We have used CSS gradient instead of image gradients.
  • Try to use CSS colors instead of images.
  • Optimize browser caching for these background image elements.
  • Combine the CSS, this is why you need a specially designed custom theme. Other wise the work would be too much to combine them.
  • Try to avoid the social widgets. Among 4 second loading time of this website, over 2 seconds are spent for loading the social connection stuffs, but they are unavoidable.
  • Do not use translation widgets.
  • Do not put thousands of badges. Combine them with background if not avoidable. Anyway, personally I think except the business websites, who needs to show several badges to make the site is legitimate, showing badges is a bad idea.
  • Avoid Flash components. Using Silverlight is a punishment.
  • Avoid using Advertisements from several companies. Reduce them in number.

 

We gave the screenshot, now see the grade of that website including the name:

 

Microsofts pagespeed

 

You or me are not Microsoft. So, we need to speed up our websites like Google, Yahoo!, Amazon etc.

 

There are several reasons why Microsoft’s that page rank higher in search engine result page. Do not think that page speed actually does not matter.

Signature
Facebook Twitter Pinterest

Abhishek Ghosh

About Abhishek Ghosh

Abhishek Ghosh is a Businessman, Surgeon, Author and Blogger. You can keep touch with him on Twitter - @AbhishekCTRL.

Here’s what we’ve got for you which might like :

Articles Related to Faster loading website : minimize HTTP requests

  • Nginx WordPress Installation Guide (All Steps)

    This is a Full Nginx WordPress Installation Guide With All the Steps, Including Some Optimization and Setup Which is Compatible With WordPress DOT ORG Example Settings For Nginx.

  • WordPress & PHP : Different AdSense Units on Mobile Devices

    Here is How To Serve Different AdSense Units on Mobile Devices on WordPress With PHP. WordPress Has Function Which Can Be Used In Free Way.

  • Changing Data With cURL for OpenStack Swift (HP Cloud CDN)

    Changing Data With cURL For Object is Quite Easy in OpenStack Swift. Here Are Examples With HP Cloud CDN To Make it Clear. Official Examples Are Bad.

  • Combine Files to PDF Format Using PDF Combine Freeware

    Combine Files to PDF Format Using PDF Combine Freeware. PDF Combine does not need Paid Adobe Acrobat, it can work alone and portable version is available.

performing a search on this website can help you. Also, we have YouTube Videos.

Take The Conversation Further ...

We'd love to know your thoughts on this article.
Meet the Author over on Twitter to join the conversation right now!

If you want to Advertise on our Article or want a Sponsored Article, you are invited to Contact us.

Contact Us

Subscribe To Our Free Newsletter

Get new posts by email:

Please Confirm the Subscription When Approval Email Will Arrive in Your Email Inbox as Second Step.

Search this website…

 

Popular Articles

Our Homepage is best place to find popular articles!

Here Are Some Good to Read Articles :

  • Cloud Computing Service Models
  • What is Cloud Computing?
  • Cloud Computing and Social Networks in Mobile Space
  • ARM Processor Architecture
  • What Camera Mode to Choose
  • Indispensable MySQL queries for custom fields in WordPress
  • Windows 7 Speech Recognition Scripting Related Tutorials

Social Networks

  • Pinterest (24.3K Followers)
  • Twitter (5.8k Followers)
  • Facebook (5.7k Followers)
  • LinkedIn (3.7k Followers)
  • YouTube (1.3k Followers)
  • GitHub (Repository)
  • GitHub (Gists)
Looking to publish sponsored article on our website?

Contact us

Recent Posts

  • What is Analog-to-Digital Converter (ADC)September 27, 2023
  • Comparison of Tube Amplifiers and SemiconductorsSeptember 26, 2023
  • What is a Digital-to-Analog Converter (DAC)September 25, 2023
  • Tips on S Pen Air ActionsSeptember 24, 2023
  • Market Segmentation in BriefSeptember 20, 2023
PC users can consult Corrine Chorney for Security.

Want to know more about us?

Read Notability and Mentions & Our Setup.

Copyright © 2023 - The Customize Windows | dESIGNed by The Customize Windows

Copyright  · Privacy Policy  · Advertising Policy  · Terms of Service  · Refund Policy