Whether you're serving your static assets over the CDN or integrating your full site to pass through StackPath's global network, it's important to check that files are correctly being delivered from our edge servers.
A correct assets integration takes your website's base HTML and points select asset references at the CDN. Depending on how you manage your website, there are various ways to achieve integration. Whether through a plugin, script, DNS records or manual labor the goal is to parse through HTML source and replace "https://example.com/..." with a domain that has a DNS record pointing at your provider's CDN.
Static Assets Integration
When integrating static assets through a plugin, Make sure you have followed a CMS setup tutorial first. If you have, follow these steps:
-
Navigate to your website with static assets set to be delivered by StackPath CDN. This could be your home page, a subdirectory, or any individual asset you want to be delivered. Most commonly we use the homepage.
- If you're using Firefox or Chrome, right click on your page and select View Page Source from the browser's options menu.
If you're using Safari, press and hold Option+Command+U on your page to open the Page Source
-
If you're using a Mac, open the search bar by pressing Command + F.
If you're using Windows, open the search bar by pressing Ctrl + F -
Enter the StackPath Edge Address in the search bar.
Depending on the number of static assets on the page, the browser should highlight many different areas in the page's source code.
-
View the highlighted portions of the page's source code. Make sure your Edge Address precedes the name of the static files you want to be delivered by StackPath CDN.
If you see your regular domain in front of static files you want to be delivered by the StackPath CDN while attempting to integrate via a plugin, the integration is not successful. If this is the case, please review the tutorial you used to integrate StackPath CDN or contact StackPath support.
Full Site Integration via DNS
When integrating via DNS records to pass the entire site through the StackPath CDN, first verify that you've created an 'A' record pointing your apex domain to the StackPath Anycast IP address, or have created a 'CNAME' record pointing from the website's subdomain to the custom Edge Address provided when the Site was created. This can be checked by going to www.whatsmydns.net and searching for the properly created DNS records. If this has been done, then follow these steps to ensure that the integration is set up properly:
- Navigate to the home page of the website that you're verifying as integrated
- If you're using Firefox or Chrome, right click your page and select Inspect Element (Firefox) or Inspect (Chrome).
If you're using Safari, open the browser, select the Safari drop-down menu from the menu bar, click Preferences and then select the Advanced tab. At the bottom of the window, tick the box that says "Show Develop menu in menu bar". Now you may control+click your web page and select Inspect Element.
- Navigate to the Network tab and reload the web page.
- Click on any asset served by your domain. If the remote address is the same as the StackPath Anycast IP address, then you have successfully integrated your entire site through the CDN.
