HOT
22bulbjungle
No Result
View All Result
22bulbjungle
No Result
View All Result
Home Web Development Wordpress

How To Setup StackPath CDN With Your WordPress Website

in Wordpress
Reading Time: 1min read
396 4
0
550
SHARES
2.5k
VIEWS
Share on FacebookShare on Twitter

Use or Setup StackPath CDN With Your WordPress Website easily. Follow the step by step guide to enable the service.

Create or Select StackPath

First,
Go to your StackPath account. Select a stack and open OR.
Go to the sites tab to create a site.

RelatedPosts

How To Add Checkout Autofill/Autocomplete Address on the Address Field in WooCommerce

How to Create a Direct Download Link in WordPress

How to Remove My Account Menu Links in Woocommerce

Add the domain name.

Check the CDN to enable the service. and click continue.

The hostname/IP address will auto-populate as redirected on this page.

For the origin authentication, you can select either none or basic.

Site’s Edge Address

On the overview window, at the top right corner or below the CNAME, you will find your Site’s Edge Address. Take note of this as we will use this in the next step.

Install CDN enabler

Next, go to your WordPress website dashboard – on the plugins tab.
Install CDN enabler. GO to the plugin settings.
Copy and paste in the Site’s Edge address to the CDN URL field.
Make sure you added the correct protocol – HTTP or HTTPS.

Ignore the KeyCDN fields as we are not using them. Save changes.

Check the Site Frontend

Let’s check our site if the CDN is working.

Right-click and inspect our website shortcode.

As you can see, the site’s edge address from StackPath is now used on the site.

Broken Styling After Activation

If your website appears to have a broken styling after you’ve activated the CDN, it could be a plugin error. Some plugin scripts might not be compatible being served from the CDN server.

I recommend that you exclude your plugins folder.

On the exclusions field, add a comma and then plugins and hit save.

Tags: CDN
Share220Tweet138Share55

Related Posts

How To Add Checkout Autofill or Autocomplete Address on the Address Field in WooCommerce
Ecommerce

How To Add Checkout Autofill/Autocomplete Address on the Address Field in WooCommerce

by 22bulbjungle
March 24, 2021
0

Add address field automatic suggestion dropdown in your WooCommerce store using the Google APIs. Create Google API Project First, we need to...

Read more
How to Create a download link in wordpress

How to Create a Direct Download Link in WordPress

April 27, 2020
How to hide or remove woocommerce my account either tabs

How to Remove My Account Menu Links in Woocommerce

April 27, 2020
How to Get Your PayPal API Credentials (Username, Password, and Signature to Woocommerce 2020)

How to Get Your PayPal API Credentials (Username, Password, and Signature to Woocommerce 2020)

April 27, 2020
How to align content of a div to the bottom

How To Align the Content of a Div to the Bottom with CSS

March 31, 2021
How To Setup StackPath CDN With Your WordPress Website

How To Setup StackPath CDN With Your WordPress Website

March 24, 2021
How to Add Custom CSS and JavaScript File in Shopify

How to Add Custom CSS and JavaScript in Shopify (EASY)

March 24, 2021
How To Add Checkout Autofill or Autocomplete Address on the Address Field in WooCommerce

How To Add Checkout Autofill/Autocomplete Address on the Address Field in WooCommerce

March 24, 2021
How to Get Paypal API Credentials (Username, Password, Signature)

[UPDATED 2021] How to Get Your PayPal API Credentials (Username, Password, and Signature to Woocommerce)

March 31, 2021
Window cards expand on hover with CSS

CSS Tricks: Expand Card on Hover Effect (Game of Thrones theme | CODE INSIDE)

March 3, 2021

Free Do it yourself tutorials on CSS, HTML, Photoshop, Wordpress, and Woocommerce to help you learn web development and graphic design.

Follow Us

Recent News

How to align content of a div to the bottom

How To Align the Content of a Div to the Bottom with CSS

March 31, 2021
How To Setup StackPath CDN With Your WordPress Website

How To Setup StackPath CDN With Your WordPress Website

March 24, 2021

Categories

  • CSS
  • Ecommerce
  • Graphic Design
  • Javascript
  • PC Tips
  • Photoshop
  • Responsive design
  • Shopify
  • Video
  • Web Development
  • Woocommerce
  • Wordpress
  • Home
  • Blog
  • Web Development
  • Graphic Design

© 2021 22BulbJungle.

No Result
View All Result
  • Home
  • Blog
  • Web Development
    • CSS
    • Javascript
    • WordPress
  • Graphic Design
    • Photoshop

© 2021 22BulbJungle.

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.