WordPress'te Divi'yi Optimize Etmek İçin Nihai Kılavuz (2021 Sürümü)

Blair2004 WordPress Eğiticileri Feb 18, 2021

İki şüphesiz günümüzde en popüler WordPress temalarından biridir. Her türden web sitesi için (kelimenin tam anlamıyla) neredeyse her tür tasarımı oluşturmak için kullanabileceğiniz güçlü bir Sayfa Oluşturucu ile birlikte gelir. Bu büyük avantajın bir dezavantajı var. Divi birçok özelliğe sahip olduğundan, bu özelliklerin bir ağırlığı vardır. Ve itiraf etmek istemeyenler için, özellikle ziyaretçilerinize en iyi deneyimi sunmak istiyorsanız, Divi'yi optimize etmeyi düşünmek önemlidir.

Divi'nin sık sık performanslar aldığı doğru olsa da, bunlar her zaman yeterli değildir ve bu, basit bir "Merhaba Dünya" blogundan daha fazlasına sahip olanlar için daha doğrudur.

Bu eğitimde, divi yüklemelerini daha hızlı hale getirmek için neler yapabileceğimizi keşfedeceğiz (mevcut özellikleri göz önünde bulundurarak zaten hızlı bir WordPress teması iken). Aşağıda ele alacağımız bazı temel konular verilmiştir:

  • Veritabanı Nasıl Optimize Edilir
  • DNS Nasıl Optimize Edilir
  • İyi Bir Hosting Nasıl Seçilir
  • İlk Bayta Kalan Süre Nasıl Optimize Edilir
  • WordPress Web Sitenizi Önbelleğe Alma
  • Küçültme Nasıl Gerçekleştirilir
  • Gzip Sıkıştırma Nasıl Etkinleştirilir
  • Hangi CDN'yi Kullanabilirsiniz
  • Görsellerinizi Nasıl Optimize Edersiniz
  • Videolarınızı Nasıl Optimize Edersiniz?
  • Divi'de Hız Testleri Nasıl Gerçekleştirilir
  • Diğer İpuçları

Neden Hızlı Bir Web Siteniz Olmalı?

Artık kimse için bir sır değil. Hızlı web siteleri yavaş web sitelerinden daha iyi dönüşür. Web sitenizin hızı ile hemen çıkma oranınız arasında büyük bir korelasyon vardır. Daha doğrusu, bugünlerde bunun bir zorunluluk olmasının nedeni:

Divi'yi İndirin En İyi WordPress Temasını

Dünyadaki en popüler WordPress teması ve nihai WordPress sayfası oluşturucu

Divi'yi indirin
  • Hemen Çıkma Oranını Azaltın - Ziyaretçilerinizi tutmanız mı gerekiyor? Web sitenizi hızlı bir şekilde parlatın.
  • Dönüşümü Artırın - Ziyaretçinizin mağazanızı veya formunuzu görmesini istiyorsanız, web sitenizin gitmeden önce hızlı yüklenmesi gerekir.
  • SEO – Google Might Rank You Higher (might because it's Her zaman durum böyle değil).
  • Güvenilirlik - yavaş web siteleri ziyaretçileriniz için kötü bir ilk izlenim yaratır.

Bir Web Sitesi Ne Kadar Hızlı Yüklenmelidir?

Çeşitli araştırmalara göre, bir web sitesi 3 saniye veya daha az'te yüklenmelidir. Genel olarak, web sayfalarınızın 3 saniye veya daha kısa sürede yüklenmesi iyi bir hedeftir. Görünüşe göre çoğu müşteri bugünlerde 2 saniye veya daha kısa olmasını bekliyor. Ancak tabii ki her web sitesi ve web sayfası farklıdır.

Divi Yükünü Daha Hızlı Yapmak İçin İpuçları ve Püf Noktaları

Şimdi Divi web sitenizde hemen uygulayabileceğiniz tüm ipuçlarını ve püf noktalarını keşfedeceğiz ve performansta önemli değişiklikleri göreceğiz. Bu tekniklerden bazıları diğer WordPress temaları için de geçerlidir, bu nedenle tezlere zaten aşina olabilirsiniz.

Başlayalım.

Veritabanı Nasıl Optimize Edilir

WordPress, verileri (gönderi, sayfalar, meta veriler vb.) Depolamak ve almak için MySQL veritabanıyla etkileşime giren dinamik bir CMS'dir. Bu çalışma şekli, web sitesi yönetiminizi kolaylaştırır, ancak olumsuz yanı, sayfayı yüklemeden önce veritabanındaki verileri bulması gerektiğinden sayfaların yüklenmesinin daha uzun sürmesidir. Statik bir HTML web sitesi için dinamik içerik aramaya gerek yoktur çünkü dinamik olarak değişmez. Bu nedenle statik HTML web siteleri, WordPress web sitelerinden daha hızlı olacaktır.

Bir Divi sitesini (veya herhangi bir WordPress web sitesini) olabildiğince hızlı tutmanın bir yolu, veritabanınızı optimize ettiğinizden emin olmaktır. WordPress site dosyaları, veritabanınızda tablolara göre düzenlenir ve sitenize her yeni veri eklediğinizde (temalar ve eklentiler gibi) yeni tablolar ve yeni veriler oluşturur. Beklediğiniz gibi, veritabanınız ne kadar şişirilirse, verileri bulmak o kadar zorlaşır. Bu daha yavaş bir web sitesine götürür.

Şimdi, uzun yıllardır blog yazıyorsanız, birçok tema ve eklenti denemiş olabilirsiniz. Bu, sonunda veritabanınızın ihtiyaç duymadığı verileri tutmasına neden oldu. Bir eklentiyi kaldırsanız bile, bu eklenti tarafından oluşturulan tüm verilerin de silindiği anlamına gelmez. Bazı eklentiler, eklentiyi yeniden kurmanız durumunda bazı verileri saklar veya geliştirici uygun bir kaldırma önlemi eklemeyi unutmuş olabilir. Açıkçası bu, veritabanınız için iyi ve adil değil. Bu kalan veriler gereksiz dağınıklığa neden olabilir ve sitenizi yavaşlatabilir.

Her insan organizasyonun daha verimli çalışmasına ihtiyaç duyduğu gibi, her WordPress sitesinin (Divi olsun veya olmasın) sayfaları daha hızlı yüklemek için temiz bir veritabanına ihtiyacı vardır. Bu nedenle, web sitenizi bir anlığına sahipseniz, veritabanınızı optimize etmeyi kesinlikle düşünmelisiniz.

Bu konuda yardımcı olabilecek birçok eklenti var, ancak güvenilir bir seçenek gibi görünen WP Optimizasyonu'ı kesinlikle deneyebilirsiniz. Ama başka Dikkate alınması gereken püf noktaları var.

WordPress Veritabanınızı optimize etmenin yanı sıra, depoladığı verileri azaltarak WordPress'i daha da hafifletmek isteyebilirsiniz. Örneğin, WordPress silinmiş öğeleri otomatik olarak 30 gün boyunca çöp kutusunda tutacaktır. Bu süreyi 7'ye indirmek isteyebilirsiniz.

DNS Nasıl Optimize Edilir

Web sitenize erişmek üzereyken meydana gelen ilk şeylerden biri, DNS Aramasıdır. URL girilir girilmez (veya tıklanır), ziyaretçinin ISS'si, alanınızla ilişkili IP adresini bulmak için ad sunucularına bir DNS sorgusu gönderir (her alan / web sitesinin belirli bir IP adresi vardır). Daha açık bir ifadeyle, bir DNS araması, o alan adının IP adresini bulmak için alan adınızı bir telefon rehberinde aramak gibidir.

Bununla birlikte, bir kullanıcı sitenizdeki bir sayfayı ziyaret ettiğinde, sayfada, sayfayı yukarı çekmek için erişilmesi gereken birden çok etki alanı olabilir. Böylece, tek bir sayfa yüklemesinde 3 veya 4 alan araması yapabilirsiniz (belki daha fazla).

Genel olarak konuşursak, Godaddy ve Namecheap gibi çoğu ücretsiz DNS Sağlayıcısı genellikle diğerlerinden daha yavaş olacaktır.

DNS arama hızınızı artıracak en iyi ücretsiz seçenek muhtemelen Cloudflare'dır. Bunlar DNSPerf.com'te kaydedilen en hızlı DNS performansına sahiptirler. GoDaddy ve Namecheap'ten önemli ölçüde daha hızlıdırlar. Ayrıca, isterseniz Cloudflare'yi diğer hizmetleri (CDN veya WAF gibi) olmadan DNS için kullanılmak üzere optimize edebilirsiniz.

Örneğin, DNS ve Güvenlik (DDOS algılama) için Cloudflare ve CDN'niz için KeyCDN (veya MaxCDN) kullanmak isteyebilirsiniz. Bu aynı zamanda harika bir kombinasyon.

Setup Cloudflare

Cloudflare'nin kurulumu kolaydır. Önceden barındırma veya başka bir şey değiştirme konusunda endişelenmenize gerek yok. Yapmanız gereken tek şey, alan adınızı girmenizle başlayan 5 dakikalık kurulumunda ilerlemektir.

Mevcut DNS kayıtlarınızı otomatik olarak alacaklar.

Kurulumunuzu tamamlamak için yapmanız gereken şeylerden biri, mevcut DNS sağlayıcınızdaki (GoDaddy gibi) varsayılan ad sunucularını Cloudflare’nin ad sunucularına değiştirmektir.

Artık DNS'nizi kendi Gösterge Panosundan kolayca yönetebileceksiniz.

Ve bunun gibi, DNS arama hızında bir artış, daha fazla güvenlik ve web siteniz için ücretsiz bir CDN'ye sahipsiniz.

İyi Bir Hosting Nasıl Seçilir

Önceden, web sitesi optimizasyon yolculuğunuz sırasında göz önünde bulundurmanız gereken ilk şeylerden biri, WordPress web siteniz için iyi çalışan bir barındırma seçmektir. Birkaç ay önce Elegantheme, WordPress ile iyi çalışan bir ortaklık teklifi Popüler Hosting sağlayıcıları ile yayınlıyordu. Bu sağlayıcılar, Divi için daha iyi bir hizmet sağladıkları için tanınmaktadır ve Elegantthemes panosuyla entegrasyon sorunsuzdur. Web siteniz için hangisini seçeceğinizi bu sağlayıcılardan seçmeniz yeterlidir.

Artık hiçbir şey sizi bu sağlayıcıları kullanmaya zorlamaz çünkü bunlar, WordPress ve Divi için de iyi çalışan birçok başka çözümdür. O halde, mevcut barındırma türünü göz önünde bulundurarak onu inceleyelim.

Types of Hosting

Shared Hosting

Bu, WordPress / Divi kullanıcıları için açık ara en popüler barındırma türüdür. Ancak maalesef hızlı bir web sitesine sahip olmak için en kötü seçenektir. Paylaşılan barındırma ile, bir sunucunun mevcut tüm kaynaklarını başkalarıyla paylaşacaksınız. Paylaştığınız için, bu tür bir barındırma için maliyet genellikle çok düşüktür. Ancak, olumsuz tarafı, bu diğer sitelerin ne kadar trafik aldığını ve web sitelerinin sunucunun performansını potansiyel olarak nasıl etkileyebileceğini ve ardından web sitenizin performansını nasıl etkileyebileceğini kontrol edememenizdir. Böylelikle, son derece yavaş yükleme sürelerine ve hatta sitenizin tamamen kapalı olduğu zamanlara kolayca avlanabilirsiniz. Yani Paylaşılan barındırmanızın ne kadar trafiği kaldırabileceği hakkında iyi bir fikriniz olsa iyi olur.

VPS Hosting

Sanal Özel Sunucu (VPS) barındırma, temelde paylaşılan ve özel barındırma arasında bir orta yoldur. Sunucu alanınız "özeldir", yani diğerlerinden tamamen ayrıdır. Böylece site dosyalarınız sunucudaki başkalarına gösterilmez. Paylaşılan barındırmanın aksine, bir VPS, sitenizin tutarlı bir şekilde hızlı yükleme süreleri sağlamak için ihtiyaç duyduğu şeyi her zaman almasını sağlamak için emrinizde özel bir miktar sistem kaynağına sahiptir. Teknik olarak, sitenizin hızını etkileyen diğer web sitelerinin trafik artışları konusunda endişelenmenize gerek kalmayacak.

Ancak, yönetilen bir VPS'niz yoksa, bu tür bir barındırma çoğunlukla işleri kendi başlarına halledebilecek kadar teknoloji meraklısı olan DIY türleri içindir.

Cloud Hosting

Bulut barındırma ile, tek bir fiziksel sunucu yerine bir sunucu ağına (bulutta) erişiminiz olur. Bu, ihtiyaç duyduğunuz tüm kaynakları gerektiğinde bu sunucu ağından çekmenize olanak tanır. Daha basit bir ifadeyle, tüm sunucu ağının gücü ve kaynakları tarafından desteklenen sanal bir sunucu alanı bölümünüz vardır. Bu nedenle, paylaşılan barındırma için yapacağınız trafik artışları konusunda endişelenmenize gerek yoktur. Bulut barındırma, ihtiyaçlarınız için son derece esnek ve ölçeklenebilir.

Bulut Barındırma ve VPS barındırma arasındaki temel farklardan biri, VPS barındırma hizmetinin tükenebilecek veya tükenmeyebilecek özel (bazen sınırlı) bir kaynak miktarına sahip olmasıdır. Öte yandan Bulut Barındırma, kaynaklarınızı tükenmeden kullanılabilir tutabilir çünkü buluttaki diğer sunuculardan her zaman çekilebilir. Teorik olarak, bulut barındırma daha tutarlı ve güvenilir yüksek hızlar sunar. Dolayısıyla, hız konusunda ciddiyseniz, bulut barındırma harika bir seçenektir (belki de en iyisi).

Dedicated Hosting

Adanmış barındırma ile, yalnızca size özel kendi sunucunuz var. Herhangi bir kaynağı başkasıyla paylaşmaya gerek yoktur. Bu, web siteniz için daha öngörülebilir ve tutarlı hızlı yükleme sürelerine sahip olacağınız anlamına gelir. Bu genellikle büyük şirketler için yüksek bir prim maliyetiyle (tabii ki) en üst düzey bir seçenek olarak sunulur. Devraldığı maliyeti karşılayabiliyorsanız, bunu kullanmayı düşüneceksiniz.

Managed WordPress Hosting

Yönetilen WordPress Hosting genellikle WordPress uzmanları tarafından yönetilen paylaşılan barındırma anlamına gelir. Burada bir VPS kadar özel veya Özel Sunucu kadar güçlü değil. Ancak, WordPress uzmanlarının işi yapmasını sağlayarak paylaşılan ortamınızın hızını en üst düzeye çıkarmaya yardımcı olur. Bunu iyi yapıyorlar çünkü hizmetlerini özelleştiriyorlar ve sunucularını kesinlikle WordPress siteleri için yapılandırıyorlar. Ve birçoğu tek tıklamayla hazırlama ortamları, site önbelleğe alma, tek tıklamayla CDN dağıtımı, otomatik yedeklemeler, SSL’ler ve daha fazlası gibi pek çok harika ve kullanışlı yerleşik özellik ile birlikte gelir. Bunları kendileri manuel olarak halletmek istemeyenler için mükemmeldir.

Other Hosting Provider To Consider

Dışarıda birçok WordPress Hosting şirketi var. Ve eğer mümkünse, hız optimizasyonu konusunda ciddiyseniz, geleneksel paylaşımlı barındırmadan (yönetilmeyen) kaçınmak isteyeceksiniz. Ancak basit bir siteniz varsa ve yönetilenler için fazladan para ödemeye istekli değilseniz, Siteground paylaşılan barındırma için en iyilerden biri gibi görünüyor.

Şimdilik burada daha hızlı bir Divi web sitesi için göz önünde bulundurulması gereken hızlı bir ana bilgisayar listesi var.

  • Akraba - yönetilen WP barındırma konusunda uzman
  • SiteGround - paylaşılan barındırma sunar.
  • Cloudways - SSD tabanlı yönetilen bulut barındırmada uzmanlaşmıştır
  • WPEngine - yönetilen WP barındırmada uzman
  • Volan - yönetilen WP barındırma konusunda uzman

Bu, mevcut tüm olası sağlayıcılar değil, ancak kesinlikle bunlarla, hızlı bir WordPress web siteniz olacak.

İlk Bayta Kalan Süre Nasıl Optimize Edilir

İlk Bayt Süresi (TTFB), kullanıcının sunucunuzdan web sitesi verilerinin ilk baytını alması için geçen süredir. Bu, bir kullanıcı web sitenize erişmeye çalıştığında, TTFB'nin esas olarak tarayıcı tarafından herhangi bir veri alınmadan önceki bekleme süresi olacağı anlamına gelir.

TTFB genellikle yaklaşık 200 ms'dir. Ancak, yetersiz barındırılan ve optimize edilmemiş siteler için TTFB kolayca 2 saniye veya daha uzun sürebilir.

Divi sitenizdeki TTFB gecikmesi genellikle aşağıdakilerden kaynaklanır:

  • Alınması gereken dinamik içerik miktarı. Bu, önbelleğe alma, veritabanı optimizasyonu ve bir CDN ile azaltılabilir.
  • Sunucunuzun o anda karşılaştığı trafik miktarı. Paylaşılan barındırma sağlayıcıları, kaynakları aynı sunucudaki başkalarıyla paylaştığınız için düşük TTFB'ye sahip olamaz. Trafiklerindeki ani artışlar, sunucunuzun işlem hızını düşürecektir.
  • Web sunucusu yapılandırmanız. İyi bir WordPress barındırma sağlayıcısı, sağlam bir arka uç altyapısı sağlayarak ve web sunucusu yapılandırmanızı optimize ederek (neredeyse kontrolünüz dışında olan şeyler) sitenizin TTFB'sine yardımcı olabilir.

Kısacası, TTFB'de hızlı bir artış istiyorsanız, daha iyi barındırma alın ve aşağıdaki adımların geri kalanını izleyin.

WordPress Web Sitenizi Önbelleğe Alma

WordPress sitenizi hızlandırmak için uygulanabilecek dört ana önbellek türü vardır.

  • Sayfa Önbelleğe Alma - Bu işlem, hızlı teslimat için sayfanızın önbelleğe alınmış statik HTML sürümlerini depolar.
  • Tarayıcı Önbelleği - Bu, tarayıcı tarafından hangi içeriğin ne kadar süreyle önbelleğe alınabileceği konusunda size daha fazla kontrol sağlar. Bunu yalnızca bazı eklentiler yapabilir, bu nedenle daha fazla kontrol için bunu manuel olarak yapmayı düşünmelisiniz. Bu, hız testleri gerçekleştirirken "Tarayıcı Önbelleğe Alma İşleminden Yararlanma" ölçütleriyle ilgilenmeye yardımcı olacaktır.
  • CDN Önbelleğe Alma - Kullanıcılarınıza en yakın CDN'den önbelleğe alınmış web sitesi sayfalarını / dosyalarını sunar.
  • Nesne Önbelleğe Alma - Nesne önbelleğe alma, PHP'nin veritabanından veri almak ve kullanıcıya sunmak için başlattığı tekrarlanan sorgu sonuçlarını önbelleğe alır. Bu, web sitenizi görüntülemek için kullanılan derlenmiş PHP kodunun önbelleğe alınmış bir sürümünü saklayan bayt kodu önbelleğe alma işleminden farklıdır.

Divi, Divi’nin statik JS ve CSS dosyalarını perde arkasında sunmak için önbelleğe alma işlemi gerçekleştirir. Ancak bu, daha iyi Divi Builder işlevselliği için öncelikle Divi tema dosyaları içindir.

WordPress web sitenizin tamamını optimize etmek için yine de önbelleğe almayı kullanmanız gerekir. Çoğu sitenin, birleştirilmesi, küçültülmesi ve önbelleğe alınması gerekebilecek kendi CSS dosyalarıyla birlikte gelen birden çok eklentisi vardır. Bu nedenle, tüm sayfalarınızın önbelleğe alınmış statik HTML sürümlerini sunmak için üçüncü taraf bir eklentiden yararlanabilirsiniz.

Popüler Önbelleğe Alma Eklentileri şunları içerir:

  • WP Süper Önbellek
  • W3 Toplam Önbellek
  • WP Roketi
  • Önbellek Etkinleştirici 
  • Comet Önbelleği
  • WP Fastest Cache

Küçültme Nasıl Gerçekleştirilir

Küçültme, site dosyalarınızı küçültür. Site dosyalarınızı küçültmek (CSS, JavaScript, HTML) tüm bu gereksiz şeyleri (boşluklar ve sayfa sonları gibi) kaldırır, böylece dosya boyutu küçülür. Bu, tarayıcının o varlığı indirme süresini azaltacaktır.

Toplama, sayfadaki toplam istekleri azaltmak ve ziyaretçilerinizin yükleme sürelerini hızlandırmak için site dosyalarını birleştirmek anlamına gelir. Ancak, bu aynı zamanda kullanıcılarınıza daha büyük dosyalar sunmak anlamına gelir, örneğin 1 MB CSS dosyası sunduğunuzdan emin olmalı ve küçük parçalara bölmeyi düşünmelisiniz.

Daha önce belirtildiği gibi Divi, Divi Teması tarafından varsayılan olarak kullanılan Javascript ve CSS dosyalarını küçültür ve birleştirir. Dolayısıyla teknik olarak Divi’nin Javascript ve CSS dosyalarını küçültmek ve birleştirmek için üçüncü taraf bir eklenti kullanma konusunda endişelenmenize gerek yok. Ancak Divi, HTML çıktısını küçültmez. Böylece, bir sayfanın tüm HTML'sini küçültmek (ve önbelleğe almak) için üçüncü taraf bir eklentiden yararlanabilirsiniz.

Ayrıca, hemen hemen her Divi sitesi, CSS ve JS dosyalarının küçültülmesi ve birleştirilmesinden yararlanacak Divi Teması dışındaki dosyalara (Alt Tema tarafından eklenen eklentiler veya diğer dosyalar gibi) bağlı olacaktır. Bu, bir eklenti ile kolayca halledilebilir.

Site dosyalarınızı küçültecek bazı uygun eklentiler şunları içerir:

  • W3 Toplam Önbellek
  • Kendi kendini geliştiriyordu
  • WP Süper Önbellek
  • WP Roketi (premium)

Bu eklentilerden biri Divi ile çalışmalıdır. Ancak bir web sitesinin tüm nüanslarını ölçmenin, herkes için en iyi sonucu vereceğini söylemenin bir yolu yoktur. Bazen üçüncü taraf eklentileri, JavaScript dosyalarını hatalara / sorunlara neden olabilecek şekilde otomatik olarak küçültür, ardından hiçbir şeyin bozuk olmadığından emin olmak için web sitenizde derin bir test yaptığınızdan emin olmalısınız. CSS'yi küçültmek güvenli olabilirse, JavaScript için her zaman geçerli değildir.

Bazen, küçültme çözümleriniz arasında çelişkilerle karşılaşırsınız. O zaman bunu yalnızca birinin halletmesine izin vermelisiniz. Dahası, küçültme için daha fazla eklenti yüklemek, çözümden çok sorun getirecektir, her seferinde tek bir çözüm kullanın.

Gzip Sıkıştırma Nasıl Etkinleştirilir

Gzip Sıkıştırma bazen küçültmeden daha etkilidir çünkü sayfa boyutunu% 70'e kadar küçültebilir.

Divi Sitenizde Gzip sıkıştırmasını etkinleştirmek size hızda büyük bir artış sağlayabilir. Bilgisayarınızda sıkıştırılmış (veya sıkıştırılmış) dosyalar oluşturmaya aşinaysanız, Gzip sıkıştırmasının nasıl çalıştığı konusunda zaten temel bir anlayışa sahipsiniz demektir. Buradaki fikir, bir dizi dosya tek bir dosyaya sıkıştırıldığında, daha kolay indirilebilir ve yüklenebilir! Gzip sıkıştırması, web siteniz için aynı şeyi yapar. Sunucuya, istemciye çok daha hızlı sunulabilmesi için tüm dosyaları daha küçük sürümlere sıkıştırmasını söyler. Bu, sayfa yükleme hızını gerçekten artırabilir.

Bu, temanın yeni bir kurulumunda bile Divi'nin hızını artırabileceğiniz alanlardan biridir. Divi zaten çekirdek tema dosyalarını küçülttüğü için, Gzip sıkıştırması bu dosyaları daha da küçültecek. Gzip sıkıştırması, dosyalarınızı küçültmeden çok daha küçük hale getirecektir.

İşte Gzip sıkıştırmasını destekleyen birkaç eklenti:

  • WP Roketi
  • W3 Toplam Önbellek 
  • WP Fastest Cache

Ve bazı barındırma sağlayıcıları, gzip sıkıştırmasını otomatik olarak etkinleştirir çünkü bu, site performansı için çok kolay değildir. Sitenizde Gzip sıkıştırmasının etkin olup olmadığını kontrol edin'den çekinmeyin.

Hangi CDN'yi Kullanabilirsiniz

Bir içerik dağıtım ağı (CDN) site hızını başka bir düzeye taşır. Adından da anlaşılacağı gibi, CDN, içeriği kullanıcılara daha hızlı sunmayı amaçlayan bir ağdır. Ağ, web sitenizin önbelleğe alınmış statik dosyalarını (resimler, videolar, css, js, vb.) Depolayan dünya çapındaki sunuculardan oluşur. Daha sonra bir kişi web sitenize eriştiğinde, kişiye en yakın olan sunucu (veya PoP), kullanıcıdan uzaksa sunucunuza ulaşmak yerine içeriği teslim edecektir. Bir CDN olmadan, web sitesi dosyalarınıza tek bir sunucu konumundan erişilebilir (ana makinenizin bu dosyaları depoladığı her yer), bu nedenle, o sunucudan ne kadar uzakta olursanız, o web sitesi içeriğini tarayıcınıza teslim etmek o kadar yavaş olacaktır.

Web sitesinin mümkün olan en kısa sürede tarayıcınızda görünmesini istediğiniz için, bir CDN site dosyalarınızı bulunduğunuz yere en yakın sunucudan teslim edilmeye hazır hale getirecektir. Dolayısıyla, site dosyalarınız San Francisco'daki bir sunucuda saklanıyorsa ve Londra'daki biri sitenizi çekiyorsa, bu verileri binlerce mil uzaktaki bir sunucudan almak 1 veya 2 saniye sürebilir. Ancak bir CDN ile, aynı verileri Londra'daki bir sunucudan yarı zamanda teslim edebilirsiniz. Bu büyük bir fark!

Dolayısıyla, sonuçların tamamını evde görmeseniz bile, web sitenizin dünyanın çeşitli yerlerine dağıtımını hızlandırmış olursunuz.

Siteniz için bir CDN almanın birçok yolu vardır. Birçok barındırma şirketi, hizmetleriyle birlikte bir CDN dağıtma seçeneği içerecektir. Ve diğer performans ve güvenlik özelliklerinin yanı sıra CDN yetenekleri sunan Cloudflare ve MaxCDN gibi ağ platformları da vardır.

İşte dikkate alınması gereken bazı güvenilir CDN platformları:

  • KeyCDN
  • Cloudflare
  • MaxCDN
  • Amazon Cloudfront
  • Meyve suları

Önbelleğe almak için kullanılan bazı eklentiler, birden çok CDN sağlayıcısını otomatik olarak entegre etme seçeneği içerir ve bu oldukça uygundur.

İşte CDN destekli bazı eklentiler:

  • WP Fastest Cache
  • WP Roketi
  • Kendi kendini geliştiriyordu
  • W3 Toplam Önbellek
  • WP Süper Önbellek
  • CDN Etkinleştirici

Görüntüleri Optimize Etme

Görüntü optimizasyonu, yavaş yükleme sayfa hızlarının en büyük suçlularından biridir. Bunun nedeni, muhtemelen birçok insanın bir web sitesinin hızı için büyük görsellerin ne kadar zararlı olduğunu görmezden gelmesidir. Sonuçta, bir arka plan resmi bir web sayfasına ne kadar zarar verebilir? Pekala, şaşırabilirsiniz. Web için optimize edilmemiş yalnızca birkaç büyük görsel, sayfa yükleme hızında feci sonuçlar doğurabilir.

Her web sitesi bunu yapmalıdır. Tek başına görüntü sıkıştırma, sitenizi belirgin şekilde daha hızlı hale getirebilir ve daha küçük görüntü boyutları, depolama alanı ve bant genişliğinden tasarruf sağlar. Ancak düşünmeniz gereken başka önemli görsel optimizasyonları da var.

Kısacası, görsellerinizi optimize etmek için göz önünde bulundurmanız gerekenler:

Use the Right File Type

Web için görüntüleri kullanmayı düşündüğünüzde, gerçekten aşağıdaki görüntü dosyası türlerine bağlı kalmalısınız:

  • JPG - Bu format, renkli resimler için kullanılmalıdır. Bu genellikle fotoğrafçılık için mükemmel bir eştir. Şeffaf arka plana sahip görüntüleri kullanmak istemiyorsanız, PNG'den daha iyi sıkıştırma sunar.
  • PNG - Şeffaf bir arka plana ihtiyaç duyan resimler için PNG'leri kullanın. Bu format, mümkün olan daha az renge sahip görüntüler için de kullanılabilir. O halde infografik görselleri ve logoları için güzel bir format.
  • SVG - Bu, HTML kodunu kullanarak son derece keskin ayrıntılar sunan bir vektör formatıdır. SVG'ler logolar, simgeler ve diğer vektör animasyonları için harikadır.

Resize and Crop Your Images

Resminiz oldukça büyük olmalıdır. Web sitenizin gövde genişliği maksimum 800 piksele ayarlanmışsa, 1200 piksel büyük resimlere sahip olmanıza gerek yoktur. Sonuç, ön uçta benzer görünebilir, ancak bu büyük boyut, sayfa yükleme sürenizi kısaltır.

Divi kullanarak sayfanıza görüntüler yüklerken, bu görüntülerin Divi’nin sütun yapısında ne kadar büyük olması gerektiğini bilmek yararlıdır.

Compress Your Images

Kalitede bir düşüş fark etmeden önce görüntü dosya boyutunuzu tam olarak aşağıya çekmek isteyeceksiniz. Bu, görüntü sıkıştırma yoluyla yapılır. Popüler fotoğraf düzenleyicileri, eklentileri ve tinypng.com gibi siteler, görüntüleri kayıpsız sıkıştırma (bu, görüntü dosyasını herhangi bir görüntü kalitesini kaybetmeden küçültür) ve akıllı kayıplı sıkıştırma (bu, görüntü dosyasının boyutunu meta verileri ve görüntü kalitesini düşürerek azaltır) kullanarak sıkıştırır. kullanıcı tarafından gerçekten fark edilmeyen bir yol).

Optimize Your Images For Internet

İnternet için görüntü optimizasyonu, “Web için Kaydet” seçeneği içeren Photoshop gibi fotoğraf editörleri aracılığıyla yapılabilir. Buna ek olarak, resmi sitenize yüklemeden önce sıkıştırmak için TinyPNG.com veya Compressor.io gibi ücretsiz bir üçüncü taraf sitesi de kullanabilirsiniz.

Açıkçası, WordPress eklentileri aracılığıyla resimlerinizi optimize etmenin bir yolunu sunar. Bazı eklentiler (Imagify gibi) sitenizde halihazırda kullanılmakta olan resimleri sıkıştırır ve siz bunları WordPress Medya kitaplığınıza yüklerken otomatik olarak sıkıştırır.

İşte kullanabileceğiniz bazı harika görsel optimizasyon araçları ve eklentileri:

Web siteleri:

  • Compressor.io
  • Tinypng.com

Eklentiler:

  • Smush Görüntü Sıkıştırma ve Optimizasyonu
  • Hayal edin
  • WP roketi

Divi’s Built-in SRCSET support

Yerel SRCSET ile Duyarlı Görüntüler desteği de Divi'de yerleşiktir. Bu özellikle, görüntünüzün cihaz boyutuna göre (telefon, tablet veya masaüstü) kullanılmasını sağlayacaksınız.

Videolarınızı Nasıl Optimize Edersiniz?

Video optimizasyonu, görüntü optimizasyonundan biraz daha zordur, ancak kesinlikle daha az önemli değildir. Video büyük olabilir ve bu nedenle sayfa hızını önemli ölçüde etkiler. Sunucunuzda çok sayıda video barındırıyorsanız, bant genişliği kullanımındaki artışla birlikte başka bir Disk Alanı sorununuz olduğunu yakında keşfedebilirsiniz. Bu nedenle, videolarınızı sizin yerinize barındırmak için genellikle üçüncü taraf hizmetleri (Youtube veya Vimeo gibi) kullanmanız önerilir. Veya video ortam içeriğinizi Amazon S3 gibi bir depolama platformunda boşaltmayı düşünebilirsiniz. Bu, sunucunuzu yavaşlatmak zorunda kalmadan Divi’nin video modülünden bu videolara bağlanmanıza olanak tanır.

Kullanımı kolay El freni gibi ücretsiz bir araç kullanarak video dosyalarını kolayca azaltabilirsiniz.

Divi'de Hız Testleri Nasıl Gerçekleştirilir

Web sitenizin hızı hakkında bir test yapmış olabilirsiniz, bu da sizi bu makaleye götürmüş olabilir. Bu aslında optimizasyonunuzun başlangıcında, mevcut puanın ne olduğunu bilmek ve optimizasyonun sonunda, yeni puanla farklılıkları karşılaştırmak için önemli bir adımdır. Hız testi yapmak, yapabileceğiniz en kolay şeylerden biridir. Bunu sizin için ücretsiz olarak yapacak tonlarca web sitesi var. Ve sağladıkları metrikler, sitenizi daha iyi performans için daha fazla optimize etmenin yollarını belirlemede paha biçilmez olacaktır.

İşte başlamak için birkaç harika yer:

  • GTMetrix
  • Pingdom
  • Google Page Insights

Sonuçlar, web sayfanızın çeşitli alanlarda nasıl performans gösterdiğine dair yararlı bir döküm sağlar. Ardından, sitenizi optimize ederken onların önerilerini bir kontrol listesi olarak kullanabilirsiniz.

Hız optimizasyonlarını sitenize uygularken, aşağıdaki alanlarda iyileştirmeler görmelisiniz:

  • Tam yükleme süresi / Yükleme süresi
  • Toplam Sayfa Boyutu (bununla birlikte küçültme, görüntü optimizasyonu gibi şeyler)
  • Talepler
  • PageSpeed ​​/ YSlow puanları
  • Ölçekli resimler sunun
  • Görüntüleri optimize edin
  • Tarayıcı önbelleğinden yararlanın
  • CSS / HTML'yi küçültün
  • Gzip sıkıştırmasını etkinleştir
  • Daha az HTTP isteği yapın
  • Sona Erme Başlıkları Ekle

You Aim Decent Speed Not Impossible Speed

Web sitenizi test ederek ve mükemmelliğe optimize ederek takılıp kalmanız kolay olabilir. Ancak hiçbir web sitesi mükemmel olamaz. Hatta belirli hız testi performans derecelerini iyileştirmenin aslında sayfa yükleme sürenizi yavaşlattığını bile fark edebilirsiniz. Bunun nedeni, bu hız testlerinin bile mükemmel olmamasıdır.

Divi ve Diğer Optimize Edici Eklentiler Arasındaki Olası Çatışmalardan Nasıl Kaçınılır?

Küçültme ve önbelleğe alma için üçüncü taraf bir eklenti dağıttığınızda, belirli çatışmalarla karşılaşabilirsiniz. Örneğin, bir Divi modülünün düzgün görüntülenmediğini veya belirli JavaScript dosyalarının düzgün şekilde oluşturulmadığını fark edebilirsiniz.

Bu tür çakışmalardan kaçınmak için Divi’nin yerleşik optimizasyon özelliğini devre dışı bırakabilir ve üçüncü taraf eklentisinin sizin için işlemesine izin verebilirsiniz. Devre dışı bırakmak isteyeceğiniz üç seçenek şunlardır:

  • Statik CSS Dosyası Oluşturma
  • Javascript Dosyalarını Küçültün ve Birleştirin
  • CSS Dosyalarını Küçültün ve Birleştirin

Tema Seçenekleri> Genel sekmesine giderek Javascript ve CSS dosyalarını küçültme ve birleştirme seçeneklerini devre dışı bırakabilirsiniz.

Tema Seçenekleri> Oluşturucu> Gelişmiş altında statik CSS dosyası oluşturma seçeneğini devre dışı bırakabilirsiniz.

Diğer İpuçları ve Püf Noktaları

Daha hızlı Divi / WordPress web sitelerine katkıda bulunan tüm ana faktörleri hemen hemen ele aldık. Yine de yapabileceğiniz bazı önemli şeyler var.

  • En son PHP sürümü ile Güncel Hosting
  • Bu botların sunucunuzu aşırı yüklemesini önlemek için WordPress Giriş URL'nizi değiştirmek
  • Harici Hizmetlere gereksiz çağrılardan kaçınmak. Bazı eklentiler ve yerleştirmeler, sunucularında barındırılan dosyaları kullanmanızı gerektirir. Bu ek çağrılar, sayfanın yüklenmesini yavaşlatacaktır.
  • Daha iyi sayfa yükleme hızı için resimler ve videolar için geç yüklemeyi dahil edin.

Son düşünceler

İki'te yapılan son optimizasyon ile eskisinden daha hızlı. Yerleşik performans yükseltmeleriyle, standart Divi kurulumlarınız ön uçta daha hızlı sayfa yüklemelerine, arka uçta daha hızlı bir WordPress yöneticisine ve sitenizi düzenlemek ve tasarlamak için daha hızlı bir Divi Builder'a sahiptir. Bu harika bir başlangıç, ancak Divi sitenizin olabildiğince hızlı çalıştığından emin olmak için daha yapılacak çok şey var.

Bu kılavuzda yer alan hız ve performans optimizasyonları kesinlikle site hızınızı artıracaktır. Çoğunlukla, bu optimizasyonlar yalnızca Divi için değil, herhangi bir WordPress sitesi / teması için geçerli olacaktır. Ve yapabileceğiniz birçok basit şeyin ücretsiz olması şaşırtıcı!