Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
litespeed_wiki:config:server_push [2017/10/24 19:04]
Lisa Clarke
litespeed_wiki:config:server_push [2017/10/24 19:45] (current)
Lisa Clarke [Verify Browser Supports HTTP/2]
Line 21: Line 21:
 There are two easy ways to verify your browser has HTTP/2 support: There are two easy ways to verify your browser has HTTP/2 support:
  
-  - Check your browser version against the table at [[http://​caniuse.com/#​search=http2 | this link]].\\ +  - Check your browser version against the table at [[http://​caniuse.com/#​search=http2 | this link]]. \\ {{:​litespeed_wiki:​config:​push-6.png?​|}} 
- {{:​litespeed_wiki:​config:​push-6.png?​|}} +  - Visit the [[ https://​http2.akamai.com/​demo | Akamai online tool]] and let it auto-detect your browser'​s support. \\ {{:​litespeed_wiki:​config:​push-7.png?​|}}
-  - Visit the [[ https://​http2.akamai.com/​demo | Akamai online tool]] and let it auto-detect your browser'​s support.\\ +
- {{:​litespeed_wiki:​config:​push-7.png?​|}}+
    
 ====Configure LSCache to use Server Push==== ====Configure LSCache to use Server Push====
Line 30: Line 28:
   - Set **CSS HTTP/2 Push** and **JS HTTP/2 Push** to ''​ON''​   - Set **CSS HTTP/2 Push** and **JS HTTP/2 Push** to ''​ON''​
  
-====Verify Server Push is active ​====+====Verify Server Push is Active ​====
 We are going to use the [[https://​developers.google.com/​web/​tools/​chrome-devtools/​network-performance/​reference | Chrome developer tool]] as our verification tool. We are going to use the [[https://​developers.google.com/​web/​tools/​chrome-devtools/​network-performance/​reference | Chrome developer tool]] as our verification tool.
   * If you only enabled **CSS HTTP/2 Push**, the response header will look like this: \\ {{:​litespeed_wiki:​config:​push-1.png?​|}} \\   * If you only enabled **CSS HTTP/2 Push**, the response header will look like this: \\ {{:​litespeed_wiki:​config:​push-1.png?​|}} \\
   * If you enabled both **CSS HTTP/2 Push** and **JS HTTP/2 Push**, the response header will look like this: \\ {{:​litespeed_wiki:​config:​push-2.png?​|}} \\    * If you enabled both **CSS HTTP/2 Push** and **JS HTTP/2 Push**, the response header will look like this: \\ {{:​litespeed_wiki:​config:​push-2.png?​|}} \\ 
  
-====Configure CDN to use Server Push====+====Configure CDN to Use Server Push====
 Next we'll try it with [[https://​www.cloudflare.com/​ | Cloudflare]]. Cloudflare supports HTTP/2 Server Push with the ''​link''​ header field on all plan levels. Cloudflare will look for the ''​link''​ header field, in response headers from the origin server and extract URI-references with parameters ''​rel=preload''​. These URI will be pushed to the client. \\ Next we'll try it with [[https://​www.cloudflare.com/​ | Cloudflare]]. Cloudflare supports HTTP/2 Server Push with the ''​link''​ header field on all plan levels. Cloudflare will look for the ''​link''​ header field, in response headers from the origin server and extract URI-references with parameters ''​rel=preload''​. These URI will be pushed to the client. \\
  
  • Admin
  • Last modified: 2017/10/24 19:04
  • by Lisa Clarke