Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
litespeed_wiki:config:server_push [2017/10/24 15:02] Eric Leu [Configure CDN to serve with Server Push] |
litespeed_wiki:config:server_push [2017/10/24 17:46] Eric Leu [Other method to verify] |
||
---|---|---|---|
Line 33: | Line 33: | ||
Why we verify 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. \\ | Why we verify 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. \\ | ||
- | Follow this blog to [[https://blog.litespeedtech.com/2017/10/11/wpw-content-delivery-network-support/ | Setup CDN from LSCache]] \\ | + | Follow this LiteSpeed blog to [[https://blog.litespeedtech.com/2017/10/11/wpw-content-delivery-network-support/ | Setup CDN from LSCache]] \\ |
* If you only enable ''CSS HTTP/2 Push''. Header will looks like this: \\ {{:litespeed_wiki:config:push-3.png?|}} \\ | * If you only enable ''CSS HTTP/2 Push''. Header will looks like this: \\ {{:litespeed_wiki:config:push-3.png?|}} \\ | ||
* If you enable both ''CSS HTTP/2 Push'' and ''JS HTTP/2 Push''. Header will looks like this: \\ {{:litespeed_wiki:config:push-4.png?|}} \\ | * If you enable both ''CSS HTTP/2 Push'' and ''JS HTTP/2 Push''. Header will looks like this: \\ {{:litespeed_wiki:config:push-4.png?|}} \\ | ||
Line 43: | Line 43: | ||
- Click hyperlink of ID | - Click hyperlink of ID | ||
- You will see Events of HTTP2_SESSION \\ {{:litespeed_wiki:config:push-10.png?|}} | - You will see Events of HTTP2_SESSION \\ {{:litespeed_wiki:config:push-10.png?|}} | ||
- | - Check HTTP2_SESSION_RECV_HEADERS>link, which will contain like this \\ <code>rel=preload; as=style,</wordpress/wp-content/plugins/litespeed-cache/css/litespeed.css>; rel=preload; as=style,</wordpress/wp-includes/js/admin-bar.min.js>;</code> | + | - Check HTTP2_SESSION_RECV_HEADERS -> link, which content will like this \\ <code>rel=preload; as=style,</wordpress/wp-content/plugins/litespeed-cache/css/litespeed.css>; rel=preload; as=style,</wordpress/wp-includes/js/admin-bar.min.js>;</code> |