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: 1 min read
426 4
0
592
SHARES
2.7k
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 Fix Mixed Content Issues in WordPress

How To Add Related Posts in Elementor

How To Create A Custom Header & Footer With Elementor?

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
Share237Tweet148Share59

Related Posts

Wordpress

How To Fix Mixed Content Issues in WordPress

by 22bulbjungle
December 11, 2022
0

Mixed content issues refer to the situation where a webpage that is loaded using a secure HTTPS protocol tries to load resources,...

Read more

How To Add Related Posts in Elementor

December 11, 2022

How To Create A Custom Header & Footer With Elementor?

December 11, 2022
How To Create a WordPress Customizer Menu (Custom Text Option)

How To Create a WordPress Customizer Menu (Custom Text Option)

December 8, 2022
Electronics, Smartphone, Computer & Tablet Repair Kit
How To Create a Beating Heart Shape Animation Using CSS

How To Create a Beating Heart Shape Animation Using CSS

December 28, 2022
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022
How To Apply CSS to Half of a Character

How To Apply CSS to Half of a Character

December 23, 2022
How To Set Cellpadding and Cellspacing Using CSS

How To Set Cellpadding and Cellspacing Using CSS

December 22, 2022
How To Prevent or Disable Copy and Paste in an Input Field

How To Prevent or Disable Copy and Paste in an Input Field

December 21, 2022
How To Turn Image Into Vintage With CSS

How To Turn Image Into Vintage With CSS

December 21, 2022

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

Follow Us

Affiliate Disclosure: 22bulbjungle is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.

Recent Tutorials

How To Create a Beating Heart Shape Animation Using CSS

How To Create a Beating Heart Shape Animation Using CSS

December 28, 2022
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022

Categories

  • CSS
  • Duda Builder
  • Ecommerce
  • Elementor
  • Graphic Design
  • htaccess
  • Javascript
  • jQuery
  • PC Tips
  • Photoshop
  • PHP
  • Responsive design
  • Shopify
  • Video
  • Web Design
  • Web Development
  • Webdev Tips
  • Woocommerce
  • Wordpress
  • Home
  • Blog
  • Web Development
  • Graphic Design

© 2022 22BulbJungle.

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

© 2022 22BulbJungle.

Welcome Back!

Login to your account below

Forgotten Password?

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.