Het CDN van StackPath is in hoge mate aan te passen, waaronder de features zoals contentbescherming en optimalisatie van assets.

Voor WordPress biedt StackPath twee verschillende configuraties, Full Site Integration en Static Assets Integration. Full Site Integration cachet de hele site in hetzelfde domein, terwijl Static Assets Integration een subdomein gebruikt om alleen statische content te cachen. Deze zijn beide compatibel met onze Cloudflare integratie.

Je hebt een subdomein nodig om de Static Assets Integration te gebruiken, maar dat subdomein hoeft niet te worden toegevoegd aan de domeinenlijst van je site in MyKinsta omdat we automatisch het wildcard subdomein (*.voorbeeld.com) toevoegen wanneer je je domein toevoegt in MyKinsta . Je moet ook een plugin zoals CDN Enabler gebruiken om de URL’s van de assets van het StackPath edge-adres naar je subdomein te herschrijven. We zullen dit verder bespreken in het Static Assets Integration gedeelte hieronder.

Behalve dat je een subdomein nodig hebt voor de Static Assets Integration, zijn de instellingen en opties bij StackPath voor beide integraties hetzelfde wat betreft de compatibiliteit met onze Cloudflare integratie. Voor Static Assets Integration heb je verder een plugin nodig om de URL’s van je statische assets te wijzigen, wat we zullen bespreken in het Static Assets Integration gedeelte hieronder.

Aan de slag met StackPath CDN

Als je nog geen StackPath account hebt, kun je je aanmelden op hun registratiepagina. Log vervolgens in op je StackPath account en klik op de Create Site knop in het Sites gedeelte.

 Klik op de Create Site knop in StackPath om te beginnen met het verbinden van je site.
Klik op de Create Site knop in StackPath om te beginnen met het verbinden van je site.

Klik op de Select an Integration pagina op de knop voor het type integratie dat je wilt instellen, Full Site of Static Assets.

 Selecteer Full Site Integration of Static Assets Integration bij StackPath.
Selecteer Full Site Integration of Static Assets Integration bij StackPath.

Full Site Integration

Stap 1

Nadat je Full Site Integration hebt geselecteerd en naar de volgende pagina bent gegaan, voer je je domeinnaam in, selecteer je de services die je voor je site wilt gebruiken en klik je op de Set Up Your Origin knop.

 Voer je domein in en selecteer je services voor Full Site Integration.
Voer je domein in en selecteer je services voor Full Site Integration.

Stap 2

Zorg ervoor dat op de Set Up Your Origin pagina het IP adres dat StackPath automatisch heeft ingevuld voor je origin overeenkomt met het site IP adres van je site in MyKinsta.

Als je Kinsta site met een wachtwoord is beveiligd, selecteer je Yes voor “Is your origin address password protected?” Voer vervolgens de gebruikersnaam en het wachtwoord in om te gebruiken voor authenticatie, zodat StackPath toegang heeft tot de content.

Het is niet nodig om hier een aangepast domein toe te voegen, aangezien je het delivery-domein al in de vorige stap hebt ingesteld.

Klik op de Confirm Origin Address knop om door te gaan naar de volgende pagina.

 Bevestig je origin IP adres en origin-instellingen.
Bevestig je origin IP adres en origin-instellingen.

Stap 3

Voor de SSL methode bevelen we aan dat je gebruikt maakt van de gratis SSL die door StackPath wordt aangeboden. Deze zal de Cloudflare SSL die bij onze Cloudflare integratie bij Kinsta is inbegrepen, niet verstoren.

Je hebt ook de mogelijkheid om een ​​SSL certificaat te uploaden als je site een custom SSL gebruikt die je van een externe partij hebt gekocht.

Nadat je de domeinen die je met SSL wilt beveiligen hebt bevestigd, klik je op de Confirm SSL Method knop.

 Bevestiging van gratis SSL certificaat en domeinen in StackPath.
Bevestiging van gratis SSL certificaat en domeinen in StackPath.

Stap 4

Om het SSL certificaat van StackPath te kunnen gebruiken, moet je het eigendom van je domein verifiëren. Er zijn twee opties beschikbaar, DNS Challenge of HTTP Request. In dit voorbeeld gebruiken we de DNS Challenge methode, waarbij onze DNS wordt beheerd in Kinsta DNS.

Als je een andere DNS provider hebt (dit kan je registrar of een andere DNS host zijn, afhankelijk van waar je de naamservers van je domein naartoe hebt verwezen), kunnen de stappen er iets anders uitzien.

Klik op elk kopieerpictogram (klembord) naast Name en Value om de details te kopiëren voor de custom CNAME die je ter verificatie aan je DNS records moet toevoegen.

 Kopieer de naam en waarde voor de CNAME om het eigendom van het domein te verifiëren.
Kopieer de naam en waarde voor de CNAME om het eigendom van het domein te verifiëren.

Om het nieuwe CNAME record in Kinsta DNS toe te voegen, log je in op MyKinsta en klik je op Kinsta DNS in de navigatie in de linkerzijbalk.

  1. Klik op het domein waaraan je een DNS record wilt toevoegen.
  2. Klik op de Een DNS record toevoegen.
  3. Klik op het CNAME tabblad en voeg de Hostname (Name) en Verwijst naar(Value) details toe die je hebt gekopieerd van de Verify Domain Ownership pagina op StackPath. Klik op de DNS record toevoegen knop om je nieuwe CNAME record op te slaan.

Opmerking: afhankelijk van de TTL instelling van je DNS record kan het enkele minuten tot uren duren voordat de DNS record is gepropageerd.

Voeg je domeinverificatie CNAME toe in Kinsta DNS.
Voeg je domeinverificatie CNAME toe in Kinsta DNS.

Stap 5

Terug in StackPath vink je het vakje aan naast “I have completed one of the above validation steps to verify I own the domain.” en klik op de Verify Domain Ownership knop.

 Controleer of het DNS record is toegevoegd en verifieer het eigendom van het domein.
Controleer of het DNS record is toegevoegd en verifieer het eigendom van het domein.

Stap 6

Zodra DNS is gepropageerd, wordt je domeineigendom geverifieerd en zie je informatie over het verwijzen van je DNS naar StackPath. Klik op het kopieerpictogram (klembord) om het weergegeven IP-adres te kopiëren.

Stap 7

Nogmaals, we laten je zien hoe je dit kunt doen in Kinsta DNS. Deze stappen kunnen variëren afhankelijk van je DNS provider.

  1. Als je nog niet in Kinsta DNS bent in MyKinsta, klik dan op Kinsta DNS in de navigatie in de linkerzijbalk.
  2. Klik op het domein waaraan je een DNS record wilt toevoegen.
  3. Als je al een bestaand A record voor je domein hebt, klik je op het pictogram Bewerken (potlood) om dit bij te werken naar het eerste IP adres dat bij StackPath wordt weergegeven. Klik anders op de Een DNS record toevoegen knop.
    1. Laat de Hostname leeg, tenzij je de A record aan een subdomein toevoegt.
    2. IPv4 adres: het IP adres dat je van StackPath hebt gekopieerd.
    3. Klik op de DNS record wijzigen knop (een DNS record bijwerken) of de DNS record toevoegen knop (een nieuw DNS record toevoegen) om je DNS record op te slaan.
      Wijzig je A record om naar StackPath te verwijzen.
      Wijzig je A record om naar StackPath te verwijzen.

       Voeg een A-record toe om naar StackPath te verwijzen.
      Voeg een A-record toe om naar StackPath te verwijzen.

Opmerking: het kan tot 1 uur duren voordat je DNS records zijn gepropageerd.

Stap 8

Terug in je StackPath dashboard, vink het vakje aan om te bevestigen dat je de stappen hebt voltooid om DNS bij te werken en klik op de Complete Setup knop.

 Bevestig dat DNS naar StackPath wordt verwezen en voltooi de installatie.
Bevestig dat DNS naar StackPath wordt verwezen en voltooi de installatie.

Stap 9

Je wordt naar de Overview pagina voor je site in StackPath geleid. Je zou een extra DNS record moeten zien dat moet worden toegevoegd of gewijzigd voor de www CNAME (www.voorbeeld.com). Klik op het kopieerpictogram (klembord) om de waarde te kopiëren.

 Kopieer de waarde voor je www CNAME.
Kopieer de waarde voor je www CNAME.

Stap 10

We laten je nogmaals zien hoe je dit DNS record kunt toevoegen of bewerken in Kinsta DNS. Deze stappen kunnen variëren afhankelijk van je DNS provider.

  1. Als je al een bestaand CNAME record voor de www hostnaam hebt, klik je op het pictogram Bewerken (potlood) om het bij te werken. Klik anders op de Een DNS record toevoegen knop en selecteer het CNAME tabblad.
  2. Hostname: www
  3. Points to: de hostnaam waarnaar www moet verwijzen, zoals weergegeven in StackPath.
  4. Klik op de DNS record wijzigen knop (een DNS-record bijwerken) of DNS record toevoegen (een nieuw DNS record toevoegen) om je DNS record op te slaan.
Bewerk je www CNAME record zodat deze naar StackPath verwijst.
Bewerk je www CNAME record zodat deze naar StackPath verwijst.
Voeg een www CNAME record toe om naar StackPath te verwijzen.
Voeg een www CNAME record toe om naar StackPath te verwijzen.

Opmerking: het kan tot 1 uur duren voordat je DNS records zijn gepropageerd.

Stap 11

Klik in je StackPath dashboard op de Re-Check DNS Settings knop.

Controleer DNS opnieuw in StackPath nadat je je CNAME record hebt toegevoegd of bijgewerkt.
Controleer DNS opnieuw in StackPath nadat je je CNAME record hebt toegevoegd of bijgewerkt.

Je site is nu verbonden met het CDN van StackPath en je bent klaar om de instellingen (hieronder) te controleren en configureren om af te ronden.

Static Assets Integration

Stap 1

Nadat je Static Assets Integration hebt geselecteerd en naar de volgende pagina bent gegaan, voer je het subdomein voor je statische assets in, zorg je ervoor dat Content Delivery Network (CDN) is aangevinkt en klik je op de Set Up Your Origin knop.

 Voer je domein in voor Static Assets Integration.
Voer je domein in voor Static Assets Integration.

Stap 2

Voer op de Set Up Your Origin pagina de primaire domeinnaam van je site in het Origin Hostname veld in.

Als je Kinsta site met een wachtwoord is beveiligd, selecteer je Yes voor “Is your origin address password protected?” Voer vervolgens de gebruikersnaam en het wachtwoord in om te gebruiken voor authenticatie, zodat StackPath toegang heeft tot de content.

Het is niet nodig om hier een aangepast domein toe te voegen, aangezien je het deliverydomein al in de vorige stap hebt ingesteld.

Klik op de Complete Setup knop om door te gaan naar de volgende pagina.

 Voer je origin hostnaam in en bevestig de instellingen.
Voer je origin hostnaam in en bevestig de instellingen.

Stap 3

Je wordt naar de Overview pagina voor je site in StackPath geleid. Vanaf hier heb je toegang tot nog een aantal stappen die nodig zijn om het instellen te voltooien, te beginnen met het configureren van een SSL certificaat voor je subdomein. Om ervoor te zorgen dat StackPath je statische assets veilig op je subdomein kan aanbieden, moet je het subdomein valideren en een aangepast SSL certificaat toevoegen in StackPath. Klik op de Click here to configure link onder Configure SSL om aan de slag te gaan.

 Begin met het configureren van SSL voor je Static Assets Integration.
Begin met het configureren van SSL voor je Static Assets Integration.

Stap 4

Klik op de EdgeSSL pagina op de Create Certificate knop.

 Maak een custom delivery certificate op de EdgeSSL pagina.
Maak een custom delivery certificate op de EdgeSSL pagina.

Stap 5

Het Free Dedicated Certificate dat wordt geleverd door StackPath wordt aanbevolen en zal de Cloudflare SSL die bij onze Cloudflare integratie hier bij Kinsta is inbegrepen, niet verstoren.

Je hebt ook de mogelijkheid om een custom ​​SSL certificaat te uploaden als je liever een SSL certificaat gebruikt dat je van een externe partij hebt gekocht.

Klik op de Generate knop onder Free Dedicated Certificate om te beginnen met het maken van je aangepaste certificaat op StackPath.

 Genereer een Free Dedicated Certificate op StackPath.
Genereer een Free Dedicated Certificate op StackPath.

Stap 6

Selecteer je aangepaste subdomein en klik op de Continue to Validation knop.

 Selecteer je subdomein en ga verder met valideren.
Selecteer je subdomein en ga verder met valideren.

Stap 7

Om het SSL certificaat van StackPath te kunnen gebruiken, moet je het eigendom van je domein verifiëren. Er zijn twee opties beschikbaar, DNS Challenge of HTTP Request. In dit voorbeeld gebruiken we de DNS Challenge methode, waarbij onze DNS wordt beheerd in Kinsta DNS.

Als je een andere DNS provider hebt (dit kan je registrar of een andere DNS host zijn, afhankelijk van waar je de naamservers van je domein naartoe hebt verwezen), kunnen de stappen een beetje anders zijn.

Klik op de Show Instructions link naast DNS Challenge Validation en klik op elk kopieerpictogram (klembord) naast Name en Value om de details te kopiëren voor de aangepaste CNAME die je ter verificatie aan je DNS records moet toevoegen.

 Kopieer de naam en waarde voor de CNAME om het eigendom van het domein te verifiëren.
Kopieer de naam en waarde voor de CNAME om het eigendom van het domein te verifiëren.

Om het nieuwe CNAME record in Kinsta DNS toe te voegen, log je in op MyKinsta en klik je op Kinsta DNS in de navigatie in de linkerzijbalk.

  1. Klik op het domein waaraan je een DNS record wilt toevoegen.
  2. Klik op de Een DNS record toevoegen
  3. Klik op het CNAME tabblad en voeg de Hostname (Name) en Verwijst naar(Value) details toe die je hebt gekopieerd van de Verify Domain Ownership pagina op StackPath. Klik op de DNS record toevoegen knop om je nieuwe CNAME record op te slaan.

Opmerking: afhankelijk van de TTL instelling van je DNS record kan het enkele minuten tot uren duren voordat de DNS record is gepropageerd.

Voeg je domeinverificatie CNAME toe in Kinsta DNS.
Voeg je domeinverificatie CNAME toe in Kinsta DNS.

Stap 8

Terug in StackPath, klik op I’ve configured my DNS. Continue knop. Op de EdgeSSL pagina zou je moeten zien dat je Free Dedicated Certificate actief is. Zo niet, geef DNS dan meer tijd om te propageren en om je certificaat te activeren.

 Actief Free Dedicated Certificate bij StackPath.
Actief Free Dedicated Certificate bij StackPath.

Stap 9

De volgende stap is om je subdomein naar StackPath te verwijzen, zodat het CDN je statische assets kan leveren. Ga naar de overzichtspagina en klik op het kopieerpictogram (klembord) om de CNAME waarde te kopiëren.

 Kopieer de waarde voor je subdomein CNAME.
Kopieer de waarde voor je subdomein CNAME.

Stap 10

We laten je nogmaals zien hoe je dit DNS record kunt toevoegen of bewerken in Kinsta DNS. Deze stappen kunnen variëren afhankelijk van je DNS provider.

  1. Als je nog niet in Kinsta DNS bent in MyKinsta, klik dan op Kinsta DNS in de navigatie in de linkerzijbalk.
  2. Klik op het domein waaraan je een DNS record wilt toevoegen.
  3. Klik op de Een DNS record toevoegen
    1. Klik op het CNAME tabblad en voeg het eerste deel van je subdomein toe in het Hostname veld (bijv. statisch).
    2. Voeg de waarde toe die je van StackPath hebt gekopieerd in het Verwijst naar
    3. Klik op de DNS record toevoegen knop om je nieuwe CNAME record op te slaan.

      Voeg de CNAME record toe voor je static assets subdomein.
      Voeg de CNAME record toe voor je static assets subdomein.

Opmerking: het kan tot 1 uur duren voordat je DNS records zijn gepropageerd.

Stap 11

Terug in StackPath, klik op de Re-Check DNS Settings op de Overview pagina.

 Controleer DNS opnieuw in StackPath nadat je de CNAME record voor je subdomein hebt toegevoegd.
Controleer DNS opnieuw in StackPath nadat je de CNAME record voor je subdomein hebt toegevoegd.

Geef zo ​​nodig meer tijd voor DNS om zich te verspreiden en controleer de DNS instellingen opnieuw. Zodra DNS zich verspreidt, verdwijnen de instructies om naar je site te verwijzen en ziet je opties voor het beheren van je site op de overzichtspagina.

Stap 12

Om de URL’s van de statische assets van het StackPath edge adres naar je subdomein te herschrijven, moet je de CDN Enabler plugin toevoegen en configureren. Deze plugin is gemaakt door KeyCDN, maar werkt ook met andere CDN’s. Zodra de plugin is geïnstalleerd en geactiveerd, ga je naar de instellingenpagina van de plugin, voer je het custom subdomein in voor de statische assets van je site (bijv. static.voorbeeld.com) en klik je op de Save Changes and Validate Configuration knop.

 Voer het subdomein van je statische assets in en sla de configuratie op en valideer deze in CDN Enabler.
Voer het subdomein van je statische assets in en sla de configuratie op en valideer deze in CDN Enabler.

Als alles correct is geconfigureerd, zie je een succesbericht dat bevestigt dat de CDN hostnaam geldig is en een 200 status retourneert. Als je fouten ziet tijdens het opslaan, controleer dan alle bovenstaande instellingen, de spelling van je subdomein en zorg ervoor dat DNS is doorgegeven.

 Geldige CDN hostnaam en 200 HTTP statuscode bevestigd in CDN Enabler instellingen.
Geldige CDN hostnaam en 200 HTTP statuscode bevestigd in CDN Enabler instellingen.

Je site is nu verbonden met StackPath, het CDN van StackPath bedient de static assets en je bent klaar om de instellingen te controleren en configureren (in het volgende gedeelte) om te voltooien.

StackPath instellingen configureren

Nu je domein volledig naar StackPath is verwezen, kun je beginnen met het maken van aanpassingen en het controleren van een paar instellingen voor de beste compatibiliteit met Kinsta’s Cloudflare integratie.

Instellingen

(Sites > Settings)

Pull Protocol: Stel dit in op HTTPS Only om redirect loop/fouten te voorkomen.

CDN

(Sites > CDN)

  1. Query String Control: laat dit met de standaardinstelling van Cache all Query Strings om te voorkomen dat onjuiste content wordt geladen.
  2. Content Persistence: dit is standaard uitgeschakeld, maar kan worden ingeschakeld als je zeker wilt zijn van de beschikbaarheid van content in het geval dat je origin offline is.
  3. URL Caching: laat dit uitgeschakeld, vooral als je een dynamische site hebt. Als je een dynamische site hebt en bepaalde secties zonder bestandsextensies wilt cachen, maak je in plaats daarvan een aangepaste EdgeRule.

Andere configuratie en instellingen

  1. Sites EdgeSSL > Force HTTPS Connections: om alle bezoekers om te leiden naar HTTPS in plaats van HTTP, Force HTTPS in MyKinsta of Enable Force HTTPS in StackPath. Schakel niet beide opties in, omdat dit waarschijnlijk redirect fouten en loops zal veroorzaken.
  2. Sites EdgeRules > Delivery Rule: onder bepaalde omstandigheden kan het per ongeluk cachen van de admintoolbar en andere gebruikerselementen plaatsvinden. Om dit potentieel ernstige beveiligingsrisico te voorkomen, moet je een nieuwe Delivery Rule maken:
    1. If: Cookie Matches wordpres_logged_in*
    2. Then: Bypass Cache
  3. Sites EdgeRules > Force www Connections: We raden aan om dit uitgeschakeld te laten, omdat het kan conflicteren met meerdere domeinen en de Host header. Indien ingeschakeld, zorg ervoor dat DNS voor het www subdomein (www.voorbeeld.com) naar StackPath verwijst.

Nu is je site ingesteld en geconfigureerd op StackPath. Bekijk enkele veelvoorkomende problemen en oplossingen in het onderstaande gedeelte voor troubleshooting als je problemen ondervindt.

Veelvoorkomende problemen met StackPath troubleshooten

Nu je je site hebt ingesteld met StackPath, kan het voorkomen dat iets niet helemaal werkt zoals verwacht. Met een extra CDN laag zijn er een paar dingen die je kunt proberen bij troubleshooting. We hebben de meest voorkomende hieronder behandeld.

Wijzigingen worden niet weergegeven op je site

Het gebruik van StackPath met je site creëert een extra cachinglaag die moet worden gewist wanneer je de cache wilt wissen. Als je problemen ondervindt bij het zien van wijzigingen op je site of als een plugin zich niet gedraagt ​​zoals verwacht na het installeren of opnieuw installeren, moet je ervoor zorgen dat je de cache op alle lagen wist, waaronder:

  1. Plugins (indien van toepassing)
  2. Thema’s (indien van toepassing)
  3. Site/server cache bij Kinsta (vanuit MyKinsta of de Kinsta MU plugin)
  4. Cache op StackPath
  5. Browsercache

IP adres geblokkeerd door false positive

Als je WAF en/of Firewall hebt ingeschakeld bij StackPath en jij of een sitebezoeker ten onrechte wordt geblokkeerd om je site te bekijken, kan dit te wijten zijn aan een false positive. Als dit gebeurt, moet je samenwerken met StackPath ondersteuning en ons ondersteuningsteam bij Kinsta om op te sporen waar de blokkering optreedt.

Als je aangepaste regels hebt geconfigureerd in EdgeRules > Delivery Rules, moet je deze ook controleren en moet je mogelijk een kopie van alle regels aan ons ondersteuningsteam verstrekken wanneer je om hulp vraagt.

HTTP-HTTPS redirectloops

Als je HTTP-naar-HTTPS redirectloops op je site ziet, controleer je de volgende instellingen:

  1. Zorg ervoor dat in StackPath het Pull-protocol (Sites Overview > Settings) is ingesteld op HTTPS Only.
  2. Zorg ervoor dat Force HTTPS slechts op één plaats is ingeschakeld, ofwel in MyKinsta (Sites > sitename > Tools > Force HTTPS) of op StackPath (Sites > EdgeSSL > Force HTTPS Connections), maar niet beide.

Geavanceerde instellingen en compatibiliteit

Host Header

Sites > Settings > Host Header: De hostheader moet overeenkomen met het domein dat aan MyKinsta is toegevoegd. Het eerste domein dat in StackPath is toegevoegd, is de standaard en is de hostheader die wordt gebruikt om content van je origin te halen. Als er meerdere domeinen worden toegevoegd aan zowel MyKinsta als StackPath, verander dit dan in Dynamic.

Origin Authentication

Sites > Settings > Origin Authentication: Als je Kinsta site met een wachtwoord is beveiligd, configureer dan StackPath om toegang te krijgen tot de content.

Lifetime

Sites > CDN > Lifetime: De standaardinstelling is door de origin gecontroleerd, wat betekent dat StackPath de headers van de origin zal respecteren. De vervaldatum is ingesteld op max voor statische bestanden in Kinsta’s Cloudflare integratie. Als je dit anders wilt configureren, kun je dit bij StackPath wijzigen.

Caching By Header

Sites > CDN > Caching By Header: Dit hoeft alleen te worden ingeschakeld als je verschillende content (volledig andere content, niet alleen een andere lay-out die wordt beheerd door CSS of JavaScript) voor mobiel en desktop op dezelfde URL aanbiedt. Mogelijk moet je ook contact opnemen met ons ondersteuningsteam om aangepaste Nginx regels te maken om die content te leveren.

Delivery Rules

Sites > EdgeRules > Delivery Rules: Als je je WordPress inlog URL hebt aangepast, moet je een aangepaste bezorgingsregel maken in EdgeRules om de cache voor dat pad te omzeilen. In het volgende voorbeeld is onze aangepaste inlog URL https://voorbeeld.com/mylogin:

  1. If: URL Matches https://voorbeeld.com/mylogin*
  2. Then: Bypass Cache

Custom robots.txt file

Sites > EdgeRules > Custom robots.txt file: Als je dit bij StackPath inschakelt, wordt het robots.txt bestand dat door Kinsta wordt aangeboden, genegeerd en moet je je robots.txt bestand op StackPath beheren. Wijzigingen in het robots.txt bestand bij Kinsta hebben geen invloed op het robots.txt bestand dat wordt aangeboden door StackPath en zal niet worden gezien door zoekmachines.

Referrer Protection

Sites > EdgeRules > Referrer Protection: Als dit nodig is, moet je dit voorzichtig inschakelen, aangezien dit al het verkeer naar je site kan blokkeren. Als de verwijzer van je bezoeker niet overeenkomt met de domeinen die worden vermeld in StackPath, ontvangen ze een 403 Forbidden reactie en kunnen ze je site niet zien.