You are viewing the documentation for Blueriq 17. Documentation for other versions is available in our documentation directory.

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Observations with Blueriq 10.5

 HTTP 1.1 with disabled cacheHTTP 1.1 with cacheHTTP 2.0 (with TLS) and cache disabledHTTP 2.0 (with TLS) with cache
Requests38383838
Transferred1.4 MB16.3 KB1.4 MB293 KB
Finish1,47 s379 ms475 ms400 ms
DOMContentLoaded663 ms261 ms321 ms271 ms
Load694 ms285 ms348 ms290 ms
 

GZIP compression enabled with HTTP 1.1 is 214 percent faster than HTTP 1.1 with GZIP compression disabled

When the resources are in the browser cache the response times between HTTP 1.1 and 2.0 are very similar. Strangely with HTTP 2.0 the CSS stylesheet resources are not loaded from the cache, while this is the case with HTTP 1.1

When the resources are NOT (yet) in the browser cache HTTP 2.0 is 309 percent faster than HTTP 1.1

When the resources are in the browser cache the response times between HTTP 1.1 and 2.0 are very similar. Strangely with HTTP 2.0 the CSS stylesheet resources are not loaded from the cache, while this is the case with HTTP 1.1

Relevant Blueriq properties

 

blueriq.web-resources: the location (URL) of additional or overridden webresources

blueriq.web-resources.cache-key-seed:

blueriq.web-resources.cache-period-seconds:the cache period for all static webresources. When null, default behavior is to rely only on 'Last-Modified' header. When 0, caching is disabled. When > 0, the number of seconds to cache a resource client-side (browser).

 

HTTP 1.1 versus HTTP 2.0

HTTP 1.1. can only perform one request per connection, resulting in latency, HTTP 2.0 fixes this by introducing mulitplexing, which allows for multiple requests and responses to be handled by a single TCP connection at the same time.

 

In HTTP/1.1 it was quicker to download a single file as opposed to several smaller files. As a result it was best practice to concatenate your site’s CSS and JS. In a HTTP/2 era, HTTP requests are cheap, therefore creating a single concatenated file is often unnecessary and an anti-practice for two reasons:

  1. The concatenated file would often contain components not required by the current page. For example, your blog page might load components that are only used on your checkout pages.
  2. If a single component changed then the entire concatenated file would need to be invalidated from the browser cache.

Both of the above increase the amount of data which needs to be downloaded from the server to the browser. However, concatenation still does have its place due to compression ratios. Generally, larger files yield better compression results, thus reducing the total overall file size of your page.

 

  • No labels