Divi Web Sitenizi Hızlandırmak İçin En İyi Kılavuz

Divi sadece herhangi bir sayfa oluşturucu değildir. Divi, karmaşık üçüncü taraf tasarım yazılımlarına (photoshop veya Sketch gibi) çok fazla bağımlı kalmadan web sitenizin her bölümünü görsel olarak tasarlamanıza olanak tanıyan eksiksiz bir web tasarım sistemi ile tasarım sürecini tamamen yeni bir seviyeye taşıyor. Bu, Divi Teması'nın (ve Divi Builder Eklentisinin), temel WordPress TwentyNineteen Theme'den daha fazla kaynak gerektireceği anlamına gelir. Ancak bu, Divi'nin yavaş olması gerektiği anlamına gelmez.

Aslında Divi, Divi sitelerinin (ve Divi Builder'ın) her zamankinden daha hızlı çalışmasını sağlayan önceki güncellemelere eklenen birçok performans geliştirmesine sahiptir. Ayrıca Divi, üçüncü taraf optimizasyonu göz önünde bulundurularak oluşturulmuştur. WordPress için kullanılan performans optimizasyonu eklentilerinin çoğu, Divi web sitenizin hız performansını artırmak için de kullanılabilir.

Bu yazıda Divi'yi hızlandırmak için neler yapıldığını ve daha da hızlı hale getirmek için neler yapabileceğimizi keşfedeceğiz. İşte ele alacağımız bazı önemli konular:

• Bir Web Sitesi Nasıl Görüntülenir?
• Dahili Divi Hız Performansı
• Veritabanı Optimizasyonu
• DNS Optimizasyonu
• İyi Barındırma
• TTFB Optimizasyonu
• Önbelleğe almak
• Küçültme ve Toplama
• Gzip Sıkıştırma
• CDN
• Görüntü Optimizasyonu
• Video Optimizasyonu
• Kaliteli Eklentiler Kullanın
• Hız Testlerinin Yapılması
• Diğer İpuçları
• Üçüncü taraf eklentilerle olası çakışmalardan nasıl kaçınılır
• Önerilen uygulamaların ve kaynakların hızlı listesi

Hızlı Divi Web Sitesinin Faydaları

Sizi daha hızlı bir web sitesine ihtiyacınız olduğuna ikna etmenin hiçbir faydası yok. Ancak burada görmezden gelemeyeceğiniz birkaç bariz fayda var.

• Azaltılmış Hemen Çıkma Oranı – Ziyaretçiler sitenizden o kadar fazla ayrılmaz.
• Artan Dönüşümler – Sitenizi daha hızlı yükseltmek daha iyi dönüşümlere yol açabilir.
• SEO – Google, hız için optimize edilmiş siteleri sever.
• Güvenilirlik – yavaş web siteleri ziyaretçileriniz üzerinde kötü bir ilk izlenim yaratır.

Ne kadar hız, yeterli hızdır?

Genel olarak iyi bir hedef, web sayfalarınızın 3 saniye veya daha kısa sürede yüklenmesini sağlamaktır. Görünüşe göre çoğu müşteri bu günlerde 2 saniye veya daha az olmasını bekliyor. Ancak açıkçası, her web sitesi ve web sayfası farklıdır.

Divi Web Sitesi Nasıl Görüntülenir?

Divi sitenizi nasıl hızlandıracağınızı anlamak için, bir web sitesini görüntülerken nelerin dahil olduğunu anlamak yardımcı olabilir. Tabii ki, bu Divi'ye özgü değil. Bu, çoğu WordPress web sitesi için geçerlidir.

İşte olanlar..

1. Ziyaret etmek istediğiniz web sayfasına bir URL girersiniz (veya bir bağlantıya tıklarsınız).
2. Tarayıcınız, DNS'niz (Alan Adı Sunucusu) aracılığıyla bu URL'nin IP adresini bulur ve bir web sunucusunda (sitenizi barındırdığınız yer) bu IP adresi için istekte bulunur.
3. Web sunucusu (genellikle Apache) isteği alır ve ardından depoladığı web sayfasını (Divi'de tasarladığınız ve WordPress'te yayınladığınız sayfa) getirir.
   • Ancak sayfa, WordPress ve Divi Theme tarafından kullanılan harici CSS ve JavaScript'e dayandığından, bunların da sunucudan indirilmesi gerekir.
   • Sayfa ayrıca MySQL veritabanından verileri (görüntüler gibi) almak için kullanılan PHP'yi de içerir.
4. Gerekli tüm kaynaklar sunucudan ve veritabanından alındıktan sonra, sayfa sonunda müşterinin tarayıcısına sunulur.

Bu, yalnızca bir web sayfasını görüntülemek için birçok adım gibi gelebilir, ancak bir WordPress sitesi için bu, kullandığınız temadan bağımsız olarak oldukça standarttır. Ve bunun hakkında düşünürseniz, tüm süreç oldukça mucizevi. Ama ne yazık ki, biz kullanıcıların hafife aldığı bir şey. Bugün, tüm bunların 3 saniyeden daha kısa sürede gerçekleşmesini bekleyecek şekilde büyüdük.

Peki sürece yardımcı olmak için ne yapabiliriz? Öncelikle, bir web sitesini hızlandırmak söz konusu olduğunda, kontrolümüz dışında olan şeyler olduğunu kabul etmeliyiz. Örneğin, bir ziyaretçinin kullandığı tarayıcı türü veya internet bağlantısının hızı üzerinde hiçbir kontrolünüz yoktur. Ancak bunlar bir yana, Divi web sitemizi daha hızlı hale getirmek için yapabileceğimiz ve yapmamız gereken şeyler var.

İlk olarak, Divi'nin halihazırda sahip olduğu bazı yerleşik hız optimizasyonlarına bir göz atalım.

Dahili Divi Hız Performansı

Statik CSS Dosyası Oluşturma

Divi'nin ilk hız performansı geliştirmeleri Static CSS File Generation ile geldi.

Bu yükseltmeden önce, Divi Builder tarafından oluşturulan tüm CSS'ler bir sayfanın altbilgisinde satır içi olarak sunuluyordu. Ancak bu geliştirmeyle Divi, Divi Builder tarafından oluşturulan (ve Tema Özelleştirici ve Tema Seçeneklerine eklenen) tüm CSS'leri alacak ve bunları sizin için otomatik olarak küçültülmüş statik bir CSS dosyası olarak sunacaktır. Bu, bir sayfanın belge boyutunu küçültür ve daha hızlı sayfa yükleme için tarayıcının statik CSS dosyasının önbelleğe alınmış bir sürümünü sunmasına olanak tanır.

Bu seçeneği tema seçeneklerinde veya sayfa ayarlarında etkinleştirmeyi veya devre dışı bırakmayı seçebilirsiniz.

CSS ve JavaScript Dosyalarının Küçültülmesi ve Birleştirilmesi ve Optimize Edilmiş Google Yazı Tipi Teslimatı

Divi hız performansı geliştirmelerinin ikinci dalgası, CSS, JavaScript ve Google Yazı Tiplerinin dağıtımını optimize ederek sayfa yükleme hızını daha da artırdı.

Yükseltme aşağıdakileri içeriyordu:

• CSS ve JavaScript Dosya Küçültme – Divi, tüm tema CSS ve JavaScript dosyalarını otomatik olarak küçülterek sayfanın boyutunu küçültür ve yükleme sürelerini iyileştirir.
• CSS ve JavaScript Dosya Kombinasyonu – Divi artık tüm CSS ve JavaScript varlıklarını tek bir dosyada otomatik olarak toplayacak (veya birleştirecek). Bu, sayfadaki toplam istekleri azaltır ve ziyaretçileriniz için yükleme sürelerini hızlandırır.
• Google Yazı Tipi İsteği Optimizasyonu – Divi, yazı tipi isteklerini birleştirerek ve yinelenen yazı tipi dosyalarını kaldırarak Google yazı tipi dağıtımını optimize eder. Çeşitli özel yazı tiplerini kullanan sayfalar için bu güncelleme, yükleme sürelerini hızlandırmaya yardımcı olacaktır.

Bu seçenekleri tema seçeneklerinde de etkinleştirebilir veya devre dışı bırakabilirsiniz.

Daha Hızlı Bir Divi Teması ve Görsel Oluşturucu

Çoğu, Divi sitelerinin ön uçtaki ziyaretçiler için ne kadar hızlı yüklenebileceğiyle ilgilense de, aynı zamanda daha hızlı bir arka uç olmasına da yardımcı olur. Geliştiriciler (ve müşteriler) Divi web sitelerini de hızla düzenleyebilmek ve tasarlayabilmek istiyor.

Bu nedenle Divi hız ve performans geliştirmelerinin üçüncü dalgası, hem Divi Teması hem de Divi Builder'da yapılan yükseltmeleri içeriyordu. Yaratıcı önbelleğe alma mekanizmaları ve diğer performans optimizasyonları kullanılarak standart Divi yüklemelerinde sayfa yükleme hızları iyileştirildi. Ayrıca, WordPress Admin ve Divi Builder çok daha hızlı çalışır ve düzenleme ve tasarım sürecini çok daha hızlı hale getirir.

Önbelleğe alma, perde arkasındadır ve sayfaların ziyaretçilerinize nasıl sunulduğuyla değil , Divi HTML/CSS'nin nasıl oluşturulduğuyla daha çok ilgilidir. Bu, Divi tema dosyaları için geçerlidir. Divi, üçüncü taraf dosyalarını önbelleğe almaya, küçültmeye veya birleştirmeye çalışmaz. Bu nedenle, siteniz tarafından kullanılan ek CSS veya JavaScript'i (Divi Alt Temanızda veya diğer üçüncü taraf eklentilerinde bulunanlar gibi) küçültecek ve birleştirecek ve önbelleğe alınmış olarak teslim edecek üçüncü taraf önbelleğe alma ve performans eklentilerini kullanarak daha fazla iyileştirme için hala yer var. ziyaretçilere statik HTML sayfaları.

Divi Sistem Durumu

Teknik olarak bir hız iyileştirmesi olmasa da, Divi'nin yerleşik bir sistem durum raporu içeren güncellemesi, web sitenizin ortamında daha yavaş sayfa yükleme sürelerine neden olabilecek sorunları belirlemenize kesinlikle yardımcı olacaktır.

Örneğin, sistem durumunuz sitenizi yavaşlatıyor olabilecek daha eski bir PHP sürümü kullandığınızı gösterebilir. PHP'nin en son kararlı sürümünü kullanmanızı öneririz. Bu, yalnızca WordPress ve Divi ile uyumluluğu sağlamakla kalmayacak, aynı zamanda web sitenizi hızlandırarak daha az bellek ve CPU ile ilgili sorunlara yol açacaktır. Daha fazla bilgi için PHP sürümünüzü nasıl güncelleyeceğinizle ilgili yazımıza göz atın.

Divi Sitenizi Daha Hızlı Hale Getirin

Divi sitenizi daha hızlı hale getirmek, çoğu WordPress web sitesi için gereken performans geliştirmelerinin çoğunu gerektirir. WordPress kullananlarınız bu optimizasyonların bir kısmını veya tamamını zaten yapmış olabilir. Umarım bu öneriler Divi web sitenizin hızını bir sonraki seviyeye taşımanıza yardımcı olur.

Veritabanı Optimizasyonu ve Temizleme

Statik HTML sitelerinden farklı olarak WordPress, bu verileri bir web sayfasında görüntülemek için MySQL veritabanında depolanan verileri almak için PHP kullanan dinamik bir CMS'dir. Bu, sitenizi yönetmeyi kolaylaştırır, ancak dezavantajı, sayfayı yüklemeden önce veri tabanındaki verileri bulmak zorunda olduğu için sayfaların yüklenmesinin daha uzun sürmesidir. Genel olarak, statik HTML web siteleri bu nedenle WordPress web sitelerinden daha hızlı olacaktır.

Bir Divi sitesini olabildiğince hızlı tutmanın bir yolu, temiz bir veritabanınız olduğundan 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 daha fazla veri oluşturursunuz. Beklediğiniz gibi, veritabanınız ne kadar karmaşıksa, verileri bulmak o kadar zor olacaktır. Bu daha yavaş bir web sitesine yol açar.

Bu nedenle, yıllar boyunca diğer temaları ve sayısız eklentiyi denedikten sonra Divi temasını web sitenize eklediyseniz, artık ihtiyacınız olmayan bazı verileriniz depolanmış olabilir. Bir eklentiyi kaldırsanız bile, bu, veritabanındaki tüm verilerin kaybolduğu anlamına gelmez. Eklentiler, eklentiyi yeniden yüklemeniz durumunda bazı verileri orada bırakmak ister. Güzel değil, biliyorum. Bu arta kalan veriler gereksiz dağınıklığa neden olabilir ve sitenizi yavaşlatabilir.

Tıpkı her insanın daha verimli çalışması için organizasyona ihtiyacı olduğu gibi, her WordPress sitesi (Divi veya değil) sayfaları daha hızlı yüklemek için temiz bir veritabanına ihtiyaç duyar. Bu nedenle, bir süredir web siteniz varsa, onu temizlemek işleri önemli ölçüde hızlandırabilir.

Bunun için bir eklenti kullanmanızı öneririm. WP Optimize güvenilir bir seçenek gibi görünüyor. Ancak dikkate alınması gereken başka WordPress veritabanı eklentileri de var.

Veya ne yaptığınızı biliyorsanız, MySQL'de her zaman manuel olarak yapabilirsiniz.

WordPress Veritabanınızı temizlemeye ek olarak, sakladığı verileri azaltarak WordPress'i daha da hafif hale getirmek isteyebilirsiniz. Örneğin, WordPress silinen öğeleri 30 gün boyunca çöp kutusunda otomatik olarak tutacaktır. Bu süreyi 7'ye düşürmek isteyebilirsiniz.

DNS Optimizasyonu

Bir kullanıcı web sayfalarınızdan birinin URL'sini ziyaret ettiğinde gerçekleşmesi gereken ilk şeye DNS Araması denir. URL girilir girilmez (veya tıklanır), ziyaretçinin ISP'si, alan adınızla ilişkili IP adresini bulmak için ad sunucularına bir DNS sorgusu gönderir (her etki alanı/web sitesinin belirli bir IP adresi vardır). Özünde bir DNS araması, o alan adının IP adresini bulmak için bir telefon rehberinde alan adınızı aramaya benzer.

Ancak bir kullanıcı sitenizdeki bir sayfayı ziyaret ettiğinde, sayfanın açılması için sayfanın birden fazla alan adına sahip olması gerekebilir. Böylece, tek bir sayfa yüklemesinde (belki daha fazla) 3 veya 4 alan araması yapıyor olabilirsiniz.

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

DNS arama hızınızı artıracak en iyi ücretsiz seçenek muhtemelen Cloudflare'dir. DNSPerf.com'da kaydedilen en hızlı DNS performansına sahiptirler. Bu, GoDaddy ve Namecheap'ten önemli ölçüde daha hızlı olacaktır. Hatta isterseniz cloudflare'ı diğer hizmetleri (CDN veya WAF gibi) olmadan DNS için kullanılacak şekilde optimize edebilirsiniz.

Örneğin, DNS ve Güvenlik için Cloudflare (DDOS algılama) ve CDN'niz için KeyCDN (veya MaxCDN) kullanmak isteyebilirsiniz. Bu harika bir kombinasyon olacak gibi görünüyor.

CloudFlare'i kurma

Cloudflare'ı kurmak gerçekten çok kolay. Önceden barındırma veya başka bir şey değiştirme konusunda endişelenmenize gerek yok. Tek yapmanız gereken, etki alanınıza girmekle başlayan 5 dakikalık kurulumlarını gözden geçirmek.

Mevcut DNS kayıtlarınızı otomatik olarak alacaklardır.

Kurulumu tamamlamak için yapmanız gereken ana şey, mevcut DNS sağlayıcınızdaki (GoDaddy gibi) varsayılan ad sunucularını Cloudflare'ın ad sunucularına değiştirmek.

Ardından, DNS'nizi Kontrol Panellerinden kolayca yönetebilirsiniz.

Ve tıpkı bunun gibi, DNS arama hızında bir artışa, daha fazla güvenliğe ve web siteniz için bir CDN'ye (artı daha fazlasına) sahip olursunuz.

İyi Barındırma

Web sitenizin hızı (ve performansı) konusunda ciddiyseniz, iyi bir barındırma sağlayıcısı seçmekle başlar. Aslında, web sitenizi hız için optimize etmek için her şeyi doğru yapabilirsiniz ve barındırıcınız nedeniyle hala yavaş bir siteye sahip olabilirsiniz. Ve gerçekten iyi barındırma sağlayıcıları sizin için bu hız optimizasyonlarının çoğunu yapacak, bu yüzden endişelenmenize gerek yok.

Barındırma Türleri

Geleneksel (Paylaşılan) Barındırma

Bu, WordPress/Divi kullanıcıları için açık ara en popüler barındırma türüdür. Ancak ne yazık ki, hız optimizasyonu için en kötü seçenektir. Geleneksel paylaşımlı 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 maliyeti düşüktür. Ancak dezavantajı, diğer sitelerin paylaşılan sunucunuzda ne kadar trafik aldığını kontrol edememenizdir. Böylece, son derece yavaş yükleme sürelerine ve hatta sitenizin tamamen kapalı olduğu zamanlara kolayca kapılabilirsiniz. Bu nedenle, paylaşılan barındırmanızın ne kadar trafiği kaldırabileceği konusunda iyi bir fikriniz olsa iyi olur.

Özel Barındırma

Adanmış barındırma ile, sadece sizin için kendi özel sunucunuz olur. Herhangi bir kaynağı başkalarıyla paylaşmaya gerek yok. 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 prim maliyetiyle en üst düzey bir seçenek olarak sunulur.

VPS Barındırma

Sanal Özel Sunucu (VPS) barındırma, temelde paylaşılan ve özel barındırma arasında bir orta yoldur. Sunucu alanınız "özel"dir, yani diğerlerinden tamamen ayrılmıştır (bir tür site dosyalarınız için kapılı bir topluluk gibi). Böylece site dosyalarınız sunucudaki diğer kişilere gösterilmez. Paylaşılan barındırmadan farklı olarak, bir VPS, sitenizin her zaman hızlı yükleme sürelerini tutarlı bir şekilde sunmak için ihtiyaç duyduğu şeyi almasını sağlamak için emrinizde özel miktarda sistem kaynağına (veya güce) sahiptir. Böylece, site hızınızı etkileyen diğer web sitelerinin trafik artışları hakkında endişelenmenize gerek kalmayacak.

Ancak, yönetilen bir VPS'niz yoksa, bu tür barındırma, çoğunlukla işleri kendi başlarına halledebilecek kadar teknoloji konusunda bilgili olan DIY türleri içindir. Daha fazla bilgi için VPS barındırma ve Paylaşımlı Barındırma arasında bir performans karşılaştırması burada.

Bulut Barındırma

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ı bu sunucu ağından gerektiği gibi çekmenize olanak tanır. Özünde, tüm ağın gücü ve kaynakları tarafından desteklenen sanal bir sunucu alanı bölümünüz var. Böylece, paylaşılan barındırmada olduğu gibi trafik artışları hakkında endişelenmenize gerek yok. Bulut barındırma son derece esnektir ve ihtiyaçlarınıza göre ölçeklenebilir.

Bulut Barındırma ve VPS Barındırma arasındaki temel farklardan biri, VPS barındırmanın, tüketilebilecek veya tükenmeyecek özel (veya sınırlı) miktarda kaynağa sahip olmasıdır. Bulut Barındırma ise, buluttaki diğer sunuculardan her zaman çekebildiği için kaynaklarınızı tükenmeden kullanılabilir tutma yeteneğine sahiptir. Teoride, 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).

Yönetilen WordPress Barındırma

Yönetilen WordPress Barındırma genellikle WordPress uzmanları tarafından yönetilen paylaşılan barındırma anlamına gelir. Bir VPS kadar "özel" veya özel bir barındırma ortamı kadar güçlü değildir. Ancak, işi WordPress uzmanlarına yaptırarak 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 birçok harika ve kullanışlı yerleşik özellik ile birlikte gelir. Temel hız optimizasyonu, güvenlik ve yönetim için bir sürü eklentiye güvenmek (veya yönetmek) istemeyen bizler için mükemmeller.

Dikkate Alınması Gereken Hosting Firmaları

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

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

• SiteGround – paylaşılan barındırma, yönetilen WP Barındırma, özel ve bulut barındırma sunar (SiteGround / incelememizi ziyaret edin)
• Cloudways – SSD Tabanlı yönetilen bulut barındırma konusunda uzmanlaşmıştır ve ayrıca WP Hosting'i yönetmiştir (Cloudways / incelememizi ziyaret edin)
• Kinsta – yönetilen WP barındırma konusunda uzmanlaşmıştır (Kinsta / incelememizi ziyaret edin)
• WPEngine – yönetilen WP barındırma konusunda uzmanlaşmıştır (WPEngine / incelememizi ziyaret edin)
• Volan – yönetilen WP barındırma konusunda uzmanlaşmıştır (Volan / incelememizi ziyaret edin)

O liste buzdağının görünen kısmı. Eminim Divi/WordPress sitenizde işinize yarayacak başkaları da vardır. Güvenilir bir barındırma inceleme sitesi arıyorsanız, İnceleme Sinyali'ne bakın.

Seçiminizi yapmanıza yardımcı olması için bu kılavuza da başvurabilirsiniz.

İlk Bayt Süresi (TTFB) Optimizasyonu

İlk Bayt Süresi (TTFB), kullanıcının ana makinenizden/sunucunuzdan web sitesi verilerinin ilk baytını alması için geçen süredir. Bu nedenle, bir kullanıcı bir HTTP isteği yaptığında (web sayfanızı yüklediğinde), TTFB esasen herhangi bir veri alınmadan önceki bekleme süresi olacaktır.

Fast food yemek gibi düşünün. Restoran, yemeğinizi hızlı bir şekilde teslim edecek şekilde optimize edilebilir. Aslında sizi bekleyen bir hamburgerleri olabilir. Ama yine de sipariş vermek için sırada beklemeniz gerekiyor. Bu bekleme süresi, ilk ısırma zamanı olarak düşünebilirsiniz (bakın orada ne yaptım).

TTFB yaklaşık 200 ms olmalıdır (Google'a göre). Ancak, kötü barındırmaya sahip ve optimize edilmemiş siteler için TTFB kolayca 2 saniye veya daha fazla olabilir.

Divi sitenizdeki TTFB gecikmesine genellikle aşağıdakiler neden olur:

• Alınması gereken dinamik içerik miktarı. Bu, önbelleğe alma, veritabanı optimizasyonu ve bir CDN ile azaltılabilir.
• Sunucunuzun o sırada yaşadığı trafik miktarı . Geleneksel (veya paylaşılan) barındırma sağlayıcıları, kaynakları aynı sunucuda başkalarıyla paylaştığınız için bu TTFB'yi indirmeyi zorlaştırır. Trafiklerindeki ani artışlar, sunucunuzun işlem hızını azaltacaktır.
• 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) sitenizin TTFB'sine yardımcı olabilir.

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

Önbelleğe almak

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ğe Alma – 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 manuel olarak yapmak en iyisi olabilir. Bu, hız testleri gerçekleştirirken bu "Tarayıcı Önbelleğe Alma" metriğinin üstesinden gelmeye yardımcı olacaktır.
• CDN Önbelleğe Alma – Kullanıcılarınıza en yakın bir CDN'den önbelleğe alınmış web sitesi sayfalarını/dosyalarını sunar.
• Nesne Önbelleğe Alma – Nesne önbelleğe alma, PHP'nin veri tabanı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, sahne arkasında Divi'nin statik JS ve CSS dosyalarını sunmak için önbelleğe alma gerçekleştirir. Ancak bu, daha iyi Divi Builder işlevselliği için öncelikle Divi tema dosyaları içindir.

WordPress siteniz için bir bütün olarak önbelleğe almayı kullanmaya hala ihtiyaç var. Çoğu site, kendi CSS dosyalarıyla birlikte gelen ve birleştirilmesi, küçültülmesi ve önbelleğe alınması gerekebilecek birden çok eklentiye sahiptir. Böylece, tüm sayfalarınızın önbelleğe alınmış statik html sürümlerini sunmak için kesinlikle bir üçüncü taraf eklentisinden yararlanabilirsiniz.

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

• WP Roketi
• Önbellek Etkinleştirici (incelememizi okuyun)
• W3 Toplam Önbellek (incelememizi okuyun)
• W3 Süper Önbellek (incelememizi okuyun)
• Comet Cache (incelememizi okuyun)
• WP En Hızlı Önbellek

İpucu: Bir eklenti kullanarak sitenizde sayfa önbelleğe almayı etkinleştirdiğinizde, size ve ziyaretçilerinize web sitenizin en son sürümünün sunulduğundan emin olmak için web sitenizde her değişiklik yaptığınızda önbelleği silmek (veya temizlemek) isteyeceksiniz. alan.

Küçültme ve Toplama

Küçültme, site dosyalarınızı küçültür. Site dosyalarınızı (CSS, JavaScript, HTML) küçültmek, dosya boyutunu küçültmek için tüm bu gereksiz karakterleri (boşluklar ve sayfa sonları gibi) kaldırır. Bu, tarayıcının bir sayfanın içeriğini yüklemesi için geçen süreyi azaltır.

Toplama, sayfadaki toplam istekleri azaltmak ve ziyaretçilerinizin yükleme sürelerini hızlandırmak için site dosyalarını birleştirmeyi içerir.

Daha önce belirtildiği gibi Divi, varsayılan olarak Divi Teması tarafından kullanılan Javascript ve CSS dosyalarını küçültür ve birleştirir. Bu nedenle teknik olarak Divi'nin Javascript ve CSS dosyalarını daha da küçültmek ve birleştirmek için üçüncü taraf 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, Divi Teması dışındaki dosyalara (eklentiler veya Alt Temaya eklenen diğer dosyalar gibi) bağlı olacaktır ve bu dosyalar CSS ve JS dosyalarının küçültülmesinden ve birleştirilmesinden faydalanacaktır. Bu, bir eklenti tarafından kolayca halledilebilir.

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

• Otomatik optimize et
• W3 Toplam Önbellek (incelememizi okuyun)
• W3 Süper Önbellek (incelememizi okuyun)
• WP Roketi (ücretli)

Bu eklentiler Divi ile çalışmalıdır. Ancak bir web sitesinin herkes için en iyi sonucu vereceğini söylemek için tüm nüansları ölçmenin bir yolu yoktur. Bazen üçüncü taraf eklentiler JavaScript dosyalarını hatalara/sorunlara neden olabilecek şekilde otomatik olarak küçültür, bu nedenle lütfen web sitenizi iyice test ettiğinizden emin olun. Genel olarak, CSS dosyalarını küçültmek her zaman güvenlidir. Ancak bu JavaScript dosyalarına dikkat edin.

Ve bir çakışma varsa, Divi'nin yerleşik seçeneklerini devre dışı bırakmanız ve üçüncü taraf eklentinin işleri halletmesine izin vermeniz gerekebilir.

Ve bunun için bir eklentiye güvenmek istemiyorsanız, bunu her zaman manuel olarak yapabilirsiniz. Bunun nasıl yapılacağı hakkında daha fazla bilgi için web sitenizin CSS, HTML ve JavaScript'ini nasıl küçülteceğinizle ilgili bu tam gönderiye göz atın.

Gzip Sıkıştırma

Gzip Sıkıştırma, sayfa boyutunu %70'e kadar küçültebildiğinden küçültme işleminden daha önemlidir.

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ığına dair temel bilgilere zaten sahipsiniz. Dosyanın (veya klasörün) içeriğini küçültmek için zip dosyaları (veya klasörler) oluştururuz. Niye ya? Böylece dosyayı çok daha hızlı yükleyip indirebiliriz! Gzip sıkıştırması, web siteniz için aynı şeyi yapar. Sunucuya, istemciye 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üğünden, Gzip sıkıştırması bu dosyaları daha da küçültecektir. Gzip sıkıştırması, dosyalarınızı küçültmenin yapabileceğinden çok daha küçük hale getirecektir.

WordPress performans eklentilerinin çoğu (W3 Total Cache ve WP Super Cache gibi) bir seçenek olarak Gzip sıkıştırmasını içerecektir.

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

• WP Roketi
• W3 Toplam Önbellek (incelememizi okuyun)
• WP En Hızlı Önbellek

Ve bazı barındırma sağlayıcıları, site performansı için çok akıllıca olmadığı için gzip sıkıştırmasını otomatik olarak etkinleştirir. Sitenizde Gzip sıkıştırmasının etkin olup olmadığını kontrol etmekten çekinmeyin.

Gzip sıkıştırmasını etkinleştirmenin (Apache sunucularında) daha yaygın yolu, bunu mod_deflate kullanarak manuel olarak yapmaktır. Ve tek yapmanız gereken FTP aracılığıyla web sitenize (kök) erişmek (gizli dosyaları gösterdiğinizden emin olun). Ardından aşağıdaki kod bloğunu kopyalayıp .htaccess dosyanızın altına yapıştırın.

İşte kod:

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

CDN

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, bir CDN, içerik iletmek için bir ağdır. Ağ, web sitenizin içeriğinin önbelleğe alınmış statik dosyalarını (görüntüler, videolar, komut dosyaları, vb.) depolayan dünya çapındaki sunuculardan oluşur. Daha sonra bir kişi o içerik için (web sitenizi ziyaret ederek) bir istek gönderdiğinde, kişiye en yakın sunucu (veya PoP) içeriği teslim edecektir. Bir CDN olmadan, web sitesi dosyalarınıza tek bir sunucu konumundan erişilebilir (host'unuzun bu dosyaları depoladığı her yerde), bu nedenle o sunucudan ne kadar uzakta olursanız, o web sitesi içeriğini tarayıcınıza iletmek o kadar yavaş olur.

Bir düşünün, pizzanın evinize teslim edilmesini istediğinizde, 50 km ötedeki pizzacıyı seçmiyorsunuz. 5 mil ötedekini seçiyorsun çünkü bir an önce teslim edilmesini istiyorsun (eğer pizzayı benim kadar seven normal bir insansan). Bir CDN benzer şekilde çalışır. Web sitesinin tarayıcınızda en kısa sürede 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 getirir. Bu nedenle, site dosyalarınız San Francisco'daki bir sunucuda depolanıyorsa ve Londra'daki biri sitenizi açarsa, bu verilerin binlerce kilometre uzaktaki bir sunucudan alınması 1 veya 2 saniye sürebilir. Ancak bir CDN ile aynı verileri Londra'daki bir sunucudan yarı sürede teslim edebilirsiniz. Bu büyük bir fark!

Bu nedenle, sonuçları evde tam olarak göremeseniz bile, web sitenizin dünyanın her yerine dağıtımını hızlandırıyorsunuz.

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 özellikleriyle birlikte CDN yetenekleri sunan Cloudflare ve MaxCDN (şimdi StackPath) gibi ağ platformları da var.

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

• KeyCDN (KeyCDN'yi entegre etmek için CDN Etkinleştirici WordPress eklentisiyle bile kullanabilirsiniz; Bu kurulum, Önbellek Etkinleştirici ile de iyi çalışır)
• MaxCDN (şimdi StackPath)
• Amazon Bulut Cephesi
• Sucuri

WP Total Cache veya CDN Enabler gibi birden fazla CDN sağlayıcısını otomatik olarak entegre etme seçeneği içeren ve oldukça uygun olan bazı önbellek eklentileri vardır.

İşte CDN destekli bazı eklentiler:

• WP En Hızlı Önbellek
• WP Roketi
• Otomatik optimize et
• W3 Toplam Önbellek
• WP Süper Önbellek
• CDN Etkinleştirici

Görüntü Optimizasyonu

Görüntü optimizasyonu, yavaş yükleme sayfa hızlarının en büyük suçlularından biridir. Bu muhtemelen görmezden gelmenin ne kadar kolay olduğundan kaynaklanmaktadır. Sonuçta, bir arka plan görüntüsü bir web sayfasına ne kadar zarar verebilir? Şaşırmış olabilirsin. Web için optimize edilmemiş yalnızca birkaç büyük resim, sayfa yükleme hızında feci sonuçlara yol açabilir. Ve kabul edelim, sitenizde muhtemelen çok fazla resim olacaktır.

Görüntü optimizasyonu için gerekli olan gerekliliği gerçekten yeterince vurgulayan bir şey yok. Her web sitesi bunu yapıyor olmalı. Tek başına görüntü sıkıştırma, sitenizi fark edilir ölçüde daha hızlı hale getirebilir ve daha küçük görüntü boyutları depolama alanından ve bant genişliğinden tasarruf sağlar (kazan-kazan!). Ancak düşünmeniz gereken başka önemli görüntü optimizasyonları da var.

Kısacası, resminizi web için optimize ederken aşağıdakileri yapmak isteyeceksiniz:

Doğru Dosya Türünü Kullanın

Web'deki resimler söz konusu olduğunda, gerçekten aşağıdaki resim dosyası türlerine bağlı kalmalısınız:

• JPG – Bu, sitenizde kullandığınız çoğu resim/fotoğraf için başvuracağınız dosya türü olmalıdır, çünkü PNG veya GIF'lerden daha küçük dosya boyutunda harika görünen resimler elde edebilirsiniz. Saydam bir arka plana ihtiyacınız olmadığı sürece, arka plan resimleri veya fotoğraflar gibi şeyler için PNG biçimini kullanmaktan kaçının.
• PNG – Saydam bir arka plana ihtiyaç duyan resimler için PNG'leri kullanın. JPG şeffaflığı desteklemez.
• SVG – Bu, HTML kodunu kullanarak son derece keskin ayrıntılar sunan bir vektör biçimidir. SVG'ler logolar, simgeler ve diğer vektör animasyonları için mükemmeldir.

Resimlerinizi Yeniden Boyutlandırın ve Kırpın

Resminizin olması gerekenden daha büyük olmasını asla istemezsiniz. Örneğin, Divi'nin tema seçeneklerine bir logo ekliyorsanız, çoğu durumda yalnızca 100 piksel genişliğinde olması gerekir. Bu nedenle 5000 piksel genişliğinde bir logo yüklemeyin ve Divi'yi bu resmi sizin için yeniden boyutlandırmaya zorlamayın. Sonuç, ön uçta benzer görünebilir, ancak bu büyük boyut, sayfa yükleme sürenizi öldürüyor.

Divi kullanarak sayfanıza resim yüklerken, bu resimlerin Divi'nin sütun yapısı içinde ne kadar büyük olması gerektiğini bilmek yardımcı olur. Bu nihai kılavuz, sizi doğru yöne yönlendirmenize yardımcı olabilir. (Ancak, bu gönderiden bu yana eklenen yeni sütun yapıları var, bu yüzden onu yakında güncellemeye çalışacağız).

Dosya Boyutunu Sıkıştır

Kalitede bir düşüş fark etmeden önce görüntü dosyanızın boyutunu aşağı çekmek isteyeceksiniz. Bu, görüntü sıkıştırma yoluyla yapılır. Çoğu fotoğraf düzenleyicisi, eklentisi ve tinypng.com gibi siteler, kayıpsız sıkıştırma (görüntü dosyasını herhangi bir görüntü kalitesini kaybetmeden küçültür) ve akıllı kayıplı sıkıştırma (metada veriyi ve görüntü kalitesini azaltarak görüntü dosyasının boyutunu azaltır) kullanarak görüntüleri sıkıştırır. kullanıcı tarafından gerçekten fark edilmeyecek şekilde).

Görüntü Optimizasyon Araçlarından Yararlanın

Mümkünse, Divi sitenize yüklemeden önce resimlerinizi internet için optimize etmenizi öneririm. Bu, Photoshop gibi “Web için Kaydet” seçeneği içeren fotoğraf düzenleyiciler aracılığıyla yapılabilir. Ayrıca, resmi sitenize yüklemeden önce sıkıştırmak için TinyPNG.com veya Compressor.io gibi ücretsiz bir üçüncü taraf sitesini kullanabilirsiniz.

Sizin için görüntü sıkıştırma yapacak bazı harika eklentiler var. Bazı eklentiler (Imagify gibi) sitenizde halihazırda kullanılmakta olan görselleri sıkıştıracak ve siz görselleri WordPress Medya kitaplığınıza yükledikçe otomatik olarak sıkıştıracaktır. Bunun için bir eklenti kullanmanın, bu görselleri sıkıştırırken sitenize zarar verebileceğini unutmayın; bu nedenle, mümkünse görsel optimizasyonunu önceden yapmak en iyi uygulamadır.

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

• Web siteleri:
  • kompresör.io
  • Tinypng.com
• Eklentiler:
  • hayal et
  • Smush Görüntü Sıkıştırma ve Optimizasyon
  • WP roketi

Daha fazla bilgi için 6 kaliteli görüntü optimizasyon eklentisi karşılaştırmasına göz atın.

Divi'nin Yerleşik SRCSET desteği

Yerel SRCSET desteğine sahip Duyarlı Görüntüler de Divi'de yerleşiktir. Bu, farklı duyarlı ekranlar (tablet ve telefon gibi) için doğru boyutta olan ölçeklendirilmiş görüntüleri sunarak Divi'de kullanılan görüntülerin optimizasyonunu daha da iyileştirir.

Video Optimizasyonu

Video optimizasyonu, görüntü optimizasyonundan biraz daha zordur, ancak kesinlikle daha az önemli değildir. Video dosyaları büyük olabilir ve bu nedenle sayfa yükleme hızında son derece zorlayıcı olabilir. Sunucunuzda çok sayıda video barındırıyorsanız (örneğin, WordPress medya Galerisi'nde), ek disk alanı sorunuyla karşılaşırsınız. Bu nedenle, videolarınızı sizin için barındırmak için genellikle üçüncü taraf hizmetleri (YouTube veya Vimeo gibi) kullanmanız önerilir. Veya video medya 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.

Videolarınızı kendiniz barındıracaksanız, daha hızlı yükleme için kesinlikle video boyutunu küçültmeniz gerekecektir. El Freni (kullanımı kolay) gibi ücretsiz bir araç kullanarak video dosyalarını kolayca küçültebilirsiniz.

Divi'de videonun nasıl kullanılacağı hakkında daha fazla bilgi için (bir Video Modülüne üçüncü taraflarca barındırılan bir video URL'si eklemek gibi), bu nihai kılavuza göz atın.

Kaliteli Eklentiler Kullanın

Açıkçası, bir web sitesinin yüklemesi gereken daha az dosya, daha hızlı olacaktır. Bu nedenle, kullandığınız eklentilerin miktarı konusunda dikkatli olmanız gerekir. If you have plugins (or Themes) that you aren't using, make sure you delete them. They can be harmful to your website performance and a serious security risk. But quality is the more important factor when it comes to plugins. In fact you can have 20 to 30 quality plugins that won't slow down your site as much as one bad one will. In general, make sure you choose plugins that have stood the test of time and have great reviews. And always test how a plugin affects your website performance with before and after speed tests to be sure.

Conducting Speed Tests

You probably wouldn't be reading this article if you haven't done at least one speed test on your website. And rightly so, it is important to know how fast your pages are loading for visitors. Conducting a speed test is one of the easiest things you can do. There are tons of websites that will do this for you for free. And the metrics they provide will be invaluable for identifying ways you can further optimize your site for better performance.

Here are a few great places to start:

• GTMetrics
• Pingdom
• Google Page Insights

The results of these tests are what drive many of us to start optimizing our Divi site for faster load times. They provide a helpful breakdown of how your web page performs in a variety of areas. Then you can use their recommendations as a checklist to work through as you optimize your site.

The best way to use these online speed testing tools for you Divi WordPress site is to run a test on a page first before you do any optimizations. Then you can use this as a base to compare future tests as you make changes. After each optimization you make, you can see if your score improves.

For example, you may notice that using one caching plugin will work better than another. Don't be afraid to test multiple plugins for best performance.

Here is a helpful WordPress optimization guide by GTMetrix that will be helpful.

As you implement the speed optimizations to your site, you should see improvements in the following areas:

• Fully loaded time/Onload time (this is the most important metric you are trying to knock down)
• Total Page Size (things like minification, image optimization with help with this)
• İstekler
• PageSpeed/YSlow scores
• Serve scaled images
• Optimize images
• Leverage browser caching
• Minify CSS/HTML
• Enable gzip compression
• Make fewer HTTP requests
• Add Expires Headers

For more info, check out our post on how to improve your google page speed score.

The Goal is Speed, Not Perfection

It can be easy to get bogged down with testing your website and optimizing it to perfection. But no website will be perfect. You may even find that improving certain speed test performance grades may actually slow down your page load time. That's because even those speed tests aren't perfect either. Like this article, they are merely a guide to help improve your website performance and speed.

How to Avoid Possible Conflict with Divi's Built-in Performance Optimizations and Third Party Plugins

Whenever you deploy a third party plugin for minification and caching, you may encounter certain conflicts. For example, you may find that a Divi module doesn't display correctly or that certain JavaScript files aren't rendering properly.

To avoid these types of conflicts, you can disable Divi's built-in optimizations and let the third party plugin handle it for you. The three option you will want to disable are:

• Static CSS File Generation
• Minify and Combine Javascript Files
• Minify and Combine CSS Files

You can disable the options to minify and combine Javascript and CSS files by going to Theme Options > General tab.

You can disable the option for static CSS file generation under Theme Options > Builder > Advanced.

Other Tips

We've pretty much covered all the major factors that contribute to faster Divi/WordPress websites. But there are a lot more things to consider that could improve your speed even more.

• Having a correct Divi child theme setup
• Changing your WordPress Login URL to keep those bots from overloading your server. This would be a good chance to create a custom login page with Divi.
• Avoiding unnecessary calls to external Services. Some plugins and embeds require that you use files that are hosted on their servers. These additional calls will slow down page load.
• Incorporate lazy loading for images and videos for better page load speed.

Quick Overview of Suggested Practices and Resources for Faster Divi Websites

Here is a quick overview of the suggested practices and resources included in this article for easy reference.

Get Latest PHP version

• check with Divi System Status
• Update your PHP version

Database Optimization

You can use these plugins to optimize and cleanup your Database for a faster site.

• WP Optimize
• Optimize Database after Deleting Revisions

DNS Lookup and DDOS Detection

• You can use CloudFlare for this for free

Good Hosting

A quick list of hosts to consider for a faster Divi website.

• SiteGround – offers shared hosting, managed WP Hosting, dedicated, and cloud hosting (visit SiteGround / our review)
• Cloudways – specializes in SSD-Based managed cloud hosting and also has managed WP Hosting (visit Cloudways / our review)
• Kinsta – specializes in managed WP hosting (visit Kinsta / our review)
• WPEngine – specializes in managed WP hosting (visit WPEngine / our review)
• Flywheel – specializes in managed WP hosting (visit Flywheel / our review)

If you are looking for a credible hosting review site, check out Review Signal.

You can also refer to this guide to help you make your choice.

Time to First Byte (TTFB) Optimization

• Get Better Hosting with proper web server configuration.
• Optimize the site for speed

Caching (Page, Object, Browser)

Popular caching plugins include:

• WP Rocket
• Cache Enabler (read our review)
• W3 Total Cache (read our review)
• W3 Super Cache (read our review)
• Comet Cache (read our review)
• WP Fastest Cache

If your plugin doesn't support browser caching, you will want to enable browser caching manually.

Minify/Combine Site Files

Some credible plugins that will minify your site files include:

• Otomatik optimize et
• W3 Total Cache (read our review)
• W3 Super Cache (read our review)
• WP Rocket (paid)

Our you can do it manually.

Gzip Compression

• Check to see if Gzip compression is enabled
• Add manually using mod_deflate model
• Plugins that support Gzip compression:
  • WP Rocket
  • W3 Total Cache (read our review)
  • WP Fastest Cache

CDN

Here are some credible CDN platforms to consider:

• MaxCDN (now StackPath)
• KeyCDN (you can even use with CDN Enabler WordPress plugin to integrate KeyCDN; This setup would also work well with Cache Enabler as well)
• Amazon Cloudfront
• Sucuri

Here are some plugins with CDN support:

• WP Fastest Cache
• WP Rocket
• Otomatik optimize et
• W3 Total Cache
• WP Süper Önbellek
• CDN Enabler

Görüntü Optimizasyonu

• Photoshop “save for web”
• Websites:
  • Compressor.io
  • Tinypng.com
• Plugins:
  • Imagify
  • Smush Image Compression and Optimizaton
  • WP rocket
• Choose the right size images for Divi's grid layout using this ultimate guide.

Son düşünceler

Divi is faster than ever before. With built-in performance upgrades, your standard Divi installs have faster page loads on the front end, a faster WordPress admin on the backend, and a faster Divi Builder to edit and design your site. This is a great start, but there is much more to do to make sure your Divi site is running as fast as possible. The speed and performance optimizations included in this article will definitely boost your site speed. For the most part, these optimizations would apply to any WordPress site/theme, not just Divi. And it is surprising how many simple things you can do for free!

I'm sure there are tons of suggestions and resources out there that weren't mentioned, so feel free to share those with us in the comments.

Cevabınızı sabırsızlıkla bekliyorum.

Şerefe!

Sammby / Shutterstock.com aracılığıyla Öne Çıkan Görsel