{"id":18884,"date":"2020-03-12T13:27:01","date_gmt":"2020-03-12T17:27:01","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=18884"},"modified":"2024-02-22T09:51:53","modified_gmt":"2024-02-22T14:51:53","slug":"configuring-w3-total-cache-with-stackpath-for-cdn-objects","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/configuring-w3-total-cache-with-stackpath-for-cdn-objects\/","title":{"rendered":"Configuring W3 Total Cache with Stackpath for CDN &#8211; Objects"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p>One of the best ways to speed up your WordPress website is to add a CDN for your static assets such as images, Javascript and CSS. This can be accomplished pretty easily with the Free version of W3 Total Cache and a subscription to StackPath. The following tutorial will walk you through the steps to configure this from right within your WordPress Dashboard.<\/p>\n<div class=\"boldgrid-section\" style=\"margin-top: 60px;\">\n<div class=\"container w3tc-radius\" style=\"border-width: 0px; background-image: url('https:\/\/www.boldgrid.com\/wp-content\/uploads\/2023\/07\/upsell-darker-alt.png'); background-size: cover; background-position: 50% 5%;\" data-image-url=\"https:\/\/www.boldgrid.com\/wp-content\/uploads\/2023\/07\/upsell-darker-alt.png\">\n<div class=\"row upsell-column\" style=\"padding-top: 2em; padding-bottom: 2em; color: #ffffff;\">\n<div class=\"col-lg-1 col-md-1 col-sm-12 col-xs-12 hidden-sm\">&nbsp;<\/div>\n<div class=\"col-lg-5 col-md-6 col-xs-12 col-sm-7\">\n<p class=\"h3\" style=\"color: #ffffff; line-height: 40px; margin-top: 0;\"><strong>Speed Up Your WordPress Website.<\/strong><\/p>\n<p style=\"color: #ffffff;\" class=\"h4\">A Difference of Just 100ms in Page Load Speeds Can Cause a Visitor to Prefer Your Competitor&rsquo;s Website.<\/p>\n<\/div>\n<div class=\"col-lg-6 col-md-5 col-sm-5 col-xs-12 text-center align-column-center\">\n<p class=\"\" style=\"border-width: 0px;\"><a class=\"button-w3tc-white\" style=\"border: 2px solid #30BEC4; font-size: 18px; padding: 15px 30px;\" href=\"https:\/\/www.boldgrid.com\/w3-total-cache\/#pricing\">View Plans<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2 id=\"signing-up-for-stackpath\">Signing up for StackPath<\/h2>\n<p>To sign up for StackPath, we recommend doing so right from your WordPress Dashboard. The following steps will walk you through the process to both sign up and authorize your StackPath account to deliver your static assets. W3 Total Cache users are given a risk free, one month trial to have time to decide whether the CDN is right for you!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18885\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath.jpg\" alt=\"\" width=\"1130\" height=\"755\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath.jpg 1130w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-300x200.jpg 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-1024x684.jpg 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-768x513.jpg 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-610x408.jpg 610w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-250x167.jpg 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-550x367.jpg 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-800x535.jpg 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-269x180.jpg 269w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-449x300.jpg 449w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-sign-up-stackpath-748x500.jpg 748w\" sizes=\"auto, (max-width: 1130px) 100vw, 1130px\" \/><\/p>\n<ul>\n<li>In your WordPress Dashboard, navigate to Performance &gt; Dashboard<\/li>\n<li>Click the Sign Up Now Button<\/li>\n<li>Select your CDN package (We recommend Edge Delivery 20) and continue with checkout<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18886\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages.jpg\" alt=\"StackPath CDN Packages\" width=\"1433\" height=\"700\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages.jpg 1433w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-300x147.jpg 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-1024x500.jpg 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-768x375.jpg 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-610x298.jpg 610w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-250x122.jpg 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-550x269.jpg 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-800x391.jpg 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-368x180.jpg 368w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-packages-614x300.jpg 614w\" sizes=\"auto, (max-width: 1433px) 100vw, 1433px\" \/><\/p>\n<p>Congrats! You now have the account needed to set your CDN up. Now let&rsquo;s move on to the next part and create your API credentials that will allow W3 Total Cache and StackPath to communicate.<\/p>\n<h2 id=\"creating-your-api-credentials-in-the-stackpath-dashboard\">Creating Your API Credentials in the StackPath Dashboard<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18887\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-dashboard.jpg\" alt=\"StackPath Dashboard\" width=\"238\" height=\"334\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-dashboard.jpg 238w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-dashboard-214x300.jpg 214w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-dashboard-128x180.jpg 128w\" sizes=\"auto, (max-width: 238px) 100vw, 238px\" \/><\/p>\n<p>Once checkout is finished, you will be taken to a screen labeled Sites \/\/ Create Site. From here, you can just visit the Dashboard to create API Credentials, and the site will be set up once you provide W3 Total Cache with your API key and Secret.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18888\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds.jpg\" alt=\"\" width=\"1172\" height=\"730\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds.jpg 1172w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-300x187.jpg 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-1024x638.jpg 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-768x478.jpg 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-610x380.jpg 610w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-250x156.jpg 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-550x343.jpg 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-800x498.jpg 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-289x180.jpg 289w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-482x300.jpg 482w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-generate-creds-803x500.jpg 803w\" sizes=\"auto, (max-width: 1172px) 100vw, 1172px\" \/><\/p>\n<p>Click Generate Credentials and make a name for them to help you remember it easily. You will be provided with a Client ID and an API Client Secret. Make sure to save these to a text file on your computer, as you will need them in just a moment to configure your Objects CDN in W3 Total Cache.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18889\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys.jpg\" alt=\"StackPath Client API Keys\" width=\"1172\" height=\"730\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys.jpg 1172w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-300x187.jpg 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-1024x638.jpg 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-768x478.jpg 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-610x380.jpg 610w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-250x156.jpg 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-550x343.jpg 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-800x498.jpg 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-289x180.jpg 289w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-482x300.jpg 482w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/stackpath-client-keys-803x500.jpg 803w\" sizes=\"auto, (max-width: 1172px) 100vw, 1172px\" \/><\/p>\n<h2 id=\"configuring-your-stackpath-cdn-with-w3-total-cache\">Configuring your StackPath CDN with W3 Total Cache<\/h2>\n<ul>\n<li>In your WordPress Dashboard, navigate to Performance &gt; CDN<\/li>\n<li>Under General, make sure all the selections are enabled for attachments, wp-includes, theme files, CSS and JS files<\/li>\n<li>If you have custom files, you can add any filenames or paths in the file list in the Advanced Section below<\/li>\n<li>Click Save all settings<\/li>\n<li>Scroll down to Configuration: Objects and click Authorize<\/li>\n<li>Provide your Client ID and API Client Secret<\/li>\n<li>Click Next<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18890\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials.jpg\" alt=\"Adding your StackPath credentials in W3 Total Cache\" width=\"1498\" height=\"582\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials.jpg 1498w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-300x117.jpg 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-1024x398.jpg 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-768x298.jpg 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-610x237.jpg 610w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-250x97.jpg 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-550x214.jpg 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-800x311.jpg 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-463x180.jpg 463w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-772x300.jpg 772w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-1287x500.jpg 1287w\" sizes=\"auto, (max-width: 1498px) 100vw, 1498px\" \/><\/p>\n<p>Congratulations, you have now set up your CDN to store all your sites static assets, and should start seeing improvements in load times for your visitors.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18891\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success.jpg\" alt=\"W3 Total Cache StackPath Configuration Success\" width=\"1498\" height=\"582\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success.jpg 1498w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-300x117.jpg 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-1024x398.jpg 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-768x298.jpg 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-610x237.jpg 610w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-250x97.jpg 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-550x214.jpg 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-800x311.jpg 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-463x180.jpg 463w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-772x300.jpg 772w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3-total-cache-stackpath-credentials-success-1287x500.jpg 1287w\" sizes=\"auto, (max-width: 1498px) 100vw, 1498px\" \/><\/p>\n<h2 id=\"optional-change-your-dns-to-point-to-the-cdn\">Optional: Change your DNS to point to the CDN<\/h2>\n<p>With this change, it will require you to change your A record for your site to a CNAME that points to the hostname provided to you by StackPath. It should be formatted somewhat similar to this:<\/p>\n<p>########.stackpathcdn.com<\/p>\n<p>It is recommended that you contact your domain or hosting provider if you are not familiar with making this type of change, as it could cause issues with your site and email if not done properly. Once you point your CNAME to this DNS record, your site should start working from the CDN relatively quickly. You should also generate an SSL at StackPath if pointing your DNS, though this step is not required for the static assets to work with your CDN correctly.<\/p>\n<h2 id=\"testing-your-cdn\">Testing your CDN<\/h2>\n<p>Once you have finished configuring the CDN, you can then use our internal testing system to make sure StackPath is working.<\/p>\n<ul>\n<li>In your WordPress Dashboard, navigate to Performance &gt; CDN<\/li>\n<li>Scroll down to Configuration: Objects<\/li>\n<li>Click Test StackPath<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18892\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3tc-testing-stackpath-cdn.jpg\" alt=\"W3 Total Cache - Testing StackPath CDN\" width=\"276\" height=\"79\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3tc-testing-stackpath-cdn.jpg 276w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3tc-testing-stackpath-cdn-250x72.jpg 250w\" sizes=\"auto, (max-width: 276px) 100vw, 276px\" \/><\/p>\n<p>If your test passes, then all is working well. Congratulations, you have now set your site up to use StackPath&rsquo;s CDN Services and it should be loading fast for all of your visitors.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-18893\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3tc-testing-stackpath-cdn-passed.jpg\" alt=\"W3TC Testing StackPath CDN - Passed\" width=\"276\" height=\"79\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3tc-testing-stackpath-cdn-passed.jpg 276w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/03\/w3tc-testing-stackpath-cdn-passed-250x72.jpg 250w\" sizes=\"auto, (max-width: 276px) 100vw, 276px\" \/><\/p>\n<h2 id=\"full-site-cdn\">Full Site CDN<\/h2>\n<p>To set your site up as a Full Site CDN, you will need to upgrade to W3 Total Cache Pro. This can be accomplished directly in your WordPress Dashboard. We also offer Premium Services if you require assistance with configuring it.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>One of the best ways to speed up your WordPress website is to add a CDN for your static assets such as images, Javascript and CSS. This can be accomplished pretty easily with the Free version of W3 Total Cache and a subscription to StackPath. The following tutorial will walk you through the steps to [&hellip;]<\/p>\n","protected":false},"author":529,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[746,692],"tags":[],"class_list":["post-18884","post","type-post","status-publish","format-standard","hentry","category-cdn","category-w3-total-cache"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/18884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=18884"}],"version-history":[{"count":4,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/18884\/revisions"}],"predecessor-version":[{"id":125517,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/18884\/revisions\/125517"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=18884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=18884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=18884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}