G\u00fcn\u00fcm\u00fcz\u00fcn dijital d\u00fcnyas\u0131nda, web sitelerinin h\u0131z\u0131, kullan\u0131c\u0131 deneyimi, arama motoru s\u0131ralamalar\u0131 ve genel d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131 \u00fczerinde do\u011frudan etkili kritik bir fakt\u00f6rd\u00fcr. \u00d6zellikle WordPress gibi dinamik i\u00e7erik y\u00f6netim sistemleri, eklentiler, temalar ve y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc g\u00f6rsellerle zenginle\u015ftik\u00e7e, sayfa y\u00fckleme s\u00fcreleri \u00f6nemli \u00f6l\u00e7\u00fcde artabilir. Bu durum, ziyaret\u00e7ilerin sab\u0131rs\u0131zlanmas\u0131na ve sitenizi terk etmesine neden olabilir. \u0130\u015fte tam bu noktada \u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011flar\u0131 (CDN) devreye girerek, web sitenizin statik varl\u0131klar\u0131n\u0131 (CSS, JavaScript dosyalar\u0131, g\u00f6rseller, videolar ve fontlar) co\u011frafi olarak da\u011f\u0131t\u0131lm\u0131\u015f sunucular \u00fczerinden sunarak y\u00fckleme s\u00fcrelerini dramatik bir \u015fekilde iyile\u015ftirir.<\/p>\n
Bu makalede, WordPress tabanl\u0131 web sitenizin varl\u0131k teslimat\u0131n\u0131 h\u0131zland\u0131rmak i\u00e7in DigitalOcean’\u0131n g\u00fc\u00e7l\u00fc ve uygun maliyetli nesne depolama \u00e7\u00f6z\u00fcm\u00fc olan Spaces’i bir CDN olarak nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131 detayl\u0131 bir \u015fekilde inceleyece\u011fiz. DigitalOcean Spaces, Amazon S3 ile uyumlu bir API sunarak, hem depolama hem de entegre CDN yetenekleri sayesinde WordPress siteleri i\u00e7in m\u00fckemmel bir performans art\u0131r\u0131c\u0131 \u00e7\u00f6z\u00fcm haline gelmi\u015ftir. Makalemiz, temel kavramlardan ba\u015flayarak DigitalOcean Spaces olu\u015fturma, API anahtarlar\u0131n\u0131 yap\u0131land\u0131rma, WordPress’i Spaces ile entegre etme ve performans\u0131n\u0131z\u0131 test etme ad\u0131mlar\u0131na kadar kapsaml\u0131 bir rehber sunacakt\u0131r. Amac\u0131m\u0131z, teknik bilgiye sahip olsan\u0131z da olmasan\u0131z da, bu s\u00fcreci sorunsuz bir \u015fekilde tamamlaman\u0131za yard\u0131mc\u0131 olmakt\u0131r.<\/p>\n
Web sitenizin performans\u0131, sadece teknik bir \u00f6l\u00e7\u00fcmden ibaret de\u011fildir; ayn\u0131 zamanda i\u015finizin ba\u015far\u0131s\u0131 i\u00e7in hayati \u00f6neme sahiptir. Yava\u015f y\u00fcklenen bir web sitesi, bir\u00e7ok olumsuz sonu\u00e7 do\u011furabilir:<\/p>\n
Modern internet kullan\u0131c\u0131lar\u0131 h\u0131zl\u0131 beklentilere sahiptir. Bir sayfan\u0131n y\u00fcklenmesi birka\u00e7 saniyeden fazla s\u00fcrerse, kullan\u0131c\u0131lar\u0131n b\u00fcy\u00fck bir k\u0131sm\u0131 siteyi terk etme e\u011filimindedir. H\u0131zl\u0131 bir site, kullan\u0131c\u0131lar\u0131n sitenizde daha uzun s\u00fcre kalmas\u0131n\u0131, daha fazla sayfa g\u00f6r\u00fcnt\u00fclemesini ve genel olarak daha olumlu bir deneyim ya\u015famas\u0131n\u0131 sa\u011flar. Bu da marka sadakati ve m\u00fc\u015fteri memnuniyeti a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir.<\/p>\n
Google ve di\u011fer arama motorlar\u0131, web sitesi h\u0131z\u0131n\u0131 bir s\u0131ralama fakt\u00f6r\u00fc olarak kabul eder. Daha h\u0131zl\u0131 y\u00fcklenen siteler, arama sonu\u00e7lar\u0131nda daha \u00fcst s\u0131ralarda yer alma e\u011filimindedir. \u00d6zellikle mobil cihazlarda sayfa h\u0131z\u0131, Google’\u0131n “Core Web Vitals” metrikleri aras\u0131nda yer alarak SEO performans\u0131n\u0131 do\u011frudan etkiler. Yava\u015f bir site, organik trafi\u011finizi olumsuz etkileyebilir.<\/p>\n
E-ticaret siteleri, bloglar veya kurumsal web siteleri i\u00e7in d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131 (sat\u0131\u015flar, abonelikler, form doldurmalar vb.) do\u011frudan site h\u0131z\u0131yla ili\u015fkilidir. Her ek y\u00fckleme saniyesi, potansiyel m\u00fc\u015fteri kayb\u0131na ve dolay\u0131s\u0131yla gelir d\u00fc\u015f\u00fc\u015f\u00fcne yol a\u00e7abilir. H\u0131zl\u0131 bir site, kullan\u0131c\u0131lar\u0131n istedikleri eylemleri ger\u00e7ekle\u015ftirmeleri i\u00e7in daha elveri\u015fli bir ortam sunar.<\/p>\n
Web sitenizin t\u00fcm varl\u0131klar\u0131n\u0131 kendi ana sunucunuzdan sunmak, \u00f6zellikle y\u00fcksek trafikli siteler i\u00e7in sunucu kaynaklar\u0131n\u0131 (CPU, RAM, bant geni\u015fli\u011fi) a\u015f\u0131r\u0131 derecede t\u00fcketebilir. Bu durum, sunucunuzun yava\u015flamas\u0131na, hatta \u00e7\u00f6kmesine neden olabilir ve daha pahal\u0131 sunucu planlar\u0131na ge\u00e7i\u015f yapman\u0131z\u0131 gerektirebilir. CDN kullan\u0131m\u0131, bu y\u00fck\u00fc da\u011f\u0131tarak ana sunucunuzun daha verimli \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar ve maliyetleri d\u00fc\u015f\u00fcrebilir.<\/p>\n
CDN (Content Delivery Network – \u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131), web sitelerinin statik i\u00e7eriklerini (g\u00f6rseller, CSS, JavaScript, videolar vb.) co\u011frafi olarak da\u011f\u0131t\u0131lm\u0131\u015f sunucular (Edge sunucular\u0131 veya PoP – Point of Presence) a\u011f\u0131 \u00fczerinden son kullan\u0131c\u0131lara daha h\u0131zl\u0131 ve g\u00fcvenilir bir \u015fekilde ula\u015ft\u0131ran bir sistemdir.<\/p>\n
1. Varl\u0131klar\u0131n Kopyalanmas\u0131:<\/strong> Web sitenizin statik varl\u0131klar\u0131, CDN sa\u011flay\u0131c\u0131n\u0131z\u0131n d\u00fcnya genelindeki Edge sunucular\u0131na kopyalan\u0131r veya \u00f6nbelle\u011fe al\u0131n\u0131r. * Daha H\u0131zl\u0131 Y\u00fckleme S\u00fcreleri:<\/strong> En belirgin avantajd\u0131r. DigitalOcean Spaces, geli\u015ftiriciler ve i\u015fletmeler i\u00e7in tasarlanm\u0131\u015f, uygun maliyetli ve y\u00fcksek performansl\u0131 bir nesne depolama hizmetidir. Amazon S3 ile API uyumlulu\u011fu sayesinde, S3 ile \u00e7al\u0131\u015fan bir\u00e7ok ara\u00e7 ve eklentiyle do\u011frudan entegre olabilir. Spaces, statik web siteleri bar\u0131nd\u0131rma, yedeklemeleri depolama, b\u00fcy\u00fck veri k\u00fcmelerini saklama ve \u00f6zellikle CDN olarak kullanma gibi \u00e7e\u015fitli kullan\u0131m senaryolar\u0131 sunar.<\/p>\n * Nesne Depolama:<\/strong> Dosyalar\u0131 “nesneler” olarak depolar ve bunlar\u0131 “Space” ad\u0131 verilen bir depolama biriminde organize eder. WordPress siteleri i\u00e7in DigitalOcean Spaces, medya dosyalar\u0131n\u0131 (g\u00f6rseller, videolar) ana sunucudan ay\u0131rarak Spaces’e y\u00fcklemenize ve ard\u0131ndan bu dosyalar\u0131 Spaces’in entegre CDN’i arac\u0131l\u0131\u011f\u0131yla sunman\u0131za olanak tan\u0131r. Bu, ana sunucunuzun y\u00fck\u00fcn\u00fc azalt\u0131r, yedeklemeyi kolayla\u015ft\u0131r\u0131r ve en \u00f6nemlisi, global kullan\u0131c\u0131lar i\u00e7in sayfa y\u00fckleme s\u00fcrelerini \u00f6nemli \u00f6l\u00e7\u00fcde h\u0131zland\u0131r\u0131r.<\/p>\n WordPress siteleri, dinamik bir yap\u0131ya sahip olmalar\u0131na ra\u011fmen, performanslar\u0131n\u0131 b\u00fcy\u00fck \u00f6l\u00e7\u00fcde statik varl\u0131klar\u0131n (CSS, JavaScript, g\u00f6rseller, fontlar) h\u0131zl\u0131 bir \u015fekilde teslim edilmesine bor\u00e7ludur. Bu varl\u0131klar\u0131n teslimat\u0131n\u0131 h\u0131zland\u0131rmak, genel site performans\u0131n\u0131 do\u011frudan etkileyen kritik bir ad\u0131md\u0131r.<\/p>\n * G\u00f6rseller:<\/strong> Genellikle bir web sayfas\u0131n\u0131n en b\u00fcy\u00fck boyutlu varl\u0131klar\u0131d\u0131r. Y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc g\u00f6rseller, sayfa boyutunu art\u0131rarak y\u00fckleme s\u00fcrelerini uzatabilir. Sitenizin ana sunucusu ile kullan\u0131c\u0131n\u0131n konumu aras\u0131ndaki fiziksel mesafe, verinin iletim s\u00fcresini (gecikme) art\u0131r\u0131r. \u00d6rne\u011fin, sunucunuz Almanya’da, kullan\u0131c\u0131n\u0131z Avustralya’da ise, her bir varl\u0131k iste\u011fi i\u00e7in veri paketlerinin bu uzun mesafeyi kat etmesi gerekir. CDN, bu mesafeyi k\u0131saltarak gecikmeyi minimize eder.<\/p>\n T\u00fcm statik varl\u0131klar\u0131 ana sunucunuzdan sunmak, sunucunuzun bant geni\u015fli\u011fini h\u0131zla t\u00fcketir. Bu, \u00f6zellikle y\u00fcksek trafikli siteler i\u00e7in maliyetli olabilir ve ana sunucunun di\u011fer i\u015flemleri (veritaban\u0131 sorgular\u0131, PHP i\u015fleme) i\u00e7in yeterli bant geni\u015fli\u011fi b\u0131rakmayabilir. CDN, bant geni\u015fli\u011fi t\u00fcketimini Edge sunucular\u0131na da\u011f\u0131tarak ana sunucunuzu rahatlat\u0131r.<\/p>\n WordPress, PHP ve MySQL tabanl\u0131 dinamik bir sistemdir. Her sayfa iste\u011fi, veritaban\u0131 sorgular\u0131 ve PHP kod y\u00fcr\u00fctmeleri gerektirir. Statik varl\u0131klar\u0131n CDN \u00fczerinden sunulmas\u0131, ana sunucunuzun bu dinamik i\u015flemlere odaklanmas\u0131na olanak tan\u0131r, b\u00f6ylece genel sunucu performans\u0131 artar.<\/p>\n Bu nedenlerle, WordPress varl\u0131k teslimat\u0131n\u0131 h\u0131zland\u0131rmak, sadece bir optimizasyon ad\u0131m\u0131 de\u011fil, ayn\u0131 zamanda modern bir web sitesinin temel gereksinimlerinden biridir. DigitalOcean Spaces CDN, bu ihtiyac\u0131 kar\u015f\u0131lamak i\u00e7in g\u00fc\u00e7l\u00fc ve entegre bir \u00e7\u00f6z\u00fcm sunar.<\/p>\n DigitalOcean Spaces CDN’i WordPress sitenizle entegre etmeden \u00f6nce baz\u0131 \u00f6n haz\u0131rl\u0131klar yapman\u0131z gerekmektedir. Bu ad\u0131mlar, kurulum s\u00fcrecini sorunsuz hale getirecektir.<\/p>\n E\u011fer hen\u00fcz bir DigitalOcean hesab\u0131n\u0131z yoksa, \u00f6ncelikle bir hesap olu\u015fturman\u0131z gerekmektedir. DigitalOcean’a kaydolmak genellikle h\u0131zl\u0131 ve kolayd\u0131r. Hesab\u0131n\u0131zda aktif bir \u00f6deme y\u00f6ntemi tan\u0131ml\u0131 oldu\u011fundan emin olun, \u00e7\u00fcnk\u00fc Spaces ve CDN hizmetleri kullan\u0131ma g\u00f6re \u00fccretlendirilecektir (ancak genellikle \u00e7ok uygun maliyetlidir).<\/p>\n Halihaz\u0131rda \u00e7al\u0131\u015fan bir WordPress kurulumunuzun olmas\u0131 gerekmektedir. Bu rehber, mevcut bir WordPress sitesine Spaces CDN entegrasyonunu ele almaktad\u0131r.<\/p>\n DigitalOcean Spaces’i WordPress ile entegre etmek i\u00e7in bir veya daha fazla eklentiye ihtiyac\u0131n\u0131z olacak. En pop\u00fcler ve \u00f6nerilen eklenti “WP Offload Media”d\u0131r (eski ad\u0131yla WP Offload S3 Lite\/Pro). Bu eklenti, medya dosyalar\u0131n\u0131z\u0131 (g\u00f6rseller, videolar vb.) Spaces’e otomatik olarak y\u00fcklemenize ve bunlar\u0131 CDN \u00fczerinden sunman\u0131za olanak tan\u0131r. Di\u011fer statik varl\u0131klar (CSS, JS) i\u00e7in “CDN Enabler” gibi daha genel CDN eklentileri de kullan\u0131labilir.<\/p>\n DigitalOcean Spaces’e programatik olarak eri\u015fmek i\u00e7in API anahtarlar\u0131na ihtiyac\u0131n\u0131z olacak. Bunlar, “Access Key” ve “Secret Key” olarak adland\u0131r\u0131l\u0131r. Bu anahtarlar, WordPress eklentinizin Spaces’e ba\u011flanmas\u0131n\u0131 ve dosyalar\u0131 y\u00fcklemesini sa\u011flar. Bu anahtarlar\u0131n g\u00fcvenli\u011fini sa\u011flamak son derece \u00f6nemlidir, \u00e7\u00fcnk\u00fc yetkisiz eri\u015fim durumunda Space’inizdeki verilere m\u00fcdahale edilebilir.<\/p>\n DigitalOcean hesab\u0131n\u0131zda Spaces olu\u015fturma ve API anahtarlar\u0131 y\u00f6netme yetkisine sahip oldu\u011funuzdan emin olun. E\u011fer bir ekip ortam\u0131nda \u00e7al\u0131\u015f\u0131yorsan\u0131z, gerekli izinlere sahip bir kullan\u0131c\u0131 ile giri\u015f yapmal\u0131s\u0131n\u0131z.<\/p>\n Bu \u00f6n haz\u0131rl\u0131klar\u0131 tamamlad\u0131ktan sonra, DigitalOcean kontrol panelinde Spaces olu\u015fturma ve yap\u0131land\u0131rma ad\u0131mlar\u0131na ge\u00e7meye haz\u0131r olacaks\u0131n\u0131z.<\/p>\n WordPress siteniz i\u00e7in DigitalOcean Spaces CDN’i kullanmaya ba\u015flaman\u0131n ilk ad\u0131m\u0131, DigitalOcean kontrol panelinde bir Space olu\u015fturmak ve gerekli yap\u0131land\u0131rmalar\u0131 yapmakt\u0131r.<\/p>\n 1. DigitalOcean Kontrol Paneline Giri\u015f Yap\u0131n:<\/strong> Taray\u0131c\u0131n\u0131zdan DigitalOcean hesab\u0131n\u0131za giri\u015f yap\u0131n. WordPress eklentinizin Spaces’e ba\u011flanabilmesi i\u00e7in API anahtarlar\u0131na ihtiyac\u0131 olacakt\u0131r.<\/p>\n 1. API Sayfas\u0131na Gidin:<\/strong> DigitalOcean kontrol panelinde sol men\u00fcden “API” se\u00e7ene\u011fine t\u0131klay\u0131n. Space’inizi olu\u015fturduktan sonra, CDN ayarlar\u0131n\u0131 kontrol edebilirsiniz:<\/p>\n 1. Space Detaylar\u0131na Gidin:<\/strong> Olu\u015fturdu\u011funuz Space’e t\u0131klay\u0131n. Bu ad\u0131mlar\u0131 tamamlad\u0131ktan sonra, DigitalOcean Spaces’iniz kullan\u0131ma haz\u0131r hale gelecek ve WordPress entegrasyonuna ge\u00e7ebilirsiniz.<\/p>\n WordPress sitenizi DigitalOcean Spaces ile entegre etmek i\u00e7in en etkili yol, \u00f6zel olarak tasarlanm\u0131\u015f eklentileri kullanmakt\u0131r. Bu eklentiler, medya dosyalar\u0131n\u0131z\u0131 Spaces’e otomatik olarak y\u00fcklemenize ve CDN \u00fczerinden sunman\u0131za olanak tan\u0131r.<\/p>\n Bu eklenti, WordPress medya k\u00fct\u00fcphanenizdeki dosyalar\u0131 (g\u00f6rseller, videolar, PDF’ler vb.) DigitalOcean Spaces gibi S3 uyumlu nesne depolama hizmetlerine otomatik olarak y\u00fcklemek ve bu dosyalar\u0131 CDN \u00fczerinden sunmak i\u00e7in en pop\u00fcler ve g\u00fc\u00e7l\u00fc \u00e7\u00f6z\u00fcmd\u00fcr.<\/p>\n Neden WP Offload Media?<\/strong> Kurulum ve Aktivasyon:<\/strong> Ayarlar\u0131n Yap\u0131land\u0131r\u0131lmas\u0131:<\/strong> Mevcut Medya Dosyalar\u0131n\u0131 Ta\u015f\u0131ma:<\/strong> WP Offload Media, medya dosyalar\u0131 i\u00e7in m\u00fckemmel olsa da, sitenizin CSS, JavaScript ve di\u011fer statik varl\u0131klar\u0131n\u0131 da CDN \u00fczerinden sunmak isteyebilirsiniz. “CDN Enabler” gibi eklentiler bu konuda yard\u0131mc\u0131 olur.<\/p>\n Neden CDN Enabler?<\/strong> Kurulum ve Aktivasyon:<\/strong> Ayarlar\u0131n Yap\u0131land\u0131r\u0131lmas\u0131:<\/strong> Bu eklentilerin entegrasyonu tamamland\u0131ktan sonra, WordPress sitenizin statik varl\u0131klar\u0131 art\u0131k DigitalOcean Spaces CDN \u00fczerinden sunulmaya ba\u015flayacakt\u0131r.<\/p>\n DigitalOcean Spaces CDN entegrasyonunu tamamlad\u0131ktan sonra, her \u015feyin do\u011fru \u00e7al\u0131\u015ft\u0131\u011f\u0131ndan emin olmak i\u00e7in baz\u0131 kontroller ve performans testleri yapman\u0131z kritik \u00f6neme sahiptir.<\/p>\n 1. Kaynak Kodunu \u0130nceleme:<\/strong>
\n2. Co\u011frafi Yak\u0131nl\u0131k:<\/strong> Bir kullan\u0131c\u0131 web sitenize eri\u015fti\u011finde, CDN sistemi kullan\u0131c\u0131n\u0131n konumunu alg\u0131lar ve ona en yak\u0131n Edge sunucusundan statik varl\u0131klar\u0131 teslim eder.
\n3. Gecikmenin Azalt\u0131lmas\u0131:<\/strong> Verinin kat etmesi gereken fiziksel mesafenin k\u0131salmas\u0131, “gecikme” (latency) s\u00fcresini \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131r. \u00d6rne\u011fin, T\u00fcrkiye’deki bir kullan\u0131c\u0131, sitenizin ana sunucusu ABD’de olsa bile, g\u00f6rselleri ve CSS dosyalar\u0131n\u0131 \u0130stanbul’daki bir CDN sunucusundan alabilir.
\n4. Y\u00fck Dengeleme:<\/strong> CDN, ana sunucunuz \u00fczerindeki y\u00fck\u00fc hafifleterek, trafik yo\u011funlu\u011fu y\u00fcksek zamanlarda bile sitenizin performans\u0131n\u0131 ve eri\u015filebilirli\u011fini korur.
\n5. \u00d6nbellekleme:<\/strong> Edge sunucular\u0131, s\u0131k eri\u015filen i\u00e7erikleri \u00f6nbelle\u011finde tutar, b\u00f6ylece her istekte ana sunucuya gitmeye gerek kalmaz. Bu, hem h\u0131z\u0131 art\u0131r\u0131r hem de ana sunucunun kaynaklar\u0131n\u0131 korur.<\/p>\nCDN Kullanman\u0131n Avantajlar\u0131<\/h3>\n
\n* Geli\u015fmi\u015f Kullan\u0131c\u0131 Deneyimi:<\/strong> Kullan\u0131c\u0131 memnuniyeti artar.
\n* Daha \u0130yi SEO S\u0131ralamalar\u0131:<\/strong> Arama motorlar\u0131 h\u0131zl\u0131 siteleri sever.
\n* Azalt\u0131lm\u0131\u015f Sunucu Y\u00fck\u00fc:<\/strong> Ana sunucunuz daha az stres alt\u0131nda kal\u0131r.
\n* Y\u00fcksek Eri\u015filebilirlik ve Yedeklilik:<\/strong> Bir Edge sunucusu \u00e7evrimd\u0131\u015f\u0131 olsa bile, di\u011ferleri hizmet vermeye devam eder.
\n* DDoS Sald\u0131r\u0131lar\u0131na Kar\u015f\u0131 Koruma:<\/strong> CDN’ler, genellikle DDoS sald\u0131r\u0131lar\u0131n\u0131 emebilecek ve filtreleyebilecek yeteneklere sahiptir.<\/p>\nDigitalOcean Spaces Nedir?<\/h2>\n
DigitalOcean Spaces’in Temel \u00d6zellikleri<\/h3>\n
\n* S3 Uyumlulu\u011fu:<\/strong> Amazon S3 API’si ile uyumlu olmas\u0131, mevcut S3 ara\u00e7lar\u0131n\u0131 ve eklentilerini kolayca kullanman\u0131z\u0131 sa\u011flar.
\n* Entegre CDN:<\/strong> Her Space ile birlikte gelen yerle\u015fik bir CDN \u00f6zelli\u011fi bulunur. Bu, ek bir yap\u0131land\u0131rma veya \u00fc\u00e7\u00fcnc\u00fc taraf bir CDN hizmeti sat\u0131n alma ihtiyac\u0131n\u0131 ortadan kald\u0131r\u0131r. Tek t\u0131klamayla etkinle\u015ftirilebilir.
\n* Uygun Fiyatland\u0131rma:<\/strong> Di\u011fer bulut depolama \u00e7\u00f6z\u00fcmlerine k\u0131yasla genellikle daha uygun fiyatland\u0131rma sunar, bu da \u00f6zellikle k\u00fc\u00e7\u00fck ve orta \u00f6l\u00e7ekli i\u015fletmeler i\u00e7in cazip hale getirir.
\n* \u00d6l\u00e7eklenebilirlik:<\/strong> \u0130htiya\u00e7lar\u0131n\u0131z do\u011frultusunda depolama alan\u0131n\u0131z\u0131 ve bant geni\u015fli\u011finizi kolayca \u00f6l\u00e7eklendirebilirsiniz.
\n* Basit Kullan\u0131m:<\/strong> DigitalOcean’\u0131n kullan\u0131c\u0131 dostu kontrol paneli sayesinde Spaces olu\u015fturmak ve y\u00f6netmek olduk\u00e7a kolayd\u0131r.<\/p>\nWordPress Varl\u0131k Teslimat\u0131n\u0131 H\u0131zland\u0131rmak Neden Gerekli?<\/h2>\n
Statik Varl\u0131klar\u0131n Rol\u00fc<\/h3>\n
\n* CSS Dosyalar\u0131:<\/strong> Sitenizin stilini ve d\u00fczenini belirler. B\u00fcy\u00fck ve optimize edilmemi\u015f CSS dosyalar\u0131, sayfa olu\u015fturma (rendering) s\u00fcrecini yava\u015flatabilir.
\n* JavaScript Dosyalar\u0131:<\/strong> Etkile\u015fimli \u00f6\u011feler, animasyonlar ve di\u011fer dinamik i\u015flevler i\u00e7in kullan\u0131l\u0131r. A\u015f\u0131r\u0131 veya engelleme yapan JavaScript, sayfa y\u00fckleme ve etkile\u015fim s\u00fcrelerini olumsuz etkileyebilir.
\n* Fontlar:<\/strong> \u00d6zel fontlar (Google Fonts gibi) kullan\u0131ld\u0131\u011f\u0131nda, bu font dosyalar\u0131n\u0131n da h\u0131zl\u0131 bir \u015fekilde y\u00fcklenmesi gerekir.
\n* Videolar:<\/strong> \u00d6zellikle arka plan videolar\u0131 veya g\u00f6m\u00fcl\u00fc medya dosyalar\u0131, bant geni\u015fli\u011fini yo\u011fun bir \u015fekilde kullanabilir.<\/p>\nGecikme (Latency) Sorunlar\u0131<\/h3>\n
Bant Geni\u015fli\u011fi T\u00fcketimi<\/h3>\n
WordPress’in Do\u011fas\u0131<\/h3>\n
DigitalOcean Spaces CDN Kurulumu \u00d6ncesi Haz\u0131rl\u0131klar<\/h2>\n
1. DigitalOcean Hesab\u0131<\/h3>\n
2. WordPress Kurulumu<\/h3>\n
3. Gerekli WordPress Eklentileri Hakk\u0131nda Genel Bilgi<\/h3>\n
4. API Anahtar\u0131 ve Eri\u015fim Anahtarlar\u0131 Hakk\u0131nda Bilgi<\/h3>\n
5. Yeterli \u0130zinler<\/h3>\n
DigitalOcean Spaces Olu\u015fturma ve Yap\u0131land\u0131rma<\/h2>\n
Yeni Bir Space Olu\u015fturma<\/h3>\n
\n2. Space Olu\u015fturma Sayfas\u0131na Gidin:<\/strong> Sol men\u00fcde “Spaces” se\u00e7ene\u011fine t\u0131klay\u0131n. Ard\u0131ndan “Create a Space” veya “Create” butonuna t\u0131klayarak yeni bir Space olu\u015fturma i\u015flemine ba\u015flay\u0131n.
\n3. B\u00f6lge (Region) Se\u00e7imi:<\/strong> Bu ad\u0131m kritik \u00f6neme sahiptir. Kullan\u0131c\u0131 kitlenizin co\u011frafi konumuna en yak\u0131n b\u00f6lgeyi se\u00e7melisiniz. \u00d6rne\u011fin, hedef kitleniz T\u00fcrkiye’de ise, Avrupa’daki (Frankfurt, Amsterdam) bir b\u00f6lge se\u00e7mek mant\u0131kl\u0131 olacakt\u0131r. Bu, gecikmeyi minimuma indirerek varl\u0131k teslimat\u0131n\u0131 h\u0131zland\u0131racakt\u0131r.
\n4. Space Ad\u0131 Belirleme:<\/strong> Space’inize benzersiz bir ad verin. Bu ad, Space’inizin URL’sinde kullan\u0131lacakt\u0131r (\u00f6rne\u011fin, your-space-name.nyc3.digitaloceanspaces.com<\/code>). Ad\u0131n k\u00fc\u00e7\u00fck harflerden olu\u015ftu\u011fundan ve \u00f6zel karakter i\u00e7ermedi\u011finden emin olun.
\n5. CDN Etkinle\u015ftirme:<\/strong> Space olu\u015fturma s\u00fcrecinde “Enable CDN” se\u00e7ene\u011fini i\u015faretledi\u011finizden emin olun. Bu, Space’inizin entegre CDN \u00f6zelli\u011fini otomatik olarak etkinle\u015ftirecektir.
\n6. Space Olu\u015fturma:<\/strong> Gerekli bilgileri girdikten sonra “Create a Space” butonuna t\u0131klayarak Space’inizi olu\u015fturun.<\/p>\nAPI Anahtarlar\u0131 Olu\u015fturma<\/h3>\n
\n2. Yeni Bir Anahtar Olu\u015fturun:<\/strong> “Tokens\/Keys” sekmesi alt\u0131nda “Spaces access keys” b\u00f6l\u00fcm\u00fcn\u00fc bulun. “Generate New Key” butonuna t\u0131klay\u0131n.
\n3. Anahtar Ad\u0131 Belirleyin:<\/strong> Anahtar\u0131n\u0131za a\u00e7\u0131klay\u0131c\u0131 bir ad verin (\u00f6rne\u011fin, “WordPressCDNKey”).
\n4. Anahtarlar\u0131 Kopyalay\u0131n:<\/strong> Anahtar\u0131 olu\u015fturduktan sonra size bir “Access Key” ve bir “Secret Key” g\u00f6sterilecektir. Bu Secret Key’i sadece bir kez g\u00f6rebileceksiniz.<\/strong> Bu nedenle, her iki anahtar\u0131 da g\u00fcvenli bir yere (\u00f6rne\u011fin, bir \u015fifre y\u00f6neticisi) kopyalay\u0131p kaydetti\u011finizden emin olun. Bu anahtarlar, WordPress eklentinizde kullan\u0131lacakt\u0131r.<\/p>\nSpace \u0130\u00e7in CDN Ayarlar\u0131n\u0131 G\u00f6zden Ge\u00e7irme<\/h3>\n
\n2. Settings Sekmesi:<\/strong> “Settings” sekmesine gidin.
\n3. CDN Ayarlar\u0131:<\/strong> Burada CDN ile ilgili ayarlar\u0131 g\u00f6receksiniz. “Edge Caching”in etkin oldu\u011fundan emin olun. Ayr\u0131ca, \u00f6nbellekleme s\u00fcrelerini (TTL – Time To Live) ayarlayabilirsiniz. Varsay\u0131lan ayarlar genellikle \u00e7o\u011fu kullan\u0131m durumu i\u00e7in uygundur, ancak belirli ihtiya\u00e7lar\u0131n\u0131z varsa bunlar\u0131 de\u011fi\u015ftirebilirsiniz. \u00d6rne\u011fin, s\u0131k g\u00fcncellenen varl\u0131klar i\u00e7in daha k\u0131sa, nadiren de\u011fi\u015fen varl\u0131klar i\u00e7in daha uzun bir TTL belirleyebilirsiniz.
\n4. CDN Endpoint URL:<\/strong> Bu sayfada veya Space’in genel g\u00f6r\u00fcn\u00fcm\u00fcnde, CDN’inizin URL’sini g\u00f6receksiniz (\u00f6rne\u011fin, https:\/\/your-space-name.cdn.digitaloceanspaces.com<\/code>). Bu URL, WordPress eklentilerinizde kullan\u0131lacakt\u0131r.<\/p>\nWordPress’i DigitalOcean Spaces ile Entegre Etme<\/h2>\n
Gerekli WordPress Eklentileri<\/h3>\n
WP Offload Media (Eski Ad\u0131: WP Offload S3 Lite\/Pro)<\/h4>\n
\n* Otomatik Y\u00fckleme:<\/strong> Yeni y\u00fcklenen medya dosyalar\u0131n\u0131 otomatik olarak Spaces’e ta\u015f\u0131r.
\n* Mevcut Dosyalar\u0131 Ta\u015f\u0131ma:<\/strong> Mevcut medya k\u00fct\u00fcphanenizdeki t\u00fcm dosyalar\u0131 Spaces’e ta\u015f\u0131ma imkan\u0131 sunar.
\n* URL Yeniden Yazma:<\/strong> Medya dosyalar\u0131n\u0131n URL’lerini otomatik olarak CDN URL’leri ile de\u011fi\u015ftirir, b\u00f6ylece sitenizdeki t\u00fcm medya dosyalar\u0131 Spaces CDN \u00fczerinden sunulur.
\n* Yerel Kopyalar\u0131 Silme:<\/strong> \u0130ste\u011fe ba\u011fl\u0131 olarak, medya dosyalar\u0131n\u0131n Spaces’e y\u00fcklendikten sonra ana sunucunuzdan silinmesini sa\u011flayarak disk alan\u0131ndan tasarruf eder.<\/p>\n
\n1. WordPress y\u00f6netici panelinize giri\u015f yap\u0131n.
\n2. “Eklentiler” > “Yeni Ekle” b\u00f6l\u00fcm\u00fcne gidin.
\n3. Arama kutusuna “WP Offload Media” yaz\u0131n.
\n4. Eklentiyi bulun ve “\u015eimdi Kur” butonuna t\u0131klay\u0131n.
\n5. Kurulum tamamland\u0131ktan sonra “Etkinle\u015ftir” butonuna t\u0131klay\u0131n.<\/p>\n
\n1. Eklenti etkinle\u015ftirildikten sonra, sol men\u00fcde “Ayarlar” alt\u0131nda “Offload Media” veya “AWS” (eski versiyonlarda) se\u00e7ene\u011fini g\u00f6receksiniz. Buraya t\u0131klay\u0131n.
\n2. Storage Provider (Depolama Sa\u011flay\u0131c\u0131s\u0131):<\/strong> “DigitalOcean Spaces” se\u00e7ene\u011fini se\u00e7in. (E\u011fer direkt DigitalOcean se\u00e7ene\u011fi yoksa “Amazon S3” se\u00e7ene\u011fini se\u00e7ip manuel endpoint girebilirsiniz, ancak \u00e7o\u011fu yeni versiyonda DigitalOcean i\u00e7in \u00f6zel entegrasyon bulunur.)
\n3. Access Key ID ve Secret Access Key:<\/strong> DigitalOcean kontrol panelinde olu\u015fturdu\u011funuz “Access Key” ve “Secret Key” de\u011ferlerini buraya yap\u0131\u015ft\u0131r\u0131n.
\n4. Endpoint:<\/strong> Bu alan, DigitalOcean Spaces’inizin bulundu\u011fu b\u00f6lgenin endpoint’ini belirtir. \u00d6rne\u011fin, Amsterdam 3 (AMS3) i\u00e7in https:\/\/ams3.digitaloceanspaces.com<\/code> \u015feklinde olmal\u0131d\u0131r. Bu bilgiyi DigitalOcean Space’inizin detay sayfas\u0131nda bulabilirsiniz.
\n5. Bucket (Space) Ad\u0131:<\/strong> Olu\u015fturdu\u011funuz Space’in ad\u0131n\u0131 girin (\u00f6rne\u011fin, my-wordpress-cdn<\/code>).
\n6. Region:<\/strong> Space’inizi olu\u015fturdu\u011funuz b\u00f6lgeyi se\u00e7in (\u00f6rne\u011fin, ams3<\/code>).
\n7. CDN URL:<\/strong> Bu k\u0131s\u0131m \u00f6nemlidir. Space’inizin CDN Endpoint URL’sini buraya girin (\u00f6rne\u011fin, https:\/\/my-wordpress-cdn.cdn.digitaloceanspaces.com<\/code>). Bu URL’yi DigitalOcean Space ayarlar\u0131n\u0131zda bulabilirsiniz.
\n8. Copy Files to Space:<\/strong> Bu se\u00e7ene\u011fi etkinle\u015ftirin. Bu, yeni medya dosyalar\u0131n\u0131n otomatik olarak Spaces’e y\u00fcklenmesini sa\u011flar.
\n9. Rewrite File URLs:<\/strong> Bu se\u00e7ene\u011fi etkinle\u015ftirin. Bu, sitenizdeki medya dosyalar\u0131n\u0131n URL’lerinin CDN URL’leri ile de\u011fi\u015ftirilmesini sa\u011flar.
\n10. Remove Files From Server:<\/strong> \u0130ste\u011fe ba\u011fl\u0131 olarak, medya dosyalar\u0131n\u0131n Spaces’e y\u00fcklendikten sonra ana sunucunuzdan silinmesini sa\u011flamak i\u00e7in bu se\u00e7ene\u011fi etkinle\u015ftirebilirsiniz. Bu, disk alan\u0131ndan tasarruf etmenizi sa\u011flar.
\n11. Save Changes:<\/strong> Ayarlar\u0131 kaydetmeyi unutmay\u0131n.<\/p>\n
\nAyarlar\u0131 kaydettikten sonra, eklenti size mevcut medya dosyalar\u0131n\u0131z\u0131 Spaces’e ta\u015f\u0131ma se\u00e7ene\u011fi sunacakt\u0131r. “Offload Now” veya benzeri bir butona t\u0131klayarak bu i\u015flemi ba\u015flatabilirsiniz. Bu i\u015flem, sitenizdeki medya dosyalar\u0131n\u0131n boyutuna ve say\u0131s\u0131na ba\u011fl\u0131 olarak biraz zaman alabilir.<\/p>\nCDN Enabler (Alternatif veya Tamamlay\u0131c\u0131 Eklenti)<\/h4>\n
\n* Genel Statik Varl\u0131klar:<\/strong> Medya dosyalar\u0131 d\u0131\u015f\u0131ndaki CSS, JS, fontlar gibi statik varl\u0131klar\u0131 CDN \u00fczerinden sunar.
\n* Hafif ve Basit:<\/strong> Kurulumu ve yap\u0131land\u0131rmas\u0131 olduk\u00e7a basittir.<\/p>\n
\n1. WordPress y\u00f6netici panelinize giri\u015f yap\u0131n.
\n2. “Eklentiler” > “Yeni Ekle” b\u00f6l\u00fcm\u00fcne gidin.
\n3. Arama kutusuna “CDN Enabler” yaz\u0131n.
\n4. Eklentiyi bulun ve “\u015eimdi Kur” butonuna t\u0131klay\u0131n.
\n5. Kurulum tamamland\u0131ktan sonra “Etkinle\u015ftir” butonuna t\u0131klay\u0131n.<\/p>\n
\n1. Eklenti etkinle\u015ftirildikten sonra, sol men\u00fcde “Ayarlar” alt\u0131nda “CDN Enabler” se\u00e7ene\u011fine t\u0131klay\u0131n.
\n2. CDN Hostname:<\/strong> DigitalOcean Space’inizin CDN Endpoint URL’sini buraya girin (\u00f6rne\u011fin, my-wordpress-cdn.cdn.digitaloceanspaces.com<\/code>).
\n3. Included Directories:<\/strong> Hangi dizinlerdeki dosyalar\u0131n CDN \u00fczerinden sunulaca\u011f\u0131n\u0131 belirleyebilirsiniz. Genellikle \/wp-content\/<\/code> ve \/wp-includes\/<\/code> yeterlidir.
\n4. File Extensions:<\/strong> Hangi dosya t\u00fcrlerinin CDN \u00fczerinden sunulaca\u011f\u0131n\u0131 belirleyin (\u00f6rne\u011fin, .css<\/code>, .js<\/code>, .jpg<\/code>, .png<\/code>, .gif<\/code>, .svg<\/code>, .webp<\/code>, .woff<\/code>, .ttf<\/code>, .otf<\/code>).
\n5. Save Changes:<\/strong> Ayarlar\u0131 kaydetmeyi unutmay\u0131n.<\/p>\nEntegrasyon Sonras\u0131 Kontroller ve Testler<\/h2>\n
Web Sitesi Kontrol\u00fc<\/h3>\n
\n * Web sitenizi taray\u0131c\u0131n\u0131zda a\u00e7\u0131n.
\n * Sayfaya sa\u011f t\u0131klay\u0131n ve “Sayfa Kayna\u011f\u0131n\u0131 G\u00f6r\u00fcnt\u00fcle” veya “\u0130ncele” (Inspect) se\u00e7ene\u011fini se\u00e7in.
\n * Kaynak kodunda <\/code>,