What are on-page requests?

Requests also known as dependencies are the files that make up the page. All the images, CSS and JavaScript files on a website are called requests. For example, if a website had 10 images, each image is a single request/dependency.

If you ever run a page speed test using tools such as Pingdom Tools, GTMetrix or WebPageTest you would have probably seen a waterfall.
A waterfall is a breakdown of every request that loads on your website.

The first request that loaded in 85ms is the HTML page, followed by CSS and JavaScript files. It’s worth noting that the first request is always the HTML page, unless the URL you are testing contains a redirect.
Website’s that load a high volume of on-page requests can significantly impact the user experience by affecting two key elements:

  • Slower page load speeds
  • Computers can often crash when a website has in excess of 300 requests per page

Therefore, it is important that we always try and keep on-page requests to a minimal, ideally no more than 100 requests.

Furthermore, we should always avoid loading requests from too many different external domain names. This can add extra network latencies, such as:

  • DNS lookups
  • SSL negotiation
  • Connection
  • Unreliable third-party servers

DNS lookup and initial connection is generally only done once. All other requests are not required to go through this process again.

That said, loading requests from multiple external domains names will result in the process being repeated multiple times.

Due to the reasons above, we should always try and keep all requests/dependencies hosted within our internal domain name, preferably via a cookie-less subdomain such as static.example.com. We have often seen over 100 requests being loaded from 50+ external domains that can add over 10 seconds of page load time on your website!

Join the thousands of websites that trust Koerge.

Subscribe

Receive WordPress tips, tricks and news straight to your inbox every week.