Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront [2018/04/03 14:48] Eric Leu created |
litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront [2018/04/03 15:37] (current) Lisa Clarke Proofreading |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== How to setup CloudFront CDN with LSCache ====== | + | ====== Set Up CloudFront CDN in LiteSpeed Cache for WordPress ====== |
| ===== Create CDN with CloudFront===== | ===== Create CDN with CloudFront===== | ||
| {{:litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront-1.png?800|}} | {{:litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront-1.png?800|}} | ||
| - | - Setup [[ https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/GettingStarted.html | AWS CloudFront CDN ]] | + | - Set up [[ https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/GettingStarted.html | AWS CloudFront CDN ]] |
| - Get your CloudFront **Domain Name** | - Get your CloudFront **Domain Name** | ||
| - Make sure your site can be visited directly through the CloudFront **Domain Name** | - Make sure your site can be visited directly through the CloudFront **Domain Name** | ||
| - | ===== Setup ===== | + | ===== Set Up in LSCache Plugin ===== |
| {{:litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront-4.png?800|}} | {{:litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront-4.png?800|}} | ||
| - | - Set Enable CDN as ''ON'' | + | - From the WP Dashboard, navigate to **LiteSpeed Cache > Settings > CDN**. |
| - | - Enter CDN URL as CloudFront **Domain Name** | + | - Set **Enable CDN** to ''ON'' |
| - | - Enable Include, e.g. Images and JS. For this example, if we don't Include JS, then we need to remove .js from File Types | + | - Enter **CDN URL** as your CloudFront Domain Name |
| - | - Setup Original URL as your original Domain and sub-folder if you have | + | - Enable the relevant **Include** buttons. e.g. **Images** and **CSS**. For this example, if we don't **Include JS**, then we also need to remove ''.js'' from **Include File Types** |
| + | - Set up **Original URL** as your original domain name (and sub-folder if you are using one) | ||
| ===== Verify ===== | ===== Verify ===== | ||
| - | We check the CSS is serve from CloudFront \\ | + | Check that the CSS is served from CloudFront \\ |
| {{:litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront-3.png?800|}} | {{:litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront-3.png?800|}} | ||
| - | We check the JS is not serve from CloudFront \\ | + | Check that the JS is served from the original domain \\ |
| {{:litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront-2.png?800|}} | {{:litespeed_wiki:cache:lscwp:configuration:cdn:cloudfront-2.png?800|}} | ||
| - | |||
| - | |||
| - | |||
