Wordpress – Konyaaltı Bilişim https://konyaaltibilisim.com Sunucu Hizmetleri, Network Hizmetleri, Web Tasarım Sat, 08 Oct 2022 19:00:04 +0000 tr hourly 1 https://wordpress.org/?v=6.7.4 https://konyaaltibilisim.com/wp-content/uploads/2019/12/cropped-favicon-yesil-32x32.png Wordpress – Konyaaltı Bilişim https://konyaaltibilisim.com 32 32 Quic Cloud CDN Kurulumu ve Ayarları https://konyaaltibilisim.com/quic-cloud-cdn-kurulumu-ve-ayarlari/ https://konyaaltibilisim.com/quic-cloud-cdn-kurulumu-ve-ayarlari/#comments Fri, 19 Feb 2021 12:58:41 +0000 https://konyaaltibilisim.com/?p=25802

Bildiğiniz gibi CDN (Content Delivery Network) içerik dağıtım ağı anlamına geliyor. Web sitemizin içeriğini, Dünya üzerindeki farklı sunuculara dağıtıyor. Böylece ziyaretçiler kendine en yakın sunucudan, hızlı bir şekilde web sitesine erişiyor.

“Ben sadece Türkiye’de hizmet sunuyorum” diye düşünüyorsanız yanılıyorsunuz. CDN kullandığınızda, web sitenize diğer ülkelerden trafik geldiğini göreceksiniz. Bu da SEO’ya doğrudan etki ediyor.

Ben, kısa süre önce Quic Cloud CDN hizmetini kullanmaya başladım. Çok memnun kaldım ve site hızında gözle görülür bir artışa şahit oldum.

Ayrıca çok uzak ülkelerden siteme erişim hızı ciddi anlamda arttı.

CDN hız testi
Tokyo üzerinden hız testi. Site hızım 7 saniyeden 1.5 saniyeye düştü!

Quic Cloud CDN Nedir?

Quic Cloud LiteSpeed Cache ile birlikte çalışan bir CDN servisidir. Apache, Nginx gibi diğer web sunucularıyla da uyumludur. LiteSpeed Technologies, Inc. tarafından kullanıma sunulmuştur.

İsmini Google’ın yeni geliştirdiği Quic protokolünden almaktadır. QUIC protokolü HTTP/3 olarak ta bilinmektedir. Geleneksel TCP bağlantısı yerine UDP protokolünü kullanarak sunucu ve tarayıcı arasındaki bağlantıyı hızlandırmaktadır.

Asıl görevi CDN olsa da, DDOS koruması, HTTP/3 kullanması, görsel optimizasyonu,  kritik CSS oluşturma gibi hizmetler de sunmaktadır.

Quic Cloud’un Sunduğu Hizmetler

Quic Cloud CDN:

Quic Cloud içerik dağıtım ağı sayesinde dünya üzerindeki sunuculardan web sitenize erişimi hızlandırır. Diğer CDN hizmetlerinden farklı olarak dinamik içeriğin yanı sıra statik içeriği de CDN üzerinden sunar. Ayrıca LiteSpeed Cache ile senkronize çalışır.

Image Optimization:

2010 yılında Google WEBP görsel formatını hizmete sundu. Böylece resimler görüntü kaybı olmadan sıkıştırılarak dosya boyutları küçüldü. Site hızları da böylece arttı. Image Optimization resimleri WEBP formatına otomatik olarak dönüştürür ve yayınlar. Bu işlem LiteSpeed sunucuları tarafında yapılır. Böylece sitenizde herhangi bir işlem yükü oluşmaz.

Critical CSS (CCSS):

Critical CSS, site yüklenirken üst bölgedeki önemli CSS’leri oluşturarak hızlı bir biçimde yüklenmesini sağlar. Quic Cloud CCSS hizmeti kritik CSS dosyalarını otomatik olarak oluşturacak ve öncelikli olarak yüklenmesini sağlayacaktır. Yine bu işlemi LiteSpeed sunucuları üstlenir.
 

Low Quality Image Placeholder (LQIP):

LQIP, sayfadaki resimler yüklenmeden önce, bulanık bir görüntünün görünmesini sağlar. Bu da sayfaların daha hızlı açılmasına olanak tanır. Quic Cloud LQIP, otomatik olarak düşük kaliteli resim dosyalarını oluşturur ve yayınlar.
 

Quic Cloud Sunucu Lokasyonları

Quic Cloud’un Dünya genelinde yayılmış datacenter’larını aşağıdaki resimde görebilirsiniz. Evet doğru gördünüz Quic Cloud’un Türkiye’de, Kocaeli bölgesinde bir datacenter’ı bulunmaktadır. IP adresi 213.159.1.75 sunucu ismi srv.lsws-srv.com’dur. Tabi ki birden fazla IP ve sunucusu bulunabilir. CMD komut isteminde “tracert siteadresiniz.com” komutunu kullanarak siz de sunucu bilgilerini görebilirsiniz.

Quic Cloud CDN sunucu lokasyonları
Quic Cloud CDN’in Türkiye’de datacenter’ı bulunmaktadır.

Quic Cloud Ücretleri

Quic Cloud ücretlendirmesi kredi usulüne dayanıyor. Aldığınız kredileri kullanmak istediğiniz hizmetlere bölebiliyorsunuz. Quic Cloud her ay ücretsiz kota tanımlıyor. Aylık tanımlanan ücretsiz kullanım kotası ise şu şekilde:

CDN: 5 GB

Image Optimization: 5000 Image

CCSS: 500 CSS

LQIP: 500 Images

Quic Cloud Aylık Ücretsiz Kota
Quic Cloud aylık ücretsiz kota limiti, giriş seviyede bir web sitesi için fazlasıyla yeterli.

Quic Qloud ücretleri de çok çok uygun. Örneğin 5$ a aldığınız 5000 kredi ile, 5 GB olan CDN hizmetini 500 GB’a çıkartabiliyorsunuz.

Quic Cloud CDN ücretleri
Quic Cloud CDN ücretleri diğer CDN hizmeti veren firmalara göre oldukça makul.

Quic Cloud Avantajları

  1. Quic Cloud, LiteSpeed Cache ile birlikte senkronize çalışır. Böylece önbellek temizleme işlemleri daha stabil çalışır.
  2. Quic Cloud CDN’in Türkiye’de datacenter’ı bulunur. Diğer birçok CDN hizmetinin Türkiye’de datacenter’ı bulunmuyor.
  3. Quic Cloud ücretleri diğer CDN ücretlerine göre daha uygundur.
  4. Quic Cloud HTTP/3 protokolünü kullanarak sitenizi sunar.
  5. Kritik CSS oluşturma gibi ek hizmetleri vardır.
  6. Entegre Google reCAPTCHA özelliği sayesinde saldırı durumunda siteniz hizmet vermeye devam eder.

Quic Cloud CDN Kurulumu

  1. Öncelikle bir Quic Cloud hesabı oluşturun. Web site ekleme işlemi, LiteSpeed Cache eklentisi üzerinden yapılacak.
  2. LiteSpeed Cache eklentisini kurun. LiteSpeed Cache ile ilgili detaylı bilgi ve ayarları için LiteSpeed Cache ayarları isimli makalemi inceleyebilirsiniz.
  3. Menüden “LiteSpeed Cache – General” ayarlarına gidin ve  “Request Domain Key” butonuna basın. Bir kaç dakika bekledikten sonra sayfayı yenileyin. Alanın otomatik olarak dolduğunu göreceksiniz.
  4. Server IP kısmına sunucunuzun IP adresini yazın. Eğer sunucunuzun IP adresini bilmiyorsanız “Check my public IP from Doapi.us” bağlantısına tıklayın. Emin olmak için bilgisayarınızdan CMD komut istemini açarak “ping siteadresiniz.com” komutunu girin. Çıkan IP adresi web sitenizin IP adresini işaret eder. Paylaşımlı sunucularda “Check my public IP from Doapi.us” gerçek sonucu veremeyebilir.
  5. “Save Changes” butonuna basarak değişiklikleri kaydedin.
  6. Ardından “Link to QUIC.cloud” butonuna tıklayarak hesabınıza bağlantı sağlayın.
    Quic Cloud Kurulumu
  7. Quic Cloud hesabınızda üst menüde bulunan “My Domains – Site isminiz – Settings” menüsüne giderek Server IP alanına IP adresinizi ekleyin ve kaydedin.Quic Cloud Server IP adresi ekleme
  8. Yine üst menüde bulunan “DNS Zones” bağlantısına tıklayın. “Add New Domain to DNS Zones” butonuna basarak web sitenizi başında www olmadan ekleyin.
  9. Tıpkı Cloudflare’de olduğu gibi Quic Cloud sitenizi tarayacak ve gerekli DNS bilgilerini otomatik çekecek. Tarama işlemi bittikten sonra “Enable and add recorts” butonuna basın.
  10. Son olarak size verdiği NS adreslerini alan adınızın NS adresleri ile değiştirin. Nasıl yapacağınızı aşağıda inceleyebilirsiniz. Quic Cloud Nameserver ayarları

Quic Cloud Name Server ayarları

1.  Alan adı sağlayıcı adresine giderek “Giriş” yapın.

Godaddy Giriş
Godaddy Giriş

2.  Değiştirmek istediğiniz alan adınızın karşısındaki “DNS” butonuna basın.

Godaddy nameserver değiştirme
Godaddy nameserver değiştirme

3.  Ad Sunucuları altındaki “Değiştir” butonuna basın.

 
Godaddy nameserver ayarlama
Godaddy nameserver ayarlama

4.  Daha önce not aldığınız “ad sunucularını” bu alana girip kaydedin. NS adreslerinin değişmesi 8 saat sürebilir.

Godaddy ad sunucusu ayarlama
Godaddy ad sunucusu ayarlama

Google Cloud Güvenlik Duvarına Quic Cloud IP’lerinin Eklenmesi

  1. Google Cloud Platform’a giriş yapın. Menüden “VPC Network – Firewall” bağlantısına tıklayın. Ardından “Create Firewall Rule” butonuna basın.Quic Cloud ip adreslerini Google Cloud firewall ekleme
  2. Oluşturmuş olduğunuz kuralı aşağıdaki gibi ayarlayın.  https://quic.cloud/ips adresindeki tüm IP adreslerini “Source ip ranges” alanına girin ve kaydedin.
    Quic Cloud IP adreslerini Google Cloud Firewall'a ekleme
    Quic Cloud IP adreslerini Google Cloud Firewall’a ekleme

Quic Cloud Ayarları

CDN Ayarları

  1. Bypass CDN: Quic Cloud’u devre dışı bırakır ve tüm trafiği web sunucunuza yönlendirir.
  2. Map Both www/non-www: Hem www, hem de www olmayan alan adlarınızı Quic.Cloud üzerinden yayınlamanızı sağlar.
  3. Dynamic Cache: Web sitenizin değişken içeriklerini CDN üzerinden sunar.
  4. Statik Cache: Web sitenizin sabit sayfalarını CDN üzerinden sunar. Bu ayar kapalı iken performans daha iyi olur.
  5. Connection Type to Origin: Sitenizdeki HTTP bağlantılar HTTP olarak, HTTPS olan bağlantılar HTTPS olarak sunulmaya devam edilir.
  6. Frontend Force HTTPS: HTTP sayfaları HTTPS olarak yönlendirir. Eğer .htaccess üzerinden yapılandırma yapmamışsanız buradan yönelendirme işlemini yapabilirsiniz.
  7. reCAPTCHA & WP Brute Force Defence: 2000 üzeri anlık bağlantı olursa Google reCAPTCHA aktif hale gelir ve sitenizi korur. reCAPTCHA için herhangi bir ek koda ihtiyacınız yok. Ayrıca kullanıcı girişi denemesinde 5 kez yanlış deneme olursa reCAPTCHA devreye girer.
  8. Protect From Bad Visitor: Saldırı altında olduğunuzu düşünüyorsanız bunu açarak reCAPTCHA’nın hemen aktif olmasını sağlayabilirsiniz.
  9. Restrict XML-RPC requests: WordPress’e uzak bağlantı imkanı sağlayan XML-RPC isteklerini izinsiz giriş olarak (403) yönlendirir. Güvenlik nedeniyle bu ayar mutlaka açık olmalıdır.
  10. Access Control Allow List: Yukarıdaki ayar için yanlızca izin verilen IP adresleri için uzak bağlantı hizmeti açılır.

Quic Cloud CDN Ayarları

Bu makalenin orijinali, ilk olarak Quic Cloud Kurulumu ve Ayarları sayfasından yayınlanmıştır.

]]> https://konyaaltibilisim.com/quic-cloud-cdn-kurulumu-ve-ayarlari/feed/ 13 WordPress Yandex SMTP Ayarları https://konyaaltibilisim.com/wordpress-yandex-smtp-ayarlari/ https://konyaaltibilisim.com/wordpress-yandex-smtp-ayarlari/#comments Sat, 05 Dec 2020 20:50:30 +0000 https://konyaaltibilisim.com/?p=25271

Bu makalede, WP Mail SMTP eklentisi ile, WordPress Yandex SMTP ayarlarını yapacağız. Böylece WordPress formlarınız düzgün bir şekilde çalışacak.

Ayarların düzgün çalışması için öncelikle Yandex üzerinden IMAP etkinleştirsi yapmamız gerekiyor.  

Yandex Mail IMAP Etkinleştirme

  1. Öncelikle mail hesabınıza girip Yandex IMAP etkinleştirme işlemi yapmalısınız. Bunun için hesabınıza giriş yaptıktan sonra, sağ üstte bulunan “dişli” simgesine tıklayın. Ardından “Kişisel bilgiler, imza, resim” bağlantısına tıklayın.Yandex IMAP etkinleştirme
  2. “E-posta programları” bağlantısına tıklayın. Ardından “imap.yandex.com.tr sunucundan IMAP protokolüne göre” kutucuğunu ve “Portal şifresi” kutucuğunu işaretleyin. “Değişiklikleri kaydet” butonuna basın. Artık diğer e-posta programlarında Yandex mail kurulumu yapabilirsiniz. Yandex mail IMAP etkinleştirme 

WP Mail SMTP Eklentisi Kurulumu

“Eklentiler – Yeni ekle” bağlantısına gidin ve “WP Mail SMTP” eklentisini kurun ve etkinleştirin. Eklenti özelliklerine buradan bakabilirsiniz.Wp Mail SMTP eklentisinin kurulumu.

WordPress Yandex SMTP Ayarları

Menüden “Wp Mail SMTP – Settings” bağlantısına girin ve ayarları aşağıdaki gibi yapın.WordPress Yandex SMTP ayarları.

Bu makalenin orjinali, ilk olarak “WordPress Yandex SMTP ayarları” sayfasında yayınlanmıştır.

]]> https://konyaaltibilisim.com/wordpress-yandex-smtp-ayarlari/feed/ 7 WordPress Sosyal Medya Otomatik Paylaşım Eklentisi https://konyaaltibilisim.com/wordpress-sosyal-medya-otomatik-paylasim/ https://konyaaltibilisim.com/wordpress-sosyal-medya-otomatik-paylasim/#comments Fri, 20 Nov 2020 17:05:49 +0000 https://konyaaltibilisim.com/?p=24534

WordPress sosyal medya otomatik paylaşım eklentisi olan, NextScripts Social Networks Auto-Poster ayarlarını detaylarıyla inceleyeceğiz.

Sosyal medya API ayarlarını adım adım yapacağız. Yeni bir makale yayınladığınızda, sosyal medya hesaplarınızda otomatik olarak paylaşılacak.

Kendi web sitemde aktif olarak kullanıyorum ve çok memnunum. Makale yayınlar yayınlamaz, sosyal medya hesaplarımda otomatik olarak paylaşıyor ve zamandan büyük tasarruf sağlıyorum.

WordPress sosyal medya otomatik paylaşım eklentisi NextScripts kurulumu

“Eklentiler” – “Yeni Ekle” bölümüne girerek “Anahtar Kelime” alanına, “Nextscritps” yazın. En başta gelecektir. Eklentiyi kurup etkinleştirin.

Eklenti özelliklerini buradan inceleyebilirsiniz: Nextscripts Social Networks Auto-Poster.

WordPress otomatik sosyal medya paylaşım eklentisi NextScripts kurulumu

NextScripts AutoPoster Facebook bağlantı ayarları

  1. Menüden “Snap” – “Accounds” bölümüne girin. “Add new account” butonuna tıklayın ve Facebook’u seçin.NextScripts Facebook API ayarları
  2. https://developers.facebook.com/ adresine girin ve  Menüden “My Apps” sayfasına gidin.WordPress makale Facebook otomatik paylaşım
  3. Yeni bir App oluşturmak için “Create App” butonuna tıklayın.WordPress otomatik sosyal medya paylaşım
  4. “Manage Business Integration” seçeneğini seçerek devam edin.WordPress makaleleri Facebook üzerinde otomatik paylaşım
  5. Bir isim verin, “Yourself or your own business” seçeneğini seçin “Create App” butonuna basın.Facebook otomatik paylaşım
  6. “Apps” bölümünden oluşturmuş olduğunuz App’a tıklayın.Otomatik paylaşım Facebook API ayarları
  7. “Settings – Basic” butonuna tıklayın.Wordpress yazıları otomatik paylaşma
  8. “Add Platform” butonuna tıklayın.Wordpress otomatik makale paylaşım eklentisi
  9. “Web” seçeneğini seçin.Makaleleri otomatik paylaşma
  10. “Site URL” alanına web sitenizin adresini yazın ve “Save Changes” butonuna basın.Wordpress otomatik paylaşım Facebook API ayarları
  11. “App domains” ve “Privacy policy” alanlarına web site adresinizi yazın.Wordpress otomatik yazı paylaşma
  12. “App purpose” alanında, “Your self or your own business” seçili olmasına dikkat edin ve “Save Changes” butonuna basın.Otomatik makale paylaşım wordpress
  13. Menüden “Products” butonuna basın.Wp otomatik yazı paylaşım
  14. “Facebook login” bölümünden “Set Up” butonuna basın.WP otomatik yazı paylaşım eklentisi
  15. “Web” seçeneğini seçin.WP sosyal medya paylaşım eklentisi
  16. Web sitenizin adresini yazıp “Save” butonuna basın.Wp makale sosyal medya otomatik paylaşım
  17. Şimdi web sitenize geri dönün ve adres çubuğundaki adresi kopyalayın.WP paylaşım otomatik ayarları
  18. “Facebook login” alanındaki “Settings” butonuna basın.Wp makale sosyal medya otomatik paylaşım sosyal medya
  19. Kopyaladığınız adresi, “Valid OAuth Redirect URIs” alanına yapıştırın ve kaydet butonuna basın. wp sosyal medya yazı paylaşım eklentisi
  20. “Settings – Basic” altındaki, “App ID” ve “App Secret” bilgilerinizi kopyalayın.WP Facebook otomatik makale paylaşım
  21. Web sitenize geri dönüp kopyaladığınız bilgileri ilgili alanlara yapıştırın. Daha sonra, “Authorize Your Facebook Account” butonuna basın.Wp makaleleri otomatik sosyal medyada paylaşım
  22. Paylaşmak istediğiniz sayfayı seçin, ardından izinleri onaylayıp bitirin.Wordpress otomatik yazı paylaşım eklentisi
  23. Son olarak “Where to post” altından sayfanızı seçin.WordPress sosyal medya otomatik paylaşım eklentisi.
  24. İşlem tamam. Artık yeni yayınladığınız tüm makaleler, otomatik olarak Facebook sayfanızda da paylaşılacak.Wordpress otomatik yazı paylaşım nasıl yapılır 

NextScripts AutoPoster Linkedin bağlantı ayarları

  1. Menüden “Snap” – “Accounds” bölümüne girin. “Add new account” butonuna tıklayın ve Linkedin’i seçin.Wordpress otomatik yazı paylaşım Linkedin ayarları
  2. https://www.linkedin.com/developers/apps adresine girin ve “Create App” butonuna basın.Wordpress otomatik paylaşım Linkedin API ayarları
  3. “App Name” alanına bir isim girin. “Linked Page” alanına sayfanızın ismini girin ve çıkan sonuçlardan sayfanızı seçin. Sayfanızın görünmesi için işletme hesabı olması gerekmektedir. Gizlilik politikası sayfanızı girin, logonuzu ekleyin ve kaydedin.Wordpress otomatik paylaşım Linkedin ayarları
  4. “Verify” butonuna tıklayın.Wp otomatik yazı paylaşım Linkedin
  5. Generate URL butonuna tıkladıktan sonra, çıkan linki yeni bir sayfada açın ve “Verify” butonuna basın.Wordpress sosyal medya otomatik paylaşım
  6. “I’m done” butonuna basın.Wordpress otomatik sosyal medya paylaşımı linkedin
  7. Web sitenize geri dönün, adres satırını kopyalayın.Wp Linkedin API ayarları
  8. “Auth” bölümündeki, “Authorized redirect URLs for your app” alanına, kopyaladığınız adresi yapıştırın.WP sosyal medya Linkedin otomatik paylaşım
  9. “Products” bölümündeki, “Share on Linkedin” alanını aktifleştirin. “Select” butonuna bastıktan sonra biraz beklemeniz gerekiyor.Wp sosyal medya makale paylaşım
  10. “Auth” bölümündeki, “Client ID” ve “Client Secrets” alanlarını kopyalayın.Wp otomatik sosyal medya paylaşım
  11. Eklenti ayarlarındaki gerekli alanlara yapıştırın, ardından “Authorize your Linkedin Account (Whitout Marketing API)” butonuna basın.Wordpress otomatik sosyal medya makale paylaşım
  12. Linkedin sayfasına yönlendikten sonra, oturumunuzu açın ve gerekli izinleri verin. İşlem tamam! Artık tüm yeni makaleleriniz Linkedin sayfanızda otomatik paylaşılacak.Wp otomatik paylaşım Linkedin ayarları 

NextScripts AutoPoster Blogger bağlantı ayarları

  1. Menüden “Snap” – “Accounds” bölümüne girin. “Add new account” butonuna tıklayın ve Blogger’ı seçin.WordPress sosyal medya otomatik paylaşım eklentisi NextScripts SNAP Blogger ayarları
  2. https://console.developers.google.com adresine girin ve “API’leri ve hizmetleri etkinleştir” butonuna basın. Eğer Google Cloud’u ücretsiz olarak nasıl başlatacağınızı bilmiyorsanız, “Google Cloud ücretsiz deneme” makalemi inceleyebilirsiniz.NextScripts SNAP Blogger ayarları
  3. Arama alanına “blog” yazın ve “Blogger API v3” butonuna basın. Ardından gelen ekranda “Etkinleştir” butonuna basın.WordPress Blogger otomatik makale paylaşım
  4. “Kimlik bilgileri” butonuna basın. “Kimlik bilgisi oluştur” ve “OAuth istemci kimliği” butonuna basın.wp oto makale paylaşım 
  5. “İzin ekranını yapılandır” butonuna basın.Wordpress oto yazı paylaşım
  6. “Harici” seçeneğini seçin ve “Oluştur” butonuna basın.WordPress NextScript Blogger otomatik makale paylaşım
  7. Uygulama adı ve e-postanızı girin. Logo ekranında bir logo belirtmeyin! Belirtirseniz 1 hafta onay süreci devreye giriyor.WordPress otomati yazı paylaşım
  8. “Yetkilendirilen alanlar” bölümüne web sitenizin adresini yazın. E-posta adresinizi girin, ardından “Kaydet ve devam et” butonuna basın. Diğer alanlarda değişiklik yapmadan “Kaydet ve devam et” butonuna basarak devam edin. Son pencerede “Kontrol paneline dön” butonuna basınWordPress otomatik paylaşım Blogger ayarları
  9. “Kimlik bilgisi oluştur”, “AOuth kimlik bilgisi” seçeneğini seçin. Ardından gelen ekranda, “Web Uygulaması” seçeneğini seçin.Wp otomatik Blogger paylaşım ayarları
  10. Web sitenize geri dönerek NextScripts SNAP ekranındaki linki kopyalayın.WordPress makalelerini Blogger'da otomatik paylaşım
  11. Şimdi Google Cloud’a geri dönün. “Ad” alanına bir isim verin. “Yetkilendirilmiş JavaScript kaynakları” alanına web sitenizin adresini yazın. “Yetkilendirilmiş yönlendirme URI’ları” alanına kopyalamış olduğunuz linki yapıştırın ve “Oluştur” butonuna basın. Ardından gelen istemci kimliğinizi ve anahtarınızı bir kenarı not alın.WordPress yazıları Blogger üzerinde otomatik paylaşım
  12. NextScripts SNAP eklentisindeki gerekli alanlara ID ve anahtarınızı yapıştırın.WP Blogger otomatik paylaşım
  13. Şimdi Blogger hesabınızda oturum açın. Adres satırındaki blog ID’nizi kopyalayın.WordPress Blogger otomatik yazıları paylaşım ayarı
  14. Eklenti ayarlarındaki Blog ID alanına yapıştırın ve “Authorize Your Blogger Account” butonuna basın. Ardında açılan ekranda gerekli izinleri verin.WordPress sosyal medya otomatik makale paylaşım Blogger
  15. Tebrikler! Artık WordPress makaleleriniz Blogger hesabınız üzerinde otomatik olarak paylaşılacak.WordPress makaleleri Blogger hesabında otomatik paylaşım. 

NextScripts AutoPoster Tumblr bağlantı ayarları

  1. https://www.tumblr.com/oauth/apps adresine girin ve oturumunuzu açın, ardından “Uygulamaya Kaydol” butonuna basın.Wordpress Tumblr otomatik paylaşım ayarları
  2. Uygulama bilgilerini resimdeki gibi doldurun. Kendi web site adresinizi yazmayı unutmayın.Wordpress Tumblr otomatik paylaşım ayarları
  3. API otomatik olarak onaylanacak ve size aşağıdaki keyleri verecektir.Wordpress Tumblr otomatik paylaşım ayarları
  4. Almış olduğunuz keyleri sitenizde ilgili alana girin ve “Authorize Your Tumblr Account” butonuna basın.Wordpress Tumblr otomatik paylaşım ayarları
  5. Gelen pencereden onay verin, artık tüm paylaşımlarınız tumblr hesabınızda otomatik yayınlanacak.
    Wordpress Tumblr otomatik paylaşım ayarları

NextScripts AutoPoster Medium bağlantı ayarları

  1. Medium sitesine giriş yapın ve https://medium.com/me/settings sayfasına gidin. Menüden “Integrations Tokens” bölümüne gidin. Bir token ismi belirleyin ve “Get integration token” butonuna basın.Wordpress Medium otomatik paylaşım ayarları
  2. Vermiş olduğu tokenı WordPress yönetim panelinde AutoPoster altında gerekli alana yapıştırın. Ardından “Submit Test Post Medium” butonuna basarak bağlantıyı test edin. En altta “Succusfully” ibaresi göreceksiniz.Wordpress Medium otomatik paylaşım ayarları

Makalemizin sonuna geldik. Bu makale altında, Twitter ve diğer sosyal medya hesaplarını da, anlatıyor olacağım. Takipte kalmaya devam edin.

]]> https://konyaaltibilisim.com/wordpress-sosyal-medya-otomatik-paylasim/feed/ 8 WordPress Gmail (Gsuit-Workspace) SMTP ayarları https://konyaaltibilisim.com/wordpress-gmail-gsuit-workspace-smtp-ayarlari/ https://konyaaltibilisim.com/wordpress-gmail-gsuit-workspace-smtp-ayarlari/#comments Sat, 14 Nov 2020 16:00:11 +0000 https://konyaaltibilisim.com/?p=24110

WordPress Gmail SMTP ayarları nasıl yapıldığını anlattığım bu makalede, WP Mail SMTP eklentisinde Gmail ayarlarını göreceğiz. Eski adıyla Gsuit yeni adıyla Google Workspace hizmetine WordPress bağlantısını kuracağız.  

WordPress Gmail SMTP ayarları

  1. https://console.developers.google.com/flows/enableapi?apiid=gmail&pli=1 adresine girerek, Google Cloud üzerinden, Gmail API’sini etkinleştirin. Eğer Google Cloud’u ücretsiz olarak nasıl başlatacağınızı bilmiyorsanız,  “Google Cloud ücretsiz deneme” makalemi inceleyebilirsiniz.
  2. Uygulamayı kaydedeceğiniz projeyi seçip “Devam” butonuna basın

    WordPress Gmail SMTP ayarları

  3. Api etkinleştirildikten sonra “Kimlik bilgilerine git” butonuna tıklayın.WordPress Gmail SMTP ayarları
  4. Hangi API’yi kullanıyorsunuz: Gmail API seçin, API’yi nereden çapıracaksınız: Web Sunucusu seçin, Hangi verileri işleyeceksiniz: Kullanıcı verileri seçin ve “Hangi kimlik bilgilerine ihtiyacım var” butonuna tıklayarak devam edin.

    Wordpress Gmail (Gsuit-Workspace) SMTP ayarları)

  5. Kimliğinize bir ad verin ve “Yönlendirilmiş JavaScript kaynakları” bölümüne web sitenizin adresini başında “https://” girerek ekleyin. “Yetkilendirilmiş yönlendirme URI’ları” kısmındaki adresi, WP Mail SMTP programından bir sonraki adımda öğreneceğiz.

    Wordpress Gmail (Gsuit-Workspace) SMTP ayarları)

     

  6.  WP Mail SMTP eklentisini kurun ve “Settings” bölümünden Gmail’i seçin. “Authorized redirect URI” alanındaki adresi kopyalayıp bir önceki adımdaki “Yetkilendirilmiş yönlendirme URI’ları” alanına yapıştırın ve “OAuth istemci kimliği oluştur” butonuna basın.WP Mail SMTP Gmail ayarları
  7. “Client ID” numaranızı bir yere not alın ve “Bitti” butonuna basın.Workspace(Gsuit) Gmail WordPress SMTP ayarları
  8. “Kimlik bilgileri” alanına gidin ve oluşturmuş olduğunuz API’yi düzenleme butonuna basın.WorpPress'ten Gmail ile mail gönderme
  9. “İstemci sırrı” alanındaki kodunuzu bir yere kaydedin.Gmail altyapısını kullanarak WordPress mail gönderme
  10. “Client ID” ve “Client Secret” alanlarına bilgilerinizi girin ve “Save Settings” butonuna basın.WP Mail SMTP Gmail ayarları
  11. “Allow pluing to sent emails using your Google accounts” butonuna basın.WP Mail SMTP Gmail ayarları
  12. Açılan ekrandan Workspace(Gsuit) üzerinden oluşturmuş olduğunuz mail adresini seçin ve yetkilere izin verin.WP Mail SMTP Gmail ayarları
  13. Son olarak “Save Settings” butonuna basın. Hepsi bu kadar. WP Mail SMTP üzerinden test maili gönderdiğinizde çalıştığını göreceksiniz.WP Mail SMTP Gmail ayarları
]]> https://konyaaltibilisim.com/wordpress-gmail-gsuit-workspace-smtp-ayarlari/feed/ 2 WordPress’i Google Cloud’a Kurun https://konyaaltibilisim.com/wordpressi-google-clouda-kurun/ https://konyaaltibilisim.com/wordpressi-google-clouda-kurun/#comments Wed, 03 Jun 2020 13:47:00 +0000 https://konyaaltibilisim.com/?p=23189

Bir hosting düşünün, 100 Mbit bağlantı hızınız, size özel bit IP adresiniz ve limitsiz kotanız var. Ayrıca her noktasına müdahale edebiliyorsunuz, sistem kaynaklarını istediğiniz zaman arttırabiliyorsunuz. Üstelik bu sistem 1 yıl ücretsiz!

Evet bu makalede, adım adım Google Cloud üzerine WordPress kurulumu yapacağız. Hemde hiçbir kod bilginiz olmasına da gerek yok. 

Sunucunuzda LiteSpeed Cache kurulu gelecek ve çok hızlı çalışan bir WordPress siteye sahip olacaksınız. 

Şimdi bir kahve alın ve işe koyulalım.

 

Google Cloud WordPress Kurulumu

Gerekli Malzemeler:

Kurulum Paketde Neler Var:
(Paket içeriği yeni versiyonlarda otomatik güncellenir.)

  • Ubuntu (18.04)
  • Cyberpanel (2.0.0)
  • OpenLightSpeed (1.6.12)
  • RainLoop (1.14.0)
  • MariaDB (10.1)
  • phpMyAdmin (7.4)
  • PowerDNS (4.2.1)
  • PostFix (3.3.0)

1. Ücretsiz Google Cloud Hesabınızı Başlatın

https://cloud.google.com/ adresine giderek 1 yıllık 300$ değerindeki kredinizi alın. Nasıl yapacağınızı bilmiyorsanız, daha önce hazırlamış olduğum, https://konyaaltibilisim.com/google-cloud-ucretsiz-deneme/ makalesine bir göz atın.

2. Ubuntu + CyberPanel Kurulumu ve Yapılandırması

  1. https://cloud.google.com/ adresine girin ve Google hesabınızla giriş yapın. Arama kutucuğuna “Dağıtımlar” “Deploy” yazın ve çıkan sonuca tıklayın. 

    WordPress Google CLoud kurulumu

  2. “Etkinleştir” butonuna basın.

    Google Cloud Deployment Manager

  3. “Deploy Marketplace Sulution” butonuna basın.

    Google Cloud Deploy MarketPlace Sulution

  4. Arama kutucuğuna “Cyberpanel” yazın.

    Google Cloud Cyberpanel kurulumu

  5. Çıkan sonuçlardan “Cyberpanel’e” tıklayın.

    Google Cloud Cyberpanel kurulum

  6. “Başlat” butonuna tıklayın.

    Wordpress Google Cloud Cyberpanel Başlat

  7. Bir aylık ödenecek tutar aşağıda belirtilmiş. Ama biz 1 yıl ücretsiz kullanabileceğiz.

    Google Cloud WordPress kurulumu aylık ödeme

  8. “Deployment Name” kısmına bir isim verin. “Zone” kısmı önemli. Burada bize en yakın datacenter olan “europe-west” serisinden birini seçmelisiniz. “Machine Type” olduğu gibi kalsın. 1 CPU, 1.75 GB RAM bize yeterli. İhtiyaç duyarsak istediğimiz zaman özellikleri arttırabiliriz.

    Google Cloud Cyberpanel dağıtımı

  9. WordPress sitenin daha hızlı çalışması için SSD disk seçiyorum. 10 GB alan şimdilik yeterli.

    Google Cloud WordPress disk seçimi

  10. GCP hizmet şartlarını kabul ediyorum ve “Dağıtım” butonuna basıyorum.

    Google Cloud Cyberpanel dağıtım

  11. Sanal makinemiz hazır. Şimdi IP adresini statik yapmamız gerekiyor. Bu adım çok önemli. Eğer bu işlemi yapmazsak IP adresimiz değişir ve sistemde büyük sıkıntılar oluşabilir. “Ağ iletişimi” altında bulunan “VPC ağı” (VPC Network) altındaki “Harici IP adresleri” (External IP Adresses) butonuna tıklayın.

    Google Cloud sabit IP ayarı

  12. “Tür” altında bulunan “Statik” seçeneğini seçin.

    Google Cloud ip sabitleme

  13. Statik IP için bir isim verin ve “Ayırt” butonuna basın.

    Google Cloud WordPress kurlumu statik ip ayarları

  14. Şimdi kurmuş olduğumuz Linux Ubuntu sistemine bağlanmamız gerekiyor. “Dağıtımlar” alanına geri dönelim ve oluşturmuş olduğumuz “web-server” dağıtımına tıklayalım. Daha sonra “SSH” butonuna tıklayalım.

    Google Cloud WordPress kurulumu SSH bağlantısı

  15. Bir karşılama ekranı gelmesi gerekiyor ve güncelleme isteyip istemediğimizi soracak. “Y” tuşuna basarak onaylayın.

    Google Cloud WordPress kurulumu SSH bağlantısı güncelleme

  16. Güncelleme işlemi tamamlandıktan sonra, “sudo su” ve “reboot” komutlarını kullanarak makineyi yeniden başlatın.

    Google Cloud WordPress kurulumu makine yeniden başlatma

  17. “Yeniden bağlan” butonuna basarak makine açıldığında ekranın yeniden bağlanmasını sağlayın.

    Google Cloud WordPress kurulumu Ubuntu yeniden başlatma.

  18. “sudo cat /home/ubuntu/.litespeed_password” satırını kopyalayın ve komut satırına yapıştırın. Çıkan sonuç Cyberpanel girişi için kullanılacak şifreniz.

    Google Cloud WordPress kurulumu Cyberpanel şifresi öğrenme

  19. “Admin URL” linkine tıklayarak Cyberpanel’e giriş yapın.

    Google Cloud WordPress Cyberpanel admin url

  20. Kullanıcı adı “admin” girin. Şifre olarak yukarıda bulduğunuz şifreyi girin.

    Google Cloud WordPress kurulumu Cyberpanel giriş

  21. Cyberpanel yönetim paneline hoş geldiniz. Yeni bir web sitesi ekleme için “Websites” altında bulunan “Create Website” butonuna basın.

    Google Cloud WordPress kurulumu Cyberpanel web site ekleme

  22. “Domain Name” alanına site adresinizi başında www olmadan yazın. Diğer alanları da doldurduktan sonra “Create Website” butonuna basın.

    Google Cloud WordPress kurulumu Cyberpanel yeni site oluşturma

Tebrikler! Ubuntu üzerine Cyberpanel kurulum işlemini tamamladınız. Şimdi alan adını Cloudflare’e, oradanda kurmuş olduğumuz sunucuya yönlendirme işlemine geldi. 

3. Domain Yönlendirme ve Cloudflare Ayarlarının Yapılması

Şimdi domaininizi Cloudflare’e yönlendirmeniz gerekiyor. Bunun için hazırlamış olduğum Cloudflare rehberinden faydalanabilirsiniz. https://konyaaltibilisim.com/cloudflare-nedir-cloudflare-site-hizlandirma/#Cloudflare_Nasil_Kurulur 

Ek olarak Cloudflare DNS ayarlarına aşağıdaki gibi ip adresini eklememiz gerekiyor.

1. Add recort butonuna basın. Type bölümünü “A” seçin. Name kısmına sitenizin adresini başında www olmadan yazın. “IPv4 address” kısmına sunucunuzun IP adresini girin. TTL alanını “Auto” seçin ve Save butonuna tıklayın.

Cloudflare DNS ayarları A kaydı ekleme

 

2. Add recort butonuna basın. Type bölümünü “CNAME” seçin. Name kısmına “www” yazın. “Target” kısmına web sitenizin adresini başında www olmadan yazın. TTL alanını “Auto” seçin ve Save butonuna tıklayın.

VPS sunucu Cloudflare DNS ayarları

Yönlendirme işlemi 24 saate kadar sürebilir. Yönlendirme işlemi bittikten sonra sitenizi kontrol edin. Eğer tüm işlemleri düzgün yapmışsak, web sitenize giriş yaptığınızda, aşağıdaki ekranı görmeniz gerekiyor. Geriye WordPress kurulumu kaldı.

Google Cloud WordPress Kurulumu Cyberpanel kurulumu kontrol etme

4. Cyberpanel WordPress Kurulumu

Bu adımda sıfırdan WordPress kurulumu yapacağız. Eğer mevcut sitenizi taşımak istiyorsanız, “Cyberpanel WordPress taşıma” isimli makalemi inceleyebilirsiniz. 

  1. Cyberpanel’ giriş yaparak “Websites” altında “List Websites” butonuna tıklayarak tüm web sitelerini listeleyin.

    Google Cloud WordPress kurulumu Cyberpanel web site listeleme

  2. “Manage” butonuna basarak siteyi yönetim ekranına geçin.

    Google Cloud WordPress kurulumu Cyberpanel site yönetimi

  3. “Application Installer” altında bulunan WordPress kurulumuna tıklayın.

    Google Cloud WordPress kurulumu Cyberpanel Application Installer

  4. Gerekli alanları doldurun, kullanıcı adı ve şifrenizi bir kenarı not alın. Daha sonra “Install Now” butonuna basın. 

    Google Cloud WordPress kurulumu ekranı

  5. Tebrikler WordPress kurulum işlemini tamamladınız. Bundan sonra ne yapmanız gerektiğini biliyorsunuz  😉

    Wordpress Google Cloud kurulumu

    WordPress Google Cloud Kurulumu

Makalemizin sonuna geldik, umarım faydalı bir makale olmuştur ve işinize yaramıştır. Takıldığınız alanları yorum kısmından sorabilirsiniz.

]]> https://konyaaltibilisim.com/wordpressi-google-clouda-kurun/feed/ 29 LiteSpeed Cache Ayarları https://konyaaltibilisim.com/litespeed-cache-ayarlari/ https://konyaaltibilisim.com/litespeed-cache-ayarlari/#comments Tue, 05 May 2020 21:58:03 +0000 https://konyaaltibilisim.com/?p=20982

06.02.2021 Güncelleme: CSS ve JS ayarlarında daha hızlı önbellek alınması için değişikliğe gidildi.

LiteSpeed Cache Ayarları için hazırladığım bu rehber makale ile siteniz bozulmadan hızlanacak.

En iyi cache eklentisini bulmak için, birçok farklı WordpPress cache eklentileri kullandım, fakat en yüksek verimi LiteSpeed Cache ile aldım. 

Bu makalede de tüm deneyimlerimi detaylarıyla anlattım. Her ayarın ne anlama geldiğini ve etkinleştirdiğinizde sitenize ne gibi etkileri olacağını ayrıntılarıyla öğreneceksiniz. 

LiteSpeed Cache Kullanımı ile ilgili detaylı bilgiye sahip olacaksınız. Böylece web sitenizi hızlandıracak ayarları siz belirleyeceksiniz. Çünkü LiteSpeed Cache Ayarları temadan temaya farklılık göstermektedir. 

Hazırsanız başlayalım.

LiteSpeed Nedir? Neden LiteSpeed Kullanmalıyız?

LiteSpeed cache kullanımı ve ayarlarına geçmeden “LiteSpeed nedir?” kısaca değinelim. Basitçe anlatmak gerekirse LiteSpeed bir web server yazılımıdır. Apache ya da Microsoft ISS gibi. Kısaca LSWS (LiteSpeed Web Server) olarak adlandırılır. Web server sunucu tarafında çalışır. Kodları derleyip tarayıcımıza saf HTML olarak gönderir.

LiteSpeed, Apache’nin tersine ücretli bir yazılımdır. OpenLiteSpeed adı altında ücretsiz ve açık kaynaklı bir sürümü de bulunmaktadır.

LiteSpeed, WordPress’e özel bir yazılım değildir. Fakat WordPress, Jumlo, Magento, Presta Shop gibi hazır yazılımlar için eklentisi mevcut. Türkiye’de ise Veridye, Güzel Hosting, Turhost gibi firmalar ücretsiz olarak OpenLiteSpeed yazılımını sunuyor.

Neden LiteSpeed cache kullanmalıyız? LiteSpeed, yoğun ziyaretçi trafiğinde Apache’den çok daha iyi bir performans sunmaktadır. Load Balans(Yük dengeleme) teknolojisini çok iyi kullanmaktadır. Bu sayede Apache’den %60 daha iyi performans sunar. Yani ziyaretçi sayınız arttığında sunucu özelliklerinizi arttırmadan hizmet devamlılığı sağlıyor.

Ayrıca WordPress tarafını ilgilendiren kısmı “PHP SAPI” modülü. Bu sayede PHP kodlarını derlemesi %50 daha hızlı oluyor. Aşağıda Litespeed – Apache ve Nginx web serverlarının saniyede işledikleri istek sayısını karşılaştırılmış. 

LiteSpeed Apache Nginx karşılaştırılması

Örnek Bir LiteSpeed Testi

Aşağıdaki resimlerde, bu sayfanın hız testleri bulunmakta. Birinci testte LiteSpeed aktif iken, ikinci testte LiteSpeed ya da başka bir cache eklentisi kullanılmadı. Sonuçlar ortada… 

LiteSpeed Aktif:

LiteSpeed Cache Ayarları Pingdom Hız Testi LiteSpeed Cache Ayarları PageSpeed Hız Testi Mobil LiteSpeed Cache Ayarları PageSpeed Hız Testi Masaüstü

LiteSpeed Devre Dışı:

LiteSpeed Devre Dışı Pingdom Hız Testi LiteSpeed Devre Dışı PageSpeed Hız Testi Mobil LiteSpeed Devre Dışı PageSpeed Hız Testi Masaüstü

LiteSpeed Cache Nasıl Çalışır? LiteSpeed Cache'i Anlamak.

LiteSpeed Cache yaptığı işlem, tarayıcının, sunucudan talep ettiği dosyaları bir takım işlemden geçirerek göndermesidir. Aslında diğer tüm cache eklentileri hemen hemen aynı şekilde çalışır. Buradaki amaç talep edilen sorguları azaltmak veri miktarını minimuma indirmektir.

Bu işlemler; css ve javascript dosyalarını küçültme, gereksiz boşlukları silme, birleştirip tekbir dosya olarak sunma ve sıkıştırma gibi işlemlerdir.

Örneğin style.css, fontawesome.css, main.css gibi bir çok css dosyasını optimize ettikten sonra 23vf3.css gibi rastgele bir isimden oluşan tek bir css dosyasına dönüştürür. 

Bu dosyaları /wp-content/cache/css altına atar. Cache’i yani önbelleği her temizlediğinizde bu dosya silinir ve yenisi oluşturulur.

Tabi tek yaptığı bu değil. Seçtiğimiz ayarlara göre resimleri optimize eder, fontları düzenler, dosyaların aynı anda gönderilmesini sağlar. 

LiteSpeed tüm bu işlemleri sunucuda kurulu olan yazılımı sayesinde yapar. Diğer cache eklentileri ise PHP ile yapar. İşte LiteSpeed’i diğer cache eklentilerinden ayıran ve daha hızlı cache almasını sağlayan en önemli özellikte budur.

Aşağıda Lite Speed Cache ayarları için detaylı inceleme yapacağız.

WordPress Litespeed Cache Kurulumu ve Ayarları

LiteSpeed Cache kurulumu yapabilmeniz için, sunucunuzda LiteSpeed web server altyapısı yüklü olmalıdır.  Sunucunuzun LiteSpeed’ i Destekleyip desteklemediğini öğrenmek için hizmet aldığınız hosting firması ile iletişime geçebilirsiniz. Veridyen, Güzel Hosting, Turhost gibi birçok firma LiteSpeed server hizmeti sunmaktadır. Dilerseniz LiteSpeed web server kurulumunu da anlattığım, WordPress’i Google Cloud’a kurun adlı makalemi inceleyerek kendi LiteSpeed sunucunuzu kolayca kurabilirsiniz.

WordPress LiteSpeed Cache eklentisi kurulumu gayet basit.

Eklentiler – Yeni Ekle’ye tıklayın.

Arama kısmına “LiteSpeed Cache” yazın.

İlk sırada görünecektir, “Hemen Yükle” butonuna basın.

“Etkinleştir” butonuna basın.

FTP üzerinden kurmak isterseniz buradan indirerek  kurlum işlemini gerçekleştirebilirsiniz.Lite

LiteSpeed Cache Ayarları

LiteSpeed Cache "Dashboard" Ayarları

LiteSpeed cache ayarları gösterge paneli.

LiteSpeed Cache Ayarları Dashboard

İlk bölümde Quic Cloud alanı bulunuyor. Quic Cloud LiteSpeed’e ait CDN servisidir. LiteSpeed eklentisi ile senkronize çalışır. Böylece diğer CDN hizmetlerinden daha avantajlı hale gelmektedir. Quic Cloud servisine ayrıca değineceğiz.

Alt kısımda ise yükleme süreleri ile ilgili istatistikler yer alır. Aynı zamanda ayarlar hakkında kısa bilgilerde buradan takip edilebilir.

LiteSpeed Cache "General" Ayarları

LiteSpeed cache ayarları genel ayarlar bölümü.

LiteSpeed Cache Ayarları - General

Automatically Upgrade: Bu ayar açık duruma getirildiğinde, LiteSpeed güncellemeleri otomatik olarak yapacaktır. Bu ayarı kapalı tutmalısınız. Bazı güncellemeler LiteSpeed’e yeni özellikler getiri. Bu da sitenin bozulmasına neden olabilir. Yeni güncelleme geldiğinde kendimiz yapmamız ve değişikleri takip etmemiz daha iyi olacaktır.

Domain Key: Bu alandan Quic Cloud CDN hizmetine bağlantı kurabilirsiniz. CDN hizmeti kullanmıyorsanız bağlanmanıza gerek yok. 

Notifications: Tanıtımlar ve yeni haberler ile ilgili bilgilendirme almak istiyorsanız bu ayarı etkinleştirin. Kapalı tutabilirsiniz.

LiteSpeed Cache "Cache" Ayarları

LiteSpeed cache ayarları ön bellek kontrol bölümü. 

[1] Cache

Bu bölüm hangi tür içeriğin ön belleğe alınacağını belirler.

LiteSpeed Cache Ayarları - Cache

Enable Cache: LiteSpeed Cache’i devre dışı bırakır ya da etkinleştirir. “Disable” konuma alındığında ön belleğe alınmış tüm veriler silinecektir.

Cache Logged-in Users: Site üyeleri, siteye giriş yaptıklarında, özel önbellek sunulmasını sağlar. Eğer kullanıcılara özel, değişkenlik gösteren sayfalarımız varsa, bu ayar mutlaka aktif edilmelidir. 

Cache Commanters: Yorum yapmış ve yorumu onaylanmış ziyaretçiler için, özel önbellek uygulanır. Mutlaka açık olmalıdır. Böylece yorumu onaylanmış kullanıcılar sorun yaşamadan yorum yazmaya devam edebilirler.

Cache REST API: WordPress REST API kullanarak yapılan isteklerin ön belleğe alınmasını sağlar.

Cache Login Page: Bu ayar giriş sayfasının ön belleğe alınmasını sağlar.

Cache favicon.ico: Favicon, favorites icon’un kısaltmasıdır. Chrome gibi web tarayıcıların, sol üst köşesinde sayfanın icon’u gösterilmektedir.  Bu ayar aktif edilerek her sayfa için ayrı istek oluşturulması engellenir. Bu ayar .htaccess üzerinde değişiklikler yapacatır.

Cache PHP Resources: Temaların ve eklentilerin oluşturduğu PHP isteklerinin ön belleğe alınmasını sağlar.

Cache Mobil: Bir sayfanın içeriğinde, sadece mobil cihazlarda görünen fakat masaüstü cihazlarda devre dışı olan bölümler varsa bu ayarı etkinleştirin. Böylece mobil cihazlar için özel ön bellek uygulanacaktır.

List of Mobile User Agents: Bu ayar, bir cihazın mobil olup olmadığını belirlenmesini sağlayan ajanların listesidir. Her bir ajan arasında “|” sembolü olmalıdır.

 

Private Cached URIs: Genel bir sayfanın, özel bir sayfa gibi görünmesini sağlar. Böylelikle General – Default Private Cache TTL ayarını alması sağlanır. Örneğin, siteniz.com/blog/ozel-yazi sayfası genel bir sayfadır. Buraya ekleyerek özel bir sayfa olmasını sağlayabilirsiniz.

Örnekler:

/blog/ozel-yazi$ = sadece /blog/ozel-yazi sayfasını Private yapar.

^/blog/ozel-yazi = /blog/ozel-yazi ile başlayan tüm sayfaları Private yapar.

 

Drop Query String: İstenilen sorguların önbelleğe alınmasını engeller. Her satıra bir dize yazılmalıdır.

Force Cache URIs: Buraya eklenen sayfalar için ön bellek zorunlu tutulur. Farklı ayarlarda ön belleğe alınması engellenmiş yolları buraya eklerseniz, ön belleğe alınmasını zorlayabilirsiniz.

Force Public Cache URIs: Bu alana eklenen genel sayfalar için ön belleği zorunlu hale getirir.

Drop Query String: Belirli sorgu dizelerinin ön belleğe alınmasını engeller.

 

[2] TTL

Bu bölüm ön belleğe alınmış verilerin yaşam süresini belirler.

LiteSpeed Cache Ayarları - TTL

TTL, “Time To Live” cümlesinin kısaltmasıdır. Türkçeye “canlı kalma” olarak çevrilebilir. Aşağıdaki ayarlar ön belleğe alınmış sayfaların, yaşam süresini saniye cinsinden belirler. Bu süre dolduğunda ön bellek otomatik olarak silinir.

 

Default Public Cache TTL: Sayfalar ve Yazılar gibi birçok sayfayı bu ayar kontrol eder. Varsayılan olarak ön bellek süresi 604800 saniyedir (1 hafta). Yani sayfalarınız ön belleğe alındıktan 1 hafta sonra ön bellek otomatik olarak silinecektir. Eğer sayfalarınızda çok fazla değişiklik olmuyorsa bu ayarı 4 hafta gibi arttırmanızı tavsiye ederim. Böylece sayfalarınızın yeniden önbelleğe alınma sırasında oluşan gecikmeyi azatmış olacaksınız. Bu ayar minimum 30 saniye olarak belirlenebilir.

 

Default Private Cache TTL: Bu ayar özel sayfalarınızı kontrol eder. Abone kullanıcıların erişebildiği sayfalar gibi. Varsayılan olarak 30 dakika olarak belirlenmiştir. En fazla 1 saat olarak ayarlanabilir.

 

Default Front Page TTL: Bu ayar ana sayfanızı kontrol eder. Varsayılan ön bellek süresi 1 hafta olarak ayarlanmıştır. Woocommerce gibi eklentiler bu ayardan etkilenebilir. Çünkü ana sayfa gibi davranan sayfalar oluşturabiliyorlar.

 

Default Feed TTL: Bu ayar RSS yayınlarının ön bellek sürelerini kontrol eder. Varsayılan olarak 0 ayarlanmıştır. Yani yayınlar ön belleğe alınmaz. Sıfırdan büyük herhangi bir rakam verilirse 30 saniye olarak ayarlanır. Sık yayın yaptığınız bir siteniz varsa, bu ayarı etkinleştirmek sürekli ön belleğin temizlenmesine yol açabilir.

Default REST TTL: REST(Representational State Transfer) XML ve JSON verilerini kullanarak uygulamanın haberleşmesini sağlayan bir servistir. Bu servis çağrılarının saniye cinsinden ön belleğe alınacağı süreyi belirtir.

Default HTTP Status Code Page TTL:

403: Bu ayar “yasaklı” sayfaları ön bellekte tutma süresini belirler. Varsayılan olarak 3600 saniyedir (30 dakika).

 

404: Bu ayar “sayfa bulunamadı” sonuçları veren sayfaları kontrol eder. Varsayılan değer 1 saattir. Örneğin bir kullanıcı “www.siteadresiniz.com/1000” adresine ulaşmaya çalışsın. Siteniz sayfa bulunamadı hatası verir. İşte LiteSpeed Cache bu bulunamayan sayfaları ön belleğe alır. Bulunamayan sayfaları önbellekte tutmaya gerek yok.  Bu ayar düşük tutulmalıdır.

 

500: Bu ayar “sunucu hatası” sonucu ön belleğe alınan sayfalar için geçerlidir. 30 dakika yeterli.

[3] Purge

LiteSpeed cache ayarları – LiteSpeed cache temizleme bölümü.

LiteSpeed Cache Ayarları - Purge

Purge All On Upgrade: Eklenti güncelleme sonrasında tüm ön belleği temizler. Bu ayarı açık tutmalısınız.

Purge Stale: Çok önemli bir özellik. Sayfanız değişse bile, sayfanın eski kopyasını, yeni içerik oluşturuluncaya kadar gösterir. Bu, ön bellek temizleme sonrasında, sayfaların yenide ön belleğe alınmasını hızlandırır. Bunu yaparken eski içeriği gösterebilir. Mutlaka açık olmalıdır.

 

Auto Purge Rules For Publish / Update: Yeni yazı yayınladığında ya da güncellendiğinde ön bellek temizlenir.

 

Scheduled Purge URLs: Belirlediğiniz saatte, seçtiğiniz sayfaların ön belleğini temizler. Her satıra bir URL girilebilir.

 

Scheduled Purge Time: Yukarıdaki kuralın temizleme zamanını belirler.

Purge All Hooks: Buraya eklenen WordPress kancaları çalıştığında, tüm ön bellek temizlenir.

[4] Exludes

LiteSpeed cache ayarları – hariç tutma bölümü

LiteSpeed Cache Ayarları - Excludes

 

 

Do Not Cache URIs: Ön belleğe alınmasını istemediğiniz sayfaları bu alana ekleyin. “$” ve “^” işareti kullanılabilir.

 

Do Not Cache Query Strings: Sorgu dizelerini ön belleğe almasını engelleyebilirsiniz. Her satıra bir sorgu yazılır.

 

Do Not Cache Categories: Eklediğiniz kategoriler ön belleğe alınmaz.

 

Do Not Cache Tags: Eklediğiniz etiketler ön belleğe alınmaz.

 

Do Not Cache Cookies: Eklediğiniz çerezler ön belleğe alınmaz.

 

Do Not Cache User Agents: Belirli kullanıcıların ön belleğe alınması engellenir. Her kullanıcı arasına “|” işareti ekleyin.

 

Do Not Cache Roles: Kullanıcı rollerinin ön belleğe alınması engellenir. Bu ayar çok kullanışlıdır. Yönetici modunda iken sayfaların ön belleğe alınmamış halini görürsünüz. Bu da bazı hataların çözümünde size yol gösterir.

[5] ESI

LiteSpeed Cache Ayarları – giriş yapmış kullanıcılara ön bellekten sayfa sunulması.

LiteSpeed Cache Ayarları - ESI

 

Bu bölüm LiteSpeed Enterprice lisansı gerektirmektedir. Eğer Veridyen, Güzel Hosting, Turhost gibi paylaşımlı sitelerden host kiraladıysanız bu bölümü kullanamazsınız. Quic Cloud CDN servisini kullanırsanız, bu bölümü kullanabilirsiniz.

 

ESI – Edge Side Includes, “kenar bölümleri dahil etmek” olarak Türkçe’ye çevrilebilir. Bu bölümün amacı yönetici ve editör grupları için farklı önbellek alanları oluşturmaktır.

[6] Object

LiteSpeed Cache Ayarları – RAM üzerinden ön bellek ayarları

LiteSpeed Cache Ayarları - Object

Object Cache: Sunucumuzda eğer “Memcached” ya da “Redis” servisleri yüklü ise, buradan durumunu görebiliriz. Bu sayede ön bellek, sabit disk yerine, ondan çok daha hızlı olan RAM üzerinden alacaktır. Bu özellik Veridyen, Güzel Hosting, Natro gibi paylaşımlı sunucularda devre dışıdır. İsterseniz Google Cloud üzerine WordPress kurulumu ile kendi sunucunuzu kurabilir ve bu özelliklerden faydalanabilirsiniz.

Method: Ben Memcached kullanıyorum, sanki Redis’ten daha hızlı çalışıyor gibi.

Host: Farklı bir sunucuda, Memcached ya da Redis hizmeti yüklü ise, bu alana girebilirsiniz.

Port: Yine Memcached ya da Redis’in bağlantı portlarında değişiklik yaptıysanız bu alana girebilirsiniz.

Default Object Lifetime: Her bir nesnenin yaşam süresini belirtin.

Username/Password: Bağlantı güvenliği için, kullanıcı adı ve şifre kullanıyorsanız, buraya yazın. Varsayılan olarak kullanılmaz.

Redis Database ID: Redis hizmeti için farklı veritabanları kullanabilirsiniz.

Global Groups: Ağ düzeyinde önbelleğe alınan grupları gösterir.

Do Not Cache Groups: Ön belleğe alınmayacak grupları belirtin.

Persistent Connection:  Ön bellek alınırken, sunucu ve istemci arasındaki bağlantıyı canlı tutarak, daha hızlı ön bellek alma işlemi yapar. Mutlaka açık olmalıdır.

Cache Wp-Admin: Wp-admin açılışını hızlandırır. Fakat yönetim alanında, bazen eski veriler görülebilir. (Ben yine de kullanıyorum F5 yapınca düzeliyor.)

Store Transients: “Cache Wp-admin” ayarı kapalı durumdayken, geçici verileri veritabanına kaydeder.

[7] Browser

LiteSpeed Cache Ayarları – Web tarayıcı ayarları bölümü

LiteSpeed Cache Ayarları - Browser

Browser Cache: Bu ayar sitemizdeki, statik dosyaların, ön belleğe alınmasını sağlar. Kullanıcılar tekrar ziyarete geldiğinde, değişmemiş dosyalar tarayıcı ön belleğinden sunulur. Özellikle sayfa geçişlerinin çok hızlı olmasını sağlar. Bu ayar mutlaka açık olmalıdır.

Browser Cache TTL: Tarayıcı tarafından, ön belleğe alınmış dosyaların, yaşam süresini saniye cinsinden belirler. Bu alan “31557600 saniye” yani 1 yıl olmalıdır. Böylelikle Google Pagespeed’te görünen, “Statik öğeleri verimli bir önbellek politikasıyla yayınlayın” sorunu da çözülür. Ben bu ayarlı 1 yıldan uzun tutmak için 33000000 şeklinde yapıyorum.

[8] Advanced

LiteSpeed Cache Ayarları – Gelişmiş ayarları bölümü

LiteSpeed Cache Ayarları - Advanced

Login Cookie: Aynı alan adında, birden fazla web aplikasyonu barındırıyorsanız, bu ayarı aktif edebilirsiniz. Böylece giriş yapan kullanıcılar sorun yaşamazlar. Eğer kullanmıyorsanız boş bırakın.

Improve HTTP/HTTPS Compatibility: Sayfalarınızda hem HTTP hem HTTPS alanlar varsa, bu alanların, daha düzenli çalışmasını sağlar.

 

Instant Click: Bir bağlantının üzerine geldiğinizde, sayfa önceden yüklenir ve hazır hale getirilir. Ancak bu ayar, sunucu yükünüzü arttırır. Kapalı olmasını tavsiye ederim.

LiteSpeed Cache "CDN" Ayarları

LiteSpeed cache ayarları – CDN ayarları.

[1] CDN Settings

CDN – Content Delivery Network, içerik dağıtım ağı olarak Türkçe’ye çevirebiliriz. Kısaca, web site içeriğimizin diğer ülkelerdeki sunuculardan sunulmasıdır. Böylece ziyaretçiler kendilerine en yakın sunucudan hızlı bir şekilde sitemize ulaşmış olur.

LiteSpeed Cache Ayarları - CDN

 

QUIC.cloud CDN: QUIK.cloud CDN aktif hale getirir. 

 

Use CDN Mapping: CDN hizmet sağlayıcıları kullanmadan, kendi CDN ağınızı eklemenizi sağlar.

Alt domain ekleyerek CDN gibi davranmasını sağlayabilirsiniz. Ayrıca aşağıda bulunan artı butonu ile CSS, JS ve resimler için ayrı ayrı CDN oluşturabilirsiniz.

HTML Attribute To Replace: HTML Header bölümündeki hedeflenen alanlar buraya girilmelidir.

 

Orjinal URLs: Boş kalırsa site adresiniz varsayılan olarak ayarlanır. Değiştirmek isterseniz başına “//” koyarak ekleyebilirsiniz. Birden fazla eklemek için araya virgül koyun.

 

Included Directories: Yanlızca belirlenen klasörler CDN’e aktarılacaktır.

 

Exclude Path: Eklenen yollar hariç bırakılır. Her satıra bir adet girin.

 

Load JQuery Remotely: JQuery’leri uzak bir CDN hizmetinden yükleyerek, sayfa yükleme hızını arttırır. (Ben bir faydasını görmedim.) 

 

Cloudflare API: En çok bilinen ve kullanılan CDN hizmetlerinden biri. Bu ayar aktif olursa, LiteSpeed üzerinden Cloudflare ön belleği temizlenebilir.

[2] Manage

CDN bağlantısı yaptığımız servislerin, yönetim bölümü bulunmaktadır.

LiteSpeed Cache Ayarları - CDN Manage

 

QUIC.cloud: QUIC.cloud yönetim alanı. Şu an boş ama eminim ileride yeni özellikler gelecektir.

 

Cloudflare: Cloudflare yönetim alanı.

Development Mode: Bu ayar açıldığında Cloudflare devre dışı kalacaktır. Geliştirici modunu açıp testlerinizi yapabilirsiniz.

Cloudflare Cache: “Purge Everything” ile, Cloudflare üzerindeki tüm ön belleği temizleyebilirsiniz.

LiteSpeed Cache "Image Optimization" Ayarları

LiteSpeed Images Optimization, tüm resimleri, otomatik olarak, sıkıştırıp, WebP formatında yayınlamanızı sağlar. Üstelik bu işlemi, LiteSpeed kendi özel sunucuları üzerinde yapıyor. 

Google, PageSpeed testlerinde, “Resimleri yeni nesil biçimlerde yayınlayın” diyor.  Yani resimlerimizin WebP formatında olmasını istiyor. LiteSpeed harika bir şekilde bunu başarmakta. Üstelik otomatik olarak ve eklediğiniz her bir resme! Böylece sizi ek bir eklenti derdinden de kurtarıyor. 

Eğer otomatik olarak yapmasını istemiyorsanız, Images Optimization Settings üzerinden, “Auto Request Cron” ve “Auto Pull Cron” ayarlarını kapatabilirsiniz.     

[1] Image Optimization Summary

LiteSpeed Cache Ayarları – görüntü optimizasyonu özeti

LiteSpeed Cache Ayarları - Images Optimizations Summary

Gather Image Data: Resimleriniz tarayıp bilgi toplar. 

Pull Images:  Tarana resimleri, LiteSpeed özel Image Optimization sunucularına göndermeye yarar. Gönderilen resimler işlenip geri iade edilir.

Optimization Status: Yapılan işlemler hakkında bilgi verir.

Storage Optimization: Optimizasyon işlemi yapılmadan önce, her bir görüntünün yedeği alınır. Bu yedeğin boyutunu görmek için “Calculate Backups Disk Space” butonunu kullanın.   

Delete all backups of the original images: Yedeği alınmış tüm resimlerin, orjinal halleri silinir. 

Optimization Tools: Tüm resimlerin orijinal hali ile optimize edilmiş hali arasında geçiş yapabilirsiniz. 

 

[2] Image Optimization Settings

LiteSpeed Image Optimization ayarları

LiteSpeed Cache Ayarları - Images Optimization Settings

Auto Request Cron: Resimlerin otomatik olarak işlenmesi için bu alan aktif olmalıdır.

Auto Pull Cron: Devre dışı bırakıldığında resimler otomatik olarak optimize edilmez.

Optimize Original Images: Optimize edilmiş resimlerin, yedeğinin otomatik olarak alınmasını sağlar.

Remove Original Images: Optimize edilmiş resimlerin, yedeklerini otomatik olarak siler.

Optimize Losslessly: Resimleri görüntü kaybı olmadan otomatik sıkıştırır.

Preserve EXIF/XMP data: Resimlerin içerisine gömülü olan, telif hakkı, anahtar kelime gibi metinleri korur. Eğer resimlerinizin içerisine telif hakkı eklemiyorsanız, mutlaka ekleyin. Google bu tarz detayları sever. Photoshop ile yapabilirsiniz.

Cerate WebP Versiyon: Resimlerin WebP versiyonunu oluşturur. 

Image WebP Replacement: Görüntüleri optimize edilmiş WebP versiyonu ile değiştirir. Yükleme hızı önemli ölçüde artar. Mutlaka kullanın.

WebP Attribute To Replace: WebP içerisinde oluşturulacak öznitelikleri buradan değiştirebilirsiniz.

WebP For Extra srcset: WordPress mantığı dışında oluşturulan srcset öğelerinde, WebP ile değiştirilmesini etkinleştirin.

WordPress Image Quality Control: Resimlerin sıkıştırma oranını belirleyin. Ne kadar küçük olursa resim boyutu o kadar küçülür. Fakat resim kalitesi de aynı oranda düşer.

 

LiteSpeed Cache "Page Optimization" Ayarları

LiteSpeed Cache Ayarları – Sayfa optimizasyonu. Bu ayarlar, sitemizin hızını büyük oranda arttıracak. Fakat sitemizin, bazı alanlarında bozukluklar oluşabilir. Bu ayarları değiştirirken sık sık sitenizi gözlemleyin. Hala yedek almadıysanız mutlaka sitenizi yedekleyin.

[1] CSS Settings

LiteSpeed Cache Ayarları - CSS Settings

ÖNEMLİ UYARI: Aşağıdaki ayarlar açık olduğunda, sayfa önbelleklerini oluşturma süresi yükselir. Sayfalar ilk olarak önbelleğe alınacağında daha geç alınır ve yavaşlığa sebep olur. Unutmayın önemli olan hız testlerinden aldığımız puan değil, gerçekteki site hızı ve kullanıcı deneyimidir. O yüzden aşağıdaki ayarları ben kapalı tutmayı tercih ettim.

CSS Minify: Bu ayar CSS dosyalarınızdaki boşlukları, satır başlarını ve açıklama bölümlerini siler. 

CSS Combine: Tüm CSS dosyalarınızı teki bir CSS dosyası olarak birleştirir. Böylece toplam sorgu sayınız azalır. Bu ayarı yaptıktan sonra sitenizde bozulmalar oluşabilir. Bu adresten nasıl düzelteceğinizi öğrenebilirsiniz.

CSS HTTP/2 Push: Tarayıcı CSS dosyasına talepte bulunmadan CSS gönderilecektir. Bu ayar sitenizin bozulmasına neden olmaz. Ben bu ayarı açtığımda sitemde 503 hatası aldım. Sitenizi test ettikten sonra bu ayarı aktifleştirmelisiniz.

Load CSS Asynchronously: Bu ayar açık olduğunda CSS ve HTML aynı anda yüklenir. Sayfalar daha hızlı yüklenecektir ama başlangıçta biçimlendirme görünmez. Siteniz ilk açıldığında anlık olarak bozuk bir görüntü oluşacaktır ve ardından düzelecektir.

Generate Critical CSS: Yukarıdaki ayar aktif ise çalışır. LiteSpeed cache sayfa açılışlarında ilk görüntünün düzgün gelebilmesi için “kritik CSS’leri” oluşturur. Eğer temanızda kritik CSS önceden hazırlanmışsa bu ayarı etkinleştirmenize gerek yok. Aynı zamanda Quic.cloud hizmentinden faydalanıyorsanız CDN üzerinde kritik CSS oluşturulmasını sağlayabilirsiniz. 

Generate Critical CSS In Background: Bu ayar kritik CSS dosyalarının arka planda oluşturulmasını sağlar. Bu ayar açık olmalıdır.

Separate CCSS Cache Post Types: Kritik CSS dosyalarının hangi türler için oluşturulacağını bu alandan belirleyebilirsiniz. Örneğin “page” değerini girdiğinizde tüm sayfalar için kritik CSS oluşturulacaktır. 

Separate CCSS Cache URIs: Kritik CSS’leri belirlediğiniz adresler için oluşturur.

Inline CSS Async Lib: Bu ayar CSS kütüphanesini satır içi yaparak görüntü oluşturulmasını hızlandırır. Bu ayar açık olmalıdır.

Font Display Optimization: Google PageSpeed hatalarından birisi olan, “Web yazı tipi yüklemesi sırasında metnin görünür halde kalmasını sağlayın” hatası alıyorsanız, bu ayarı “Swap” konumuna getirmelisiniz. Böylece font yüklene kadar, yazılar tarayıcı varsayılan fontunda görünmeye devam eder.

 

[2] JS Settings

Litespeed cache js ayarları

JS Minify: Bu ayar gereksiz boşlukları ve açıklama satırlarını silerek java script dosyalarını küçültür. Açık konumda olmalıdır.

JS Combine: Tüm java script dosyalarını birleştirirerek sorgu sayısını azaltır. Bu ayar sonrasında sitenizde bazı bozulmalar olabilir. Bu adresten sorunları nasıl düzelteceğinizi görebilirsiniz. Bu ayar açık oluğunda sayfa önbelleklerini oluşturma süresi yükselir. Sayfalar ilk olarak önbelleğe alınacağında daha geç alınır ve yavaşlığa sebep olur. 

JS Combine External and Inline: Harici JS ve satır içi JS kodlarını, birleştirilmiş JS dosyasına dahil eder. Böylece JS sorunlarını minimize etmiş olur. Bu ayar yukarıdaki ayar açıksa çalışır.

JS HTTP/2 Push: JS dosyaları tarayıcı tarafından istenmeden gönderilir. Açık konumda olmalıdır.

Load JS Deferred: Java dosyalarını erteleyerek, görünür içeriğin daha hızlı yüklenmesini sağlar. Bu ayar Pingdom, GTmetrix ve PageSpeed hız testlerinde daha yüksek puan almanızı sağlar. Açık konumda olmalıdır. Fakat bu ayar açıkken Contact Form 7 eklentisinden, mesaj gönderme başarılı iletisi çalışmayabilir. Bu ayarı açtıktan sonra iletişim formundan bir gönderi yaparak test etmelisiniz. 

Load Inline JS: DOM tamamen yüklendikten sonra, satır içi JS kodlarını çalıştırır.

[3] Optimization Settings

LiteSpeed Cache Ayarları - Optimization Settings

 

CSS/JS Cache TTL: Küçültülmüş ve birleştirilmiş CSS – JS dosyalarınınön bellek süresini belirler. Varsayılan olarak 1 haftadır. Açık konumda olmalıdır.

HTML Minify: Tüm HTML’lerden gereksiz boşlukları ve açıklama satırlarını silerek küçültür. Açık konumda olmalıdır.

Inline CSS Minify: HTML sayfalarının içindeki tüm CSS kodlarını küçültür. Açık konumda olmalıdır.

Inline JS Minify: HTML sayfalarının içindeki tüm JS kodlarını küçültür. Açık konumda olmalıdır.

DNS Prefetch: DNS’i önceden getirerek ziyaretçi gecikmesini azaltır.

DNS Prefetch Control: Resimler, CSS, JS dosyaları için DNS önceden getirmeyi etkinleştirir.

Remove Comments: Bu ayar JS ve CSS dosyalarındaki açıklama satırlarını silerek dosyaların küçülmesini sağlar. Dikkat, Bu ayar sitenizde bozukluklara yol açabilir. Açık konumda olursa performans artışı sağlar.

Remove Query Strings: Sorgu dizelerini statik kaynaklardan kaldırır. Bu sayede statik dosyalarınızın extra sorgu oluşturması engellenir. Google reCAPTCHA otomatik olarak atlanır. Açık konumda olmalıdır.

Load Google Fonts Asynchronously: Google Fontlarının eş zamanlı olarak yüklenmesiniz sağlar. 

Remove Google Fonts: Google Font’larını devre dışı bırakmanızı sağlar. Bu ayarı açtıktan sonra Google Fontları hala yüklenmeye devam ediyorsa “Load Google Fonts Asynchronously” ayarını da kapatmanız gerekebilir.

Remove WordPress Emoji: Wordpress emojilerini kaldırır. Bu ayar GT Metrix, Pingdom, PageSpeed gibi test sitelerinden yüksek puan almanızı sağlar.

Remove Noscript Tag: Bu seçenek etkinleştirilirse <noscript> etiketleri kaldırılacaktır. Bu sayade daha küçük sayfa boyutları elde edilir, ancak JavaScript çalışmayan eski tarayıcılar ile daha az uyumlu bir siteye sahip olursunuz.

 

[4] Media Settings

LiteSpeed Cache Ayarları - Media Settings

LiteSpeed cache ayarları – görüntü dosyaları cache ayarları

 

Lazy Load Images: Sitenizdeki fotoğraf ve videolar, ekranda göründüğü anda yüklenmeye başlar. Deneyimlerime göre, bu ayar bazı temalarda düzgün çalışmıyor. Ayrıca, bu ayar etkin olduğunda sitede gözle görünür bir yavaşlık oluyor. Siz kendi sitenizde bu ayarı test ettikten sonra açmalısınız. 

 

Lazy Load Image Placeholder: Resimler yüklene kadar gri bir alan görünecektir. Bu alanlar için istenirse farklı bir resim eklenebilir. Bu ayarın etkin olabilmesi için “Lazy Load Images” ayarının etkin olması gerekir.

 

Responsive Placeholder Background Color: Resimler yüklenen kadar gösterilen gri alan yerine farklı bir renk seçilebilir.

 

Generate Reponsive Placeholder In Background: Resimler yüklenen kadar belirlenen resim ya da renklerin arka planda hazır halde tutulmasını sağlar. Bu ayar açık olmalıdır.

 

Lazy Load Iframes: Iframe’ler için lazy load uygulanır. Örneğin sayfa içine çektiğimiz Google Map. Sitede bozulmalara yol açılabilir.

 

Inline Lazy Load Images Library: Lazy Load çalışabilmesi için bir java script kodu gerekir. Bu kodu HTML’in içinde çağırarak fazladan bir JS kodu uygulanmaz.

[5] Media Exludes

LiteSpeed Cache Ayarları - Media Excludes

Lazy Load Image Excludes: Listedeki görüntülere lazy load uygulanmaz.

 

Lazy Load Image Class Name Excludes: Bu listeye eklenen CSS class’larını kullanan resimlere lazy load uygulanmaz.

[6] Discussion Settings

LiteSpeed Cache Ayarları - Discussion Settings

Gravatar Cache: Gravatar resimlerinin ön belleğer alınmasını sağlar.

Gravatar Cache Cron: Gravatar resimlerini otomatik olarak ön belleğe alır.

Gravatar Cache TTL: Gravatar resimlerinin ön bellek ömrünü belirler.

[7] Tuning Settings

LiteSpeed cache ayarları – ince ayar bölümü. Sitenizde oluşabilecek bozulmaları engellemeniz için ince ayarlar yapmanızı sağlar. 

LiteSpeed Cache Ayarları - Tuning Settings

Combined CSS Priority: “Combine CSS” özelliğini kullandıysanız ayrılmış CSS dosyalarınızdan önce birleştirilmiş CSS dosyalarınız yüklenecektir.

CSS Excludes: Bu alana yazılmış CSS dosyaları küçülmez ya da birleştirilmez. Her satıra bir adres girin. Sitenizin bozulmasına neden CSS dosyalarını bu alana ekleyerek düzeltebilirsiniz. Ör: /wp-content/style.css

Combined JS Priority: “Combine JS” özelliğini kullandıysanız ayrılmış JS dosyalarınızdan önce birleştirilmiş JS dosyalarınız yüklenecektir.

JS Excludes: Bu alana yazılmış JS dosyaları küçülmez ya da birleştirilmez. Sitenizin bozulmasına neden JS dosyalarını bu alana ekleyerek düzeltebilirsiniz. Her satıra bir adres girin. Ör: /wp-content/custom.js

Max Combined File Size: Maximum birleştirilmiş dosya boyutunu belirler. Yüksek boyutlar belirlerseniz daha az dosya oluşturulur. Bu sayede daha az sorgu oluşacaktır. Bu sayede daha yüksek puan elde edilebilir ancak bellek kullanımı artacaktır. Varsayılan olarak 2 MB verilmiştir.

 

Critical CSS Rules: Ekranın üst kısmındaki görünür içeriğin daha hızlı yüklenmesi için gerekli CSS dosyalarınızı buraya yazabilirsiniz.

JS Deferred Excludes: Listelenen JS dosyalarını ertelemeden yükler. Buraya eklediğiniz JS dosyaları görünür içeriğin geç gelmesine sebep olabilir.

 

URI Excludes: Listelenen sayfalar da ön bellek hariç tutulur.

Role Excludes: Seçilen kullanıcı gruplarında ön bellek hariç tutulur.

]]> https://konyaaltibilisim.com/litespeed-cache-ayarlari/feed/ 95 Google Hız Testi Analytics.js Çözümü https://konyaaltibilisim.com/google-hiz-testi-analytics-js-cozumu/ https://konyaaltibilisim.com/google-hiz-testi-analytics-js-cozumu/#comments Wed, 18 Sep 2019 14:21:02 +0000 https://konyaaltibilisim.com/?p=20769

Google PagaSpeed ile hız testi yaptığınızda, “Statik öğeleri verimli bir önbellek politikasıyla yayınlayın” şeklinde bir uyarı alabilirsiniz. Bu uyarının altında, “analytics.js” dosyası bulunuyorsa, bu makaledeki adımları izleyerek, “analytics.js” dosyasını lokalden çalıştırabilirsiniz. Zorda kalmadıkça eklenti kullanmak istemiyorum zira bazı eklentiler siteyi yavaşlatabiliyor. O yüzden önce eklentisiz olarak daha sonra eklenti ile çözümü anlattım.

Eklentisiz Çözüm

Gerekli Dosyaların Oluşturulması

Öncelikle sitenizin root alanına, aşağıdaki JS dosyalarını oluşturun. Örneğin benim sitem “public_html” klasörü altında, buraya iki dosyayı ftp yoluyla oluşturuyorum.

  • local-ga.js
  • local-analytics.js

Google Analytics dosyalarının oluşturulması

Local-ga.js Dosyasının İçeriğinin Oluşturulması

Bu dosyanın içeriğine, Google Analytics İzleme Kodu içerisinde bulunan, JavaScript kodunu ekleyeceğiz. Bu koda aşağıdaki adımları uygulayarak kolayca ulaşabilirsiniz.

  • Google Analytics’e giriş yapalım.
  • Sol menüden “Yönetici” alanına girelim.
  • “İzleme Bilgileri” ne girelim.
  • “İzleme Kodu” na girelim.
  • “https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-1” linkini kopyalım.
quic cloud cdn

Linki tarayıcıya kopyalayarak açalım. Tüm içeriği kopyalayıp, oluşturmuş olduğumuz local-ga.js dosyasının içerisine yapıştıralım.

Burada dikkat etmemiz gereken bir durum var. Bağlantıdan eklenen içerik,

// Copyright 2012 Google Inc. All rights reserved.

şeklinde başlıyor.
Bu bilgi satırını tamamen silmeliyiz. Çünkü Cache eklentileri, JavaScript küçültme işlemi yapıyorlar. Bilgi satırları da tamamen siliniyor, sonrasında kod çalışmıyor.

Google Pagespeed Analytics Çözümü

Local-analytics.js Dosyasının İçeriğinin Oluşturulması

https://www.google-analytics.com/analytics.js  adresine girerek, içeriğin tamamını kopyalayıp, root altında oluşturduğum local-analytics.js dosyasının içerisine yapıştırıyorum ve kaydediyorum.

Şimdi “local-ga.js” dosyasına geri dönelim. “local-ga.js” içerisindeki “https://www.google-analytics.com/analytics.js” satırını bularak “https://www.siteadresiniz.com/local-analytics.js” olarak değiştiriyorum. 

Burada dikkat etmeniz gereken bir konu daha var. Web siteniz “siteadresiniz.com” şeklinde olsa bile buraya eklerken başına “www” mutlaka ekleyin. Çünkü Google PageSpeed’de daha fazla puan alınmasını sağlıyor.

Google Pagespeed Analytics Çözümü

Google Analytic Kodunun Siteye Eklenmesi

Son olarak siteye Analytic kodunu eklerken, izleme kodunda bulunan, “https://www.googletagmanager.com/gtag/js?id=xx-xxxxxxxx-x” şeklindeki adresi “https://www.siteadresiniz.com/local-ga.js” şeklinde değiştiriyoruz.

Hepsi bu kadar. Sitemizi Google PageSpeed üzerinden test ettiğimizde, “Statik öğeleri verimli bir önbellek politikasıyla yayınlayın” altında, analitics.js hatasını görmememiz gerekiyor. Ayrıca Google Analytics üzerinden baktığımızda gerçek zamanlı veri alabiliyorsak sorun yok demektir.

Şunu unutmayalım, Google Analytics üzerindeki, Java Script kodunu güncelleyebilir. Böyle bir durumda kodumuz çalışmayacaktır. Siz de dosyalarınızda gerekli güncellemeleri yapmalısınız.

 

Eklenti İle Çözüm

Complete Analytics Optimization Suite (CAOS) eklentisi ücretsiz  olarak sunulmakta ve Google Analytics kodunu sitenizden çalışmasını sağlamaktadır.

Google Analytics Tracking ID kısmına Analytics ID’nizi girin. Alt kısımdan da Footer seçin, bu sayede Analytics kodu en son açılacak. Yanlız dikkat etmeniz gereken bir durum var, başka bir Analytics kodu ekleme eklentisi kullanıyorsanız devre dışı bırakmanız gerekiyor. Yada kodu manuel olarak eklemişseniz onu da iptal etmeniz gerekiyor.

Makalem umarım faydalı olmuştur. Sormak istedikleriniz varsa yorumlar bölümüne yazabilirsiniz.

 
]]> https://konyaaltibilisim.com/google-hiz-testi-analytics-js-cozumu/feed/ 6 WordPress Gutenberg editörünü eklentisiz, kod ile devredışı bırakma https://konyaaltibilisim.com/gutenberg-editorunu-eklentisiz-kod-ile-devredisi-birakma/ https://konyaaltibilisim.com/gutenberg-editorunu-eklentisiz-kod-ile-devredisi-birakma/#comments Fri, 07 Dec 2018 08:35:09 +0000 https://konyaaltibilisim.com/?p=20181

Bu makalemizde WordPress Gutenberg editörünü kod kullanarak nasıl kaldıracağımıza değineceğiz. Function.php dosyasına ekleyeceğimiz bu kod sayedinde WordPress klasik editör kullanmaya devam edebilirsiniz. Arıca Visual Composer yada Elementor gibi eklentiler de sorunsuz çalışmaktadır.

Gutenberg editörü an itibariyle WordPress 5.0 kararlı sürümünün çekirdeğine eklendi. Fakat benim gibi Visual Composer veya Elementor gibi eklentiler kullanan kullanıcılar sayfa düzenlemelerinde otomatik olarak Gutenberg ile karşılaşıyorlar. Özellikle makalenin yayınlandığı an itibariyle, 1663 oy ile oylanan Gutenberg’in, 2.3 yıldız oy ortalaması varken bu dayatma hiç hoş olmadı. Neyse biz makalemize başlayalım.

Gutenberg'i eklentisiz, kod kullanarak devre dışı bırakma​

Gutenberg sürekli olarak değişen bir yapıya sahiptir. Bu yöntem 2.12.2019 tarihi ile çalışan son yöntemdir. Gutenberg 4.1 sürümü ve üzeri sürümlerde bu kod düzgün bir şekilde çalışmaktadır.

Bu kodu function.php dosyasının en sonuna ekleyin. Eğer child theme kullanıyorsanız oradaki function.php dosyasının en sonuna eklemenizi tavsiye ederim. Böylelikle temanız güncellendiğinde yeniden Gutenberg ile karşılaşmazsınız.

add_filter('use_block_editor_for_post', '__return_false');

Gutenberg’in eski sürümlerinden birini kullanıyorsanız aşağıdaki kodu kullanın. Bu yöntem WordPress 5.0 versiyonundan önceki sürümlerde yüklü olan ve Gutenberg 4.1 sürümleri öncesinde düzgün çalışmaktadır. Bu kodları Gutenberg’i tüm sayfa ve yazılardan kaldırmak için uygulayın. 

add_filter('gutenberg_can_edit_post_type', '__return_false');

Eğer belirli öğelerde Gutenberg’i devre dışı bırakmak istiyorsanız aşağıdaki teknikleri inceleyebilirsiniz.

Koşullu olarak Gutenberg'i devre dışı bırakma

Burada version_compare kullanarak, WordPress’in versiyonunun, 5’den küçük olması durumunda ve büyük olması durumunda uygun kodların kullanılması sağlanır.

// Gutenberg editörünü devredışı bırakır

if (version_compare($GLOBALS
	
	// WP > 5 beta
	add_filter('use_block_editor_for_post_type', '__return_false', 100);
	
} else {
	
	// WP < 5 beta
	add_filter('gutenberg_can_edit_post_type', '__return_false');
	
}

Gönderi Türleri İçin Gutenberg'i Devre Dışı Bırakma

Burada Gutenberg 4.1 ve üzeri versiyonlar için, gönderi türü “Video” olan yazılarda Gutenberg devre dışı kalacaktır.

function konyaaltibilisim_disable_gutenberg($is_enabled, $post_type) {
	
	if ($post_type === 'Video') return false; // Video biçimindeki yazı tipleri için geçerli
	
	return $is_enabled;
	
}
add_filter('use_block_editor_for_post_type', 'konyaaltibilisim_disable_gutenberg', 10, 2);

Burada Gutenberg eski versiyonlar için, gönderi türü “Video” olan yazılarda Gutenberg devre dışı kalacaktır.

function konyaaltibilisim_disable_gutenberg($is_enabled, $post_type) {
	
	if ($post_type === 'Video') return false; // Video biçimindeki yazı tipleri için geçerli
	
	return $is_enabled;
	
}
add_filter('use_block_editor_for_post_type', 'konyaaltibilisim_disable_gutenberg', 10, 2);

Meta Kutuları İçin Gutenberg'i Devre Dışı Bırakma

Metabox yazının hemen altında bulunan yazıyı özelleştirmemize yarayacak extra alanlardır. Aşağıdaki kod sayesinde bu alanlarda Gutenberg’i devre dışı bırakacaktır.

add_meta_box('metabox_id', 'Metabox Title', 'metabox_callback', null, 'advanced', 'default', array('__block_editor_compatible_meta_box' => false));

wp-config.php İle Gutenberg'i Kapatma

Bu eski yol önerilmemektedir fakar aşağıdaki kodu wp-config.php içerisine eklerseniz Gutenberg devre dışı kalacaktır.

$_GET['classic-editor'] = true;

Eklenti Kullanarak Gutenberg'i Devre Dışı Bırakma

“Eklentiler – Yeni ekle” bölümünden “Disable Gutenberg” eklentisini kurarak otomatik olarak Gutenberg Editörünü devredışı bırakabilirsiniz. Eklentinin bazı özellikleri şu şekilde:

Gutenberg’i tamamen devre dışı bırakma (tüm posta türleri)

Herhangi bir yazı tipi için Gutenberg’i devre dışı bırakma

Herhangi bir kullanıcı rolü için Gutenberg’i devre dışı bırakma

Herhangi bir tema şablonu için Gutenberg’i devre dışı bırakma

Tüm yazı / sayfa kimlikleri için Gutenberg’i devre dışı bırakma

Gutenberg yönetici bildirimini iptal etme

Eklenti menü öğesini gizleme seçeneği

Gutenberg eklentisi menü öğesini gizleme seçeneği (ayarlar linki)

WP menü öğesini ekler: “Yeni Ekle (Klasik)”

“Düzenle (Klasik)” için posta bağlantısı ekler

 

https://digwp.com/2018/04/how-to-disable-gutenberg/

 

https://wordpress.org/plugins/disable-gutenberg/

 

]]> https://konyaaltibilisim.com/gutenberg-editorunu-eklentisiz-kod-ile-devredisi-birakma/feed/ 4