Divi Hız Optimizasyonu: En İyi Kılavuz

Divi sadece herhangi bir sayfa oluşturucu değildir. Divi, 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 yepyeni bir seviyeye taşıyor. Ancak bu, Divi'nin yavaş olması gerektiği anlamına gelmez. Ne münasebet.

Divi'nin yerleşik hız ve performans optimizasyonu özellikleri, sitenizi Google PageSpeed ​​puanlarında kolayca listenin en üstüne koyabilir. Dinamik Modül Çerçevesi, Dinamik CSS, Dinamik JavaScript Kitaplıkları ve daha fazlası gibi özelliklerle Divi artık hem sağlam bir sayfa oluşturucu hem de hafif bir temadır. Ancak Divi kadar hızlı, optimizasyona ihtiyaç duyan başka temel faktörler de var. Ve ele alınmazsa, Divi sitenizin hızı gereksiz yere zarar görecektir.

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:

• WordPress Performansı ve Divi Performansı
• Divi'nin Yerleşik Hız ve Performans Optimizasyonu Özellikleri
• Dinamik Modül Çerçevesi
• Dinamik JavaScript Kitaplıkları
• jQuery ve jQuery Migrate'ı erteleyin
• Dinamik CSS
• Kritik CSS
• Kritik Eşik Yüksekliği
• Dinamik Satır İçi Stil Sayfası Yükle
• Google Yazı Tiplerinin Yüklenmesini İyileştirin
• WordPress Emojilerini Devre Dışı Bırakın
• Gutenberg Blok CSS'sini ertele
• Dinamik Simgeler
• Duyarlı Görüntüler için Yerel Srcset Desteği
• Divi Web Sitenizin Hızını ve Performansını Optimize Etmek İçin Yapabileceğiniz 14 Şey
• #1 Barındırma Sisteminizi Yükseltin
• #2 TTFB Optimizasyonu
• #3 Sitenizin Veritabanını Optimize Edin
• #4 DNS'nizi Optimize Edin
• #5 Bir İçerik Dağıtım Ağı (CDN) Kullanın
• #6 Önbelleğe Alma Ekle
• #7 Küçültme ve Toplama Ekleme
• #8 Gzip Sıkıştırmasını Etkinleştir
• #9 Görüntü Optimizasyonu
• #10 Video Optimizasyonu
• #11 Hız için Divi Sayfanızı Oluşturun
• #12 Eklentileri Dikkatli ve Az Kullanın
• #13 Hız Testleri Gerçekleştirin
• #14 Divi Yüksek Hızlı Sayfa Planımızı Düşünün
• Divi ve diğer Üçüncü Taraf Performans Eklentilerini Kullanma
• Diğer İpuçları

WordPress Performansı ve Divi Performansı

Divi genellikle web sitenizin performansını belirleyen ana faktör değildir. Bu sadece bulmacanın bir parçası. Ayrıca, genel olarak bir WordPress sitesi için temel optimizasyon ihtiyaçlarını da göz önünde bulundurmanız gerekir. Divi (Divi Teması ve/veya Divi Builder), bir barındırma altyapısının üzerinde bulunan bir sunucu yazılımı yığınının üzerinde bulunan WordPress'in (CMS) üzerinde yer alır. Bütün bunların doğru ayarlanması gerekir. Yeni başlayanlar için, bunlar iyi barındırma, önbelleğe alma ve bir CDN gibi şeyleri içerir. Bu temel optimizasyonlar olmadan, Divi'yi ne kadar iyi optimize ettiğimize bakılmaksızın bir Divi sitesi daha yavaş olacaktır. Divi web siteniz çok yavaşsa, bulmacanın bu diğer parçalarını da göz önünde bulundurmalısınız.

Bir WordPress web sitesi için temel optimizasyon ihtiyaçları yerindeyken, Divi'nin performans optimizasyonunu ele almamız gerekiyor. Bu, Divi Teması ve/veya Divi Builder'ın performansını artırarak, WordPress üzerine inşa ettiği alanlarda ve WordPress içinde çalıştığı alanlarda en iyi şekilde çalışmasını sağlayarak yapılır. Tüm bu parçalar optimize edildiğinde, optimum hız ve performansa sahip bir Divi web sitesini başarıyla oluşturabiliriz.

Aşağıdaki makalenin geri kalanında, ilk olarak Divi'nin yerleşik performans optimizasyonunu ele alacağız (sizin için zaten yapılanlar). Ardından, temel optimizasyon ihtiyaçlarını (yapabileceğiniz ek şeyler) ele alarak Divi sitenizi nasıl daha da optimize edebileceğinizi ele alacağız.

Divi'nin Yerleşik Hız ve Performans Optimizasyonu Özellikleri

İlk olarak, Divi'nin halihazırda sahip olduğu bazı yerleşik hız ve performans optimizasyonlarına bir göz atalım. Bu optimizasyon özellikleri Divi'yi her açıdan hızlandırır ve belki de onu piyasadaki en hızlı sayfa oluşturucu yapar. Ama hepsi bu değil. Divi, şişkinliği ortadan kaldıran ve Divi'nin web sitenize hiç şişkinlik eklemeden daha fazla modül ve daha fazla özellik ile büyüyebileceği bir temel sağlayan dinamik bir çerçeve ile oluşturulmuştur. Bu size her iki dünyanın da en iyisini sunar: hafif bir temanın çevikliği ile geniş bir sayfa oluşturucunun gücü.

Performans optimizasyonu özellikleri, Divi > Tema Seçenekleri'ne gidilerek yönetilebilir. Genel sekmesi altında, Performans alt sekmesini seçin.

Şimdi süper hızlı bir Divi web sitesi oluşturmayı bu kadar kolaylaştıran özelliklere daha yakından bakalım.

Dinamik Modül Çerçevesi

Dinamik Modül Çerçevesi özelliği, talep üzerine PHP işlevlerini seçip yürüterek site hızını güçlü bir şekilde artırır. Divi, yalnızca her sayfada kullanılan modülleri ve özellikleri anında oluşturmak için gereken mantığı işler; diğer her şey denklemden çıkarılır. Başka bir deyişle, "şişkinlik" olarak kabul edilebilecek her şey arka uçtan silinir.

Talep Üzerine Modüller

Örneğin, bir sayfada 3 modülünüz varsa Divi, hangisinin kullanıldığına bakılmaksızın tüm modüllerin tüm işlevlerini işlemek yerine yalnızca bu 3 modül için gereken işlevleri işleyecektir. Bu 3 işlev, o modül için kısa kodu/HTML'yi herhangi bir işlem süresi kaybetmeden sayfaya işleyecektir.

Talep Üzerine Özellikler

Divi'nin talep üzerine modülleri dinamik olarak işlemesi ve yüklemesi gibi, Divi de bir sayfada kullanılan tüm özellikler için aynı şeyi yapar. Divi Öğesinde kullanılabilecek tüm olası özellikler (Kaydırma Efektleri, Animasyonlar, Yapışkan Seçenek, Kenarlık Seçenekleri, vb.) için işlevleri işlemek yerine Divi, yalnızca bir öğede gerçekten kullanılan özellik işlevlerini işler. Bu özellik yalnızca modüller için değil, Bölüm, Satırlar ve Sütunlar dahil olmak üzere herhangi bir Divi öğesi için geçerlidir.

Dinamik Javascript Kitaplıkları

Site hızını artırmak için Divi'nin JavaScript'ini daha kısa ve modüler hale gelecek şekilde optimize ettik. Bu, Divi'nin istek üzerine JavaScript'i dinamik olarak yüklemesine izin verir. Divi, JavaScript işlevlerini (Yapışkan Seçenekler gibi) ve harici JavaScript kitaplıklarını (Magnific Popup gibi) yalnızca bir sayfadaki modüller veya özellikler tarafından ihtiyaç duyulduğunda yükleyecek ve işleyecektir.

Dinamik JavaScript kitaplıkları ile birlikte daha küçük temel Javascript dosya boyutu, her sayfa yüklemesi için işlenecek daha az kod olduğundan, site hızını kesinlikle artıracaktır. Kullanılmayan komut dosyaları kaldırılır. Ve bu şişkinlik önleme mantığı sayfa bazında gerçekleştiğinden, bir sayfada yapışkan bir satır varsa, buna sahip olmayan bir sayfaya o Yapışkan JavaScript'in yüklenmesi konusunda endişelenmenize gerek kalmaz. Divi'nin dinamik JavaScript'inin güzelliği budur.

Örnek: Lightbox Kullanan Bir Görüntü Modülü için Dinamik JavaScript Kitaplığı

Lightbox etkinleştirilmiş bir görüntü modülüne sahip bir sayfanız olduğunu varsayalım. Divi, bu lightbox açılır işlevini uygulamak için o sayfa için Magnific Popup JS kitaplığını dinamik olarak işaret edecek ve çalıştıracaktır. Görüntüde lightbox devre dışı bırakılırsa, JS kitaplığı sayfada yüklenmez veya çalışmaz.

jQuery ve jQuery Migrate'ı erteleyin

Mümkün olduğunda, oluşturma engelleme isteğini kaldırmak ve yükleme sürelerini hızlandırmak için jQuery ve jQuery Migrate gövdeye taşınır. Aşağıdaki resimde gösterildiği gibi, jQuery betiği erken yüklenirse (başlıkta), betik yürütülene kadar HTML'nin ayrıştırılmasını duraklatacaktır. Bu, sayfanızın oluşturulmasını yavaşlatacaktır

Yalnızca diğer yandan, üçüncü taraf bir eklenti jQuery'yi bir bağımlılık olarak kaydederse, çakışmayı önlemek için başa geri taşınacaktır. Bu seçenek, sorunlara neden olursa devre dışı bırakılabilir.

Dinamik CSS

Dinamik CSS, aynı şişkinlik önleme mantığını (dinamik modül çerçevesinde kullanılır) Divi'nin Stil Sayfasına uygular. Tahmin edebileceğiniz gibi, Divi'nin ana stil sayfası, sahip olduğu tüm özellikler göz önüne alındığında oldukça büyük olacaktır. Ancak her sayfaya büyük bir stil sayfası yüklemek gereksiz şişkinliğe ve daha yavaş sayfa yükleme sürelerine neden olur.

Dinamik CSS ile Divi'nin CSS'si yüzlerce küçük bileşene bölünmüştür. Her sayfada, bu CSS bileşenleri, kullandığınız modüllere, modül özelliklerine ve tema düzeni seçeneklerine dayalı olarak yalnızca söz konusu sayfayı biçimlendirmek için gereken parçaları içeren benzersiz bir stil sayfası oluşturmak üzere birleştirilir.

Bu, artık mevcut olmadığı için CSS şişkinliği sorununu düzeltir. Başka CSS yüklenir çünkü hiçbir kabartmak yoktur. Dinamik CSS olmadan Divi'nin stil sayfası 900 kb civarında olurdu ve içerikten bağımsız olarak tüm sayfalara yüklenirdi. Şimdi, sayfa için yalnızca 80kb CSS'ye ihtiyacınız varsa, Dinamik CSS, sayfayı yüklemeniz gerekmeyen 800+kb'yi ortadan kaldırır. Bu, sayfanızın daha da hızlı yüklendiği anlamına gelir.

Kritik CSS

Divi'nin Critical CSS sistemi, ekranın üst kısmındaki içeriğe stil vermek için gereken CSS'yi belirleyerek ve diğer her şeyi erteleyerek site hızını artırır. Sayfa ilk yüklendiğinde yalnızca kritik stiller gerektiğinden ve oluşturmayı engelleyen varlıklar sayfa hızında çok önemli bir rol oynadığından, Divi'nin kritik ve kritik olmayan stilleri otomatik olarak ayırma yeteneği, ona diğer WordPress temaları ve oluşturucularına göre büyük bir avantaj sağlar. . Divi, CSS'sini işlemeyi bitirdikten sonra, web sitesi başlığında neredeyse hiçbir şey kalmaz, bu da içeriğin hemen ortaya çıktığı anlamına gelir ve bu nedenle Google, Divi web sitelerine kutudan çıkar çıkmaz bu kadar yüksek puanlar verir.

Örneğin, ekranın üst kısmındaki içeriğiniz bir başlık, paragraf, düğme ve resimden oluşuyorsa, ziyaretçileriniz sayfayı yükler yüklemez yalnızca bu öğelerle ilgili CSS yüklenecektir. CSS'nin geri kalanı da elbette yüklenecektir, ancak ilk etkileşimde yüklenmeyecektir. Kritik olmayan CSS buna denir.

Bu özelliğin nasıl çalıştığı ve nasıl kullanılacağı hakkında daha kapsamlı bir açıklama için Divi'nin Kritik CSS Özelliğinin Site Hızını Nasıl Artırdığı ve en hızlı Divi sayfasının nasıl oluşturulacağı ile ilgili makalelerimize göz atın.

Kritik Eşik Yüksekliği

Kritik CSS ile ilgili olarak, Kritik Eşik Yüksekliği seçeneğidir.

Kritik CSS etkinleştirildiğinde, Divi bir "ekranın üstü eşiği" belirler ve ekranın altındaki öğeler için tüm stilleri erteler. Ancak bu eşik yalnızca bir tahmindir ve farklı cihazlarda değişiklik gösterebilir. Artan eşik yüksekliği, daha az stili erteleyecek, bu da yükleme sürelerinin biraz daha yavaş olmasına, ancak Kümülatif Düzen Kaydırmalarının (CLS) meydana gelme şansının azalmasına neden olacaktır. CLS sorunları yaşıyorsanız, eşik yüksekliğini artırabilirsiniz.

Dinamik Satır İçi Stil Sayfası Yükle

Dinamik Satır İçi Stil Sayfası Yükle seçeneği, oluşturmayı engelleyen tüm CSS isteklerini kaldıran son CSS optimizasyonudur.

Dinamik CSS nedeniyle, temel Divi stil sayfası artık gerçek sayfada sıralı olarak yüklenebilecek kadar küçüktür! Bu CSS'yi satır içinde yüklemek, oluşturma engelleme isteğini kaldırır ve Google PageSpeed ​​puanlarını iyileştirir. Kritik CSS, Dinamik CSS ve Dinamik Satır İçi Stil Sayfası Yükle seçenekleri etkinleştirildiğinde, oluşturmayı engelleyen tüm CSS istekleri kaldırılır .

Google Yazı Tiplerinin Yüklenmesini İyileştirin

Google Yazı Tiplerini Yüklemeyi İyileştir seçeneği, Google Yazı Tiplerinin önbelleğe alınmasını sağlar ve bunları başlıkta satır içi olarak yükler. Bu, oluşturma engelleme isteklerini azaltır ve yükleme sürelerini hızlandırır.

Ayrıca Eski Tarayıcılar için Google Yazı Tipleri Desteğini Sınırla seçeneğini de ekledik.

Bu, yükü azaltmak için temel olarak eski yazı tipi dosyalarını kaldırır. Bu seçeneğin etkinleştirilmesi Google Yazı Tiplerinin boyutunu düşürür ve yükleme sürelerini iyileştirir, ancak bazı çok eski tarayıcılarda Google Yazı Tipleri desteğini sınırlar. Küçük bir performans maliyetiyle eski tarayıcılar için desteği artırmak için bunu kapatabilirsiniz.

WordPress Emojilerini Devre Dışı Bırakın

WordPress, yerel bir emoji sistemiyle birlikte gelir, ancak modern tarayıcılardaki yerel emoji desteği nedeniyle buna artık gerçekten gerek yoktur. Aslında, yerel emojiler WordPress sürümünden çok daha iyi görünüyor. Divi, gereksiz kaynakları ortadan kaldıran yerel WordPress emojilerini devre dışı bırakma seçeneği sunar. Ve sonuçları daha hızlı sayfa yüklemelerinde oluşturmak için daha az kaynağa sahip olmak.

Gutenberg Blok CSS'sini ertele

Divi Builder'ı bir sayfada kullanırken, varsayılan WordPress blok düzenleyicisini (Gutenberg) kullanmamayı da seçmiş olursunuz. Ve sayfanızı biçimlendirmek için blokları kullanmayacağınız için, Divi sayfa yüklemenizi engelleyen Gutenberg CSS'ye ihtiyacınız yok. Gutenberg Blok CSS'yi Ertele seçeneği etkinleştirildiğinde, Divi şimdi (varsayılan olarak) Divi Builder'ı kullandığınız sayfalara Gutenberg blok CSS'sini tembel olarak yükleyecektir. Her ihtimale karşı (altbilgide) yüklenecek, ancak artık oluşturmayı engellemeyecek.

Dinamik Simgeler

Divi artık, kullandığınız modüllere ve özelliklere göre isteğe bağlı olarak yüklenen simge yazı tipi alt kümeleriyle birlikte gelir. Bu, Divi'nin temel simge yazı tipi boyutunu 90 kb'den 6 kb'ye kadar düşürür. Tam simge seti yalnızca gerektiğinde yüklenir. Bir alt tema veya özel Divi modülü kullanıyorsanız bu seçenek varsayılan olarak devre dışıdır. Alt temanız veya üçüncü bölüm Divi modülünüz tam Divi simge setini kullanıyorsa, bu seçenek devre dışı kalmalıdır.

Bir sayfanın neye ihtiyacı olduğuna bağlı olarak kullanılan üç simge yazı tipi alt kümesi vardır.

• Temel – bu alt küme, Divi Teması ve modüllerinde varsayılan olarak kullanılan tüm simgeleri içerir.
• Sosyal – bu alt küme, tüm temel simgeleri ve bir sosyal medya takip modülü kullanıldığında yüklenen tüm sosyal simgeleri içerir.
• Tümü – bu, özel bir simge seçmek için bir Divi modülünde simge seçiciyi kullandığınızda kullanılan simge kümesinin tamamıdır.

Aşağıda, sayfada bulunan bir sosyal medya takip modülü nedeniyle dinamik olarak yüklenen sosyal simge yazı tipi alt kümesine bir örnek verilmiştir.

Tüm sayfalarda simge yazı tipinin tamamına erişmeniz gerekiyorsa (örneğin, alt temanızda simge yazı tipimizi kullanıyorsanız), bu seçeneği devre dışı bırakabilir ve tüm simge yazı tipi kitaplığını tüm sayfalara yükleyebilirsiniz.

Duyarlı Görüntüler için Yerel Srcset Desteği

Divi, tüm Divi görüntüleri için yerel SRCSET desteği içerir; bu, Divi'nin görüntülerinizi otomatik olarak duyarlı hale getireceği ve her cihaza mükemmel boyutta görüntü sunacağı anlamına gelir. Daha küçük görüntüler daha küçük cihazlara sunulduğundan, bu, yükleme hızlarını büyük ölçüde artırabilir ve sizin tarafınızdan herhangi bir ekstra çalışma gerektirmez.

Divi Web Sitenizin Hızını ve Performansını Optimize Etmek İçin Yapabileceğiniz 14 Şey

Hız optimizasyonu, web sitenizin Kullanıcı Deneyiminde ve Arama Motoru Optimizasyonunda (SEO) çok önemli bir rol oynamaya devam ediyor. Bu nedenle, Divi sitenizin ziyaretçiler ve Google için iyi performans göstermesini sağlamak için, sitenizi hız için daha da optimize eden Divi dışındaki alanları ele almak isteyeceksiniz.

Divi web sitenizin hızını ve performansını optimize etmek için yapabileceğiniz 14 şey…

#1 Barındırma Sisteminizi Yükseltin

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. Bu nedenle, yavaş bir Divi siteniz varsa, ilk adımınız barındırma hizmetinizi yükseltmeyi düşünmektir.

Divi Optimize Barındırma Kullanın

Hızlı bir Divi web sitesi istiyorsanız, yalnızca WordPress için değil Divi için de optimize edilmiş bir barındırma sağlayıcısı seçmek mantıklıdır. Bu nedenle, Divi ile kusursuz çalışan ve otomatik Divi kurulumuyla gelen harika bir WordPress barındırma arıyorsanız, o zaman Divi Hosting sizin için harika bir yeni çözümdür. Divi müşterilerine hızlı, Divi'nin tüm gereksinimlerini karşılayan ve önde gelen WordPress profesyonelleri tarafından desteklenen modern bir barındırma altyapısıyla desteklenen Divi web siteleri oluşturmanın basit bir yolunu sunmak için favori WordPress ana bilgisayarlarımızdan (Basılabilir, Volan ve SiteGround) bazılarıyla ortaklık kurduk. .

Neden Divi Hosting'i Seçmelisiniz?

Sonuçta, her Divi kullanıcısının barındırma konusunda bir seçim yapması gerekir. Yanlış seçim yapmak çok fazla kedere yol açabilir. Bu seçimi kolaylaştırmak istiyoruz. İşte Divi Hosting'i benzersiz kılan birkaç şey:

• Web sitenizi oluşturduğunuzda Divi otomatik olarak kurulu olarak gelir.
• Yeni web siteniz, Elegant Themes hesabınıza otomatik olarak bağlanır ve güncelleme ve destek alabilmeniz için lisans anahtarınızla kurulur.
• Barındırma ortamınız, Divi'nin kutudan çıktığı tüm önerilen PHP ayarlarını karşılayacak şekilde yapılandırılacaktır. Herhangi bir ayar gerekli değildir.
• Web siteniz, hızlı yükleme süreleri ve otomatik önbelleğe alma ve CDN'ler gibi modern araçlar anlamına gelen hızlı ve modern bir barındırma altyapısı tarafından desteklenecektir.
• WordPress'in içini ve dışını bilen bir şirket tarafından ağırlanacaksınız.
• Ortaklarımızdan biri tarafından ağırlanacaksınız, bu da kendilerini sistemlerinde harika bir Divi deneyimi sağlamaya adadıkları anlamına gelir.

Dışarıda birçok barındırma seçeneği var ve hepsi eşit yaratılmamış. Müşterilerimizin her gün inanılmaz derecede sinir bozucu olabilen barındırma ile ilgili uyumluluk sorunlarıyla ilgilenmelerine yardımcı oluyoruz. Divi'yi kullanmak için herkesin barındırmaya ihtiyacı vardır ve barındırma deneyiminizin bir mücadele olması gerekmez. Daha fazla bilgi için Divi barındırmanın Divi için nasıl en iyi barındırma çözümü olduğunu öğrenin.

Divi Siteniz İçin Doğru Barındırma Çözümünü Bulma

Eğer n Divi hızlı Divi web sitesine sahip Barındırma kullanmak eed musunuz? Kesinlikle hayır. Dışarıda başka harika barındırma çözümleri var ve Divi her zaman harika barındırma ortamlarında harika çalışacak. Ancak barındırma hız ve performans optimizasyonunda çok önemli bir rol oynadığından, Divi siteniz için doğru barındırma çözümünü bulmak için gereken zamanı ayırmalısınız.

Dışarıda bir sürü harika ve çok iyi olmayan hosting şirketi var. Ve her biri genellikle birden fazla barındırma çözümü ve hizmeti sunar. Bu nedenle, doğru olanı bulmak çok zor olabilir. Aşağıda, Divi siteniz için doğru barındırma çözümünü bulurken göz önünde bulundurmanız gereken en yaygın barındırma türleri hakkında bazı yararlı bilgiler bulunmaktadır.

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

Bu, WordPress kullanıcıları için açık ara en popüler barındırma türüdür çünkü en uygun fiyatlı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 sayıda 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 ile VPS Barındırma arasındaki temel farklardan biri, VPS barındırmanın, tüketilebilecek veya tükenmeyecek şekilde ayrılmış (veya sınırlı) sayıda 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. Genellikle geleneksel paylaşılan barındırmadan biraz daha pahalıdır, ancak daha hızlı bir Divi sitesi istiyorsanız, yönetilen WordPress barındırma buna değer olabilir. 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.

Aslında, Divi Hosting, Divi için optimize edilmiş Yönetilen WordPress Hosting'dir. Bu, Divi siteniz için barındırma ortamınızın optimizasyonunun tüm sıkıntılarını ortadan kaldırır.

#2 İlk Bayt Süresini Optimize Edin (TTFB)

TTFB nedir?

İ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 tarayıcı tarafından herhangi bir veri alınmadan önceki bekleme süresi olacaktır. Bu önemlidir çünkü TTFB ne kadar uzun olursa sayfanın yüklenmesi o kadar uzun sürer.

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.

Yavaş TTFB'nin Sebebi Nedir?

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.

Divi Sitenizin TTFB'sini Nasıl Hızlandırabilirsiniz?

TTFB, Google'ın sitenizin sıralamasını belirlemek için kullandığı Web Verilerinden (FCP, LCP ve CLS ile birlikte) biridir. Bu yüzden optimize etmek önemlidir. İyi haber şu ki, TTFB optimize edilebilir. TTFB'yi azaltmak için kullanabileceğiniz birkaç önemli ipucu.

• Hostinginizi yükseltin . TTFB'nizi artırmanın en etkili yolu, yalnızca barındırma hizmetinizi yükseltmektir. WordPress veya Divi Hosting için yönetilen barındırma için biraz daha fazla ödeme yapmak, kapıdan çıkar çıkmaz TTFB üzerinde en büyük etkiye sahip olacaktır.
• Bir CDN kullanın . Bu, ziyaretçilerin sitenizin verilerini kendilerine en yakın sunucudan yüklemesine olanak tanır, böylece gecikmeyi ve TTFB'yi azaltabilirsiniz.
• Gereksiz Eklentileri veya Temaları Kaldırın . Eklentiler ve temalar (özellikle eski olanlar) sitenizin sunucusunu ve yükleme sürelerini (TTFB dahil) aksatabilir. Bu nedenle, yalnızca gerekli kaliteli eklentileri (veya temaları) kullanmak ve diğerlerini kaldırmak en iyisidir.
• Önbelleğe Alma uygulayın . Divi, Divi JS ve CSS'yi sunmak için yerleşik önbelleğe alma özelliğine sahiptir. Ancak bir CDN kullanmaya ek olarak web sitenizi bir bütün olarak önbelleğe almak TTFB'yi azaltacaktır.

TTFB'yi artırmak için Cloudflare kullanın

Sitenizin TTFB'sini hızlı bir şekilde artırmanın bir yolu Cloudflare kullanmaktır. Ücretsiz planlarında bulunan önbelleğe alma ve CDN, kesinlikle TTFB'yi artıracaktır. Ayrıca, TTFB'de %72'lik bir azalma göstermek üzere test edilmiş olan Cloudflare'nin Otomatik Platform Optimizasyonundan da yararlanabilirsiniz.

Daha fazla bilgi edinmek için TTFB hakkındaki eksiksiz makalemize ve web sitenizi bunun için nasıl optimize edeceğinize göz atın.

#3 Sitenizin Veritabanını Optimize Edin

WordPress Sitesinin Neden Temiz Veritabanlarına İhtiyacı Var?

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 artık veriler gereksiz dağınıklığa yol açabilir 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.

Divi Sitenizin Veritabanını Nasıl Optimize Edebilirsiniz?

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.

#4 DNS'nizi Optimize Edin

DNS Site Hızını Nasıl Etkiler?

Bir kullanıcı web sayfalarınızdan birinin URL'sini ziyaret ettiğinde olması gereken ilk şey bir DNS Aramasıdır. 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 Optimizasyonu için Cloudflare'ı kullanma (ve isterseniz daha fazlasını)

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. Ayrıca, 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'ı 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 aynen böyle, DNS arama hızında bir artış, daha fazla güvenlik ve web siteniz için bir CDN (artı daha fazlası) elde edersiniz.

CDN'lerden bahsetmişken, kesinlikle bunlardan birini kullanmanız gerekir.

#5 Bir İçerik Dağıtım Ağı (CDN) Kullanın

StackPath CDN PoP'leri

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. Ayrıca, diğer performans ve güvenlik özellikleriyle birlikte CDN yetenekleri sunan Cloudflare ve StackPath (önceden MaxCDN) gibi ağ platformları da vardır.

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

• Cloudflare CDN: DNS optimizasyonuna (yukarıda bahsedilen) ek olarak Cloudflare, statik içeriği önbelleğe alan ve kullanıcılara hızlı bir şekilde sunan hızlı ve güvenli bir global CDN sunar. Bu, çoğu site için harika olan ücretsiz planlarına dahildir.
• KeyCDN (KeyCDN'yi entegre etmek için CDN Etkinleştirici WordPress eklentisiyle bile kullanabilirsiniz; Bu kurulum, Önbellek Etkinleştirici ile de iyi çalışır)
• StackPath (önceden MaxCDN)
• 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 kullanışlı 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

#6 Önbelleğe Alma Ekle

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 JS ve CSS dosyalarını sunarken önbelleğe alma gerçekleştirir. Ancak bu, daha iyi Divi Builder işlevselliği için öncelikle Divi tema dosyaları içindir.

Hala bir bütün olarak web siteniz için önbelleğe almayı kullanmaya 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. Bu nedenle, tüm sayfalarınızın önbelleğe alınmış statik HTML sürümlerini sunmak için kesinlikle üçüncü taraf bir çözümden yararlanabilirsiniz.

Cloudflare'ın CDN'si, Divi sitenize önbelleğe alma eklemenin harika bir yoludur. Sayfa yükünü ve gecikmeyi azaltmak için web sitesinin içeriğinin (statik kaynaklar) bir kopyasını ziyaretçilere coğrafi olarak daha yakın olarak depolar. Cloudflare'nin WordPress için APO'su, WordPress eklentilerini kullanarak bir WordPress/Divi sitesi için web sayfalarını ve üçüncü taraf yazı tiplerini önbelleğe almak için daha da hedefli bir çözüm gibi görünüyor.

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.

#7 Web Sitesi Küçültme ve Toplama Ekleme

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 Javascript ve CSS'yi dinamik olarak küçültür ve birleştirir. Bu nedenle, Divi'nin Javascript ve CSS'sini daha da küçültmek ve birleştirmek için teknik olarak üçü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, 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.

Tüm sitenizin HTML, JS ve CSS'sine küçültme eklemenin en iyi yollarından biri Cloudflare kullanmaktır. Cloudflare, web sitenizdeki tüm kaynak kodun dosya boyutunu küçültmek için Otomatik Küçült'ü kullanır. Ayrıca ücretsiz sürümle birlikte standart olarak gelir.

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 üçüncü tarafa 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.

#8 GZIP Sıkıştırmasını Etkinleştir

Gzip Sıkıştırma Divi Sitenizi Hızlandırmanıza Nasıl Yardımcı Olur?

Divi Sitenizde Gzip sıkıştırmasını etkinleştirmek size büyük bir hız artışı sağlayabilir (bazı durumlarda %70'e kadar). 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, yeni bir kurulumda bile Divi'nin hızını artırabileceğiniz alanlardan biridir. Divi zaten çekirdek tema dosyalarını küçülttüğünden, Gzip veya Brotli sıkıştırması bu dosyaları küçültmenin yapabileceğinden çok daha küçük yapacaktır.

Gzip sıkıştırması en yaygın kullanılan sıkıştırma algoritmasıdır, ancak Brotli sıkıştırması, daha hızlı veri aktarımı için dosya boyutlarını daha da küçültmeyi amaçlayan yeni nesil algoritma gibi görünüyor. SiteGround gibi barındırma şirketleri ve ayrıca Cloudflare tarafından kullanılıyor.

Divi Sitenizde Gzip Sıkıştırmasını Nasıl Etkinleştirebilirsiniz?

Bazı barındırma sağlayıcıları, site performansı için çok zahmetsiz olduğu 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

Daha önce de belirtildiği gibi, Cloudflare, ücretsiz planlarındaki tüm alanlar için Brotli sıkıştırması sağlar.

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. Ancak, bu optimizasyon için bir performans eklentisi eklemek gereksiz görünüyor.

Gzip sıkıştırmasını (Apache sunucularında) etkinleştirmenin yaygın bir yolu, 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 bir kod bloğunu kopyalayıp .htaccess dosyanızın altına yapıştırın.

#9 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.

#10 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.

#11 Hız için Divi Sayfanızı Oluşturun

Olmadığı zaman, bir web sitesinin hızı, bir sayfanın içeriğini ne kadar hızlı yüklediğine göre belirlenir. Bu nedenle, Divi web sitenizin sayfalarının her birini performans optimizasyonunu göz önünde bulundurarak oluşturmak mantıklıdır. Önemli olan, oluşturduğunuz her sayfa için ana hedefi belirlemektir. Bundan sonra, arka uçta yalın kalırken ön uçta harika görünen bir sayfa oluşturmak için sağlıklı bir hız ve tasarım dengesi bulabilirsiniz. Divi sayfası içeriğinin hız için nasıl optimize edileceğine dair pratik bir örnek için, en hızlı Divi Sayfasının nasıl oluşturulacağına ilişkin makalemize göz atın.

Sayfanızı oluştururken aklınızda bulundurmanız gereken birkaç önemli ipucu:

• Divi'nin yerleşik Kritik CSS'si ile çalışmak için ekranın üst kısmındaki içeriği optimize edin .
• Divi'nin yerleşik akıllı stiller özelliğinden yararlanmak için Divi Ön Ayarlarını kullanın . Bu, öğelerin sınıflara dayalı olarak CSS kod parçacıklarını paylaşmasına ve her biri için benzersiz bir CSS bloğu yüklemek zorunda kalmamasına olanak tanır.
• Mümkün olduğunda, sayfayı oluşturmak için kullandığınız modül türlerini sınırlayın . Divi'nin dinamik çerçevesi nedeniyle Divi, kullanmadığınız modülleri (ve benzersiz CSS'lerini) işlemez veya yüklemez. Örneğin, aynı sonuçlar için iki metin modülü (bir metin modülü ve bir tanıtım yazısı modülü yerine) kullanabiliyorsanız, en iyisi tanıtım yazısı modülünü gereksiz yere işleyip sayfaya yüklememek.
• Sayfanız için animasyon kullanma konusunda akıllı olun . Divi'nin dinamik özellikleri nedeniyle, kullanmazsanız Divi, Hareket Efektleri gibi özellikler için gereken JS veya CSS'yi işlemez veya yüklemez. Örneğin, sayfanızın tamamında normal animasyon ayarlarını kullanıyorsanız, yalnızca bir öğe için hareket efektleri kullanmaktan kaçınmak isteyebilirsiniz. Bunun yerine, animasyon stilini tutarlı tutun ve daha hızlı sayfa yüklemelerinin keyfini çıkarın.

#12 Eklentileri Dikkatli ve Az Kullanın

Kaliteli Eklentiler Kullanın

Eklentiler söz konusu olduğunda kalite kilit faktördür. Aslında, sitenizi kötü bir eklenti kadar yavaşlatmayacak 10 kaliteli eklentiye sahip olabilirsiniz. Genel olarak, zamana yenik düşmüş ve harika incelemelere sahip eklentileri seçtiğinizden emin olun. Ve emin olmak için her zaman bir eklentinin web sitenizin performansını nasıl etkilediğini hız testlerinden önce ve sonra test edin.

Kullanılmayan veya Eski Eklentileri Kaldırın

Kaliteli eklentiler kullanmanın yanı sıra, sitenizden kullanılmayan ve/veya güncel olmayan eklentileri kaldırmanız da önemlidir. Web sitenizin performansına zarar verebilir ve ciddi bir güvenlik riski oluşturabilirler. Ayrıca, her eklenti (kaliteli olanlar bile), her sayfa yüklemesine zaman kazandıracak ek kaynaklar ekleyecektir. Hızlı bir Divi sitesi istiyorsanız, mümkün olduğunca az eklenti kullanmak isteyeceksiniz.

İşleme Engelleme Hatalarına Dikkat Edin

Divi, oluşturmayı engelleyen varlıklara sahip değildir, bu nedenle, oluşturmayı engelleyen stilleriniz ve komut dosyalarınızın eklentilerden geldiği anlamına gelir. Hızınıza zarar veren bazı büyük oluşturmayı engelleyen komut dosyaları varsa, bu eklentilerden uzaklaşmayı düşünebilirsiniz.

#13 Hız Testleri Gerçekleştirin

Web sitenizde en az bir hız testi yapmamış olsaydınız, muhtemelen bu makaleyi okumazdınız. Ve haklı olarak, sayfalarınızın ziyaretçiler için ne kadar hızlı yüklendiğini bilmek önemlidir. Hız testi yapmak, yapabileceğiniz en kolay şeylerden biridir. Bunu sizin için ücretsiz olarak yapacak tonlarca web sitesi var. Sağladıkları metrikler, sitenizi daha iyi performans için daha fazla optimize etmenin yollarını belirlemek için çok değerli olacaktır.

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

• GTMetrikler
• Google Sayfa İstatistikleri
• Chrome Geliştirme Araçları
• Deniz Feneri (Chrome Geliştirme Araçları için Kullanılabilir)

Bu testlerin sonuçları, çoğumuzu daha hızlı yükleme süreleri için Divi sitemizi optimize etmeye başlamaya iten şeydir. Web sayfanızın çeşitli alanlarda nasıl performans gösterdiğinin yararlı bir dökümünü sağlarlar. Ardından, sitenizi optimize ederken üzerinde çalışacağınız bir kontrol listesi olarak onların tavsiyelerini kullanabilirsiniz.

Divi WordPress siteniz için bu çevrimiçi hız testi araçlarını kullanmanın en iyi yolu, herhangi bir optimizasyon yapmadan önce bir sayfada test yapmaktır. Ardından, değişiklik yaparken gelecekteki testleri karşılaştırmak için bunu bir temel olarak kullanabilirsiniz. Yaptığınız her optimizasyondan sonra puanınızın iyileşip iyileşmediğini görebilirsiniz.

Örneğin, bir önbellek eklentisi kullanmanın diğerinden daha iyi çalıştığını fark edebilirsiniz. En iyi performans için birden fazla eklentiyi test etmekten korkmayın.

İşte size yardımcı olacak GTMetrix'in faydalı bir WordPress optimizasyon kılavuzu.

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

• İlk Bayt Süresi (TTFB)
• İlk Contentful Paint (FCP)
• Etkileşim Süresi (TTI) – sayfanın kullanıcı etkileşimi için ne zaman hazır olduğunu ölçer.
• Hız İndeksi (SI) – sayfanızın ekranın üst kısmında görsel olarak ne kadar hızlı tamamlandığını ölçer
• Toplam Engelleme Süresi (TBT) – Bir kullanıcının sitenizle ilk etkileşimde bulunması ile tarayıcısının bu işleme yanıt vermesi arasındaki süreyi ifade eden Google'ın web için hayati İlk Giriş Gecikmesi'ne (FID) benzer
• En Büyük İçerikli Boyama – en büyük içerik öğesinin (bir resim gibi) kullanıcılara görünür hale gelmesinin ne kadar sürdüğünü ölçer.
• Kümülatif Mizanpaj Kayması – bir kullanıcı bir sayfa yüklediğinde mizanpajın beklenmeyen kaymasını (veya hareket etmesini) ölçer.

Daha fazla bilgi için google sayfa hızı puanınızı nasıl iyileştireceğinize ilişkin yayınımıza göz atın.

Hedef Hız, Mükemmellik Değil

Web sitenizi test ederek ve onu mükemmelliğe optimize ederek çıkmaza girmek kolay olabilir. Ancak hiçbir web sitesi mükemmel olmayacaktır. Belirli hız testi performans derecelerini iyileştirmenin sayfa yükleme sürenizi gerçekten yavaşlatabileceğini bile görebilirsiniz. Çünkü o hız testleri bile mükemmel değil. Bu makale gibi, bunlar yalnızca web sitenizin performansını ve hızını artırmaya yardımcı olacak bir kılavuzdur.

#14 Divi Yüksek Hızlı Sayfa Planımızı Düşünün

Oluşturduğumuz bu test web sitesinde, Google PageSpeed ​​Desktop'ta 100 , Google PageSpeed ​​Mobile'da 99 ve GTmetrix'te % 100 puan alan bir Divi web sitesi oluşturmak kolaydı. Bu web sitesi planı, geliştiricilerin Divi'nin yerleşik hız optimizasyonunu ilk elden gerçek bir sitede deneyimlemelerine olanak tanır. Ayrıca Divi sayfa içeriğinizi hız için nasıl optimize edeceğinize iyi bir örnek olarak hizmet edebilir.

Bu test sitesi aşağıdaki gibi optimize edilmiştir:

• SiteGround'da barındırılıyor
• Önbelleğe Alma, CDN, Brotli Sıkıştırma için CloudFlare Kullanıldı
• Ek Eklentiler kullanılmadı.
• Kullanılan Divi'nin Yerleşik Performans Özellikleri
• Optimize Sayfa İçeriği
  • Her sayfa için oluşturulan dinamik CSS'yi azaltmak için akıllı stiller (Bölme Ön Ayarları) kullanıldı.
  • Kritik CSS'nin yalın olduğundan emin olmak için ekranın üst kısmı optimize edildi.
  • Üçüncü taraf bir sunucudan bir yazı tipi indirmek zorunda kalmamak için web uyumlu bir yazı tipi (Arial) kullanıldı.
  • Kullanılmış sıkıştırılmış resimler
  • Animasyon veya hareket efektleri kullanmadım
  • Gerekli sosyal simgeleri içeren daha küçük bir simge yazı tipi alt kümesini yüklemek için simgelerin kullanımını sınırlandırdı.

Sonuç:

• CSS boyutu %94 küçültüldü.
• Oluşturmayı engelleyen tüm varlıklar tamamen ortadan kaldırıldı ve Divi'nin JavaScript boyutu yarıya indirildi.
• Gereksiz kaynak istekleri yoktur.
• Ekranın üst kısmında içerik hemen görünür.
• Google PageSpeed ​​Desktop'ta %100 , Google PageSpeed ​​Mobile'da %99 puan aldı
• GTmetrix'te %100 puan aldı.

Test sitesi için neler öğrenebiliriz?

Sonuç olarak, Divi size onu nasıl kullanmak istediğinizi ve web sitenizin ne kadar hızlı olmasını istediğinizi seçme gücü verir. Test sitesi, kutudan mükemmele yakın sayfa hızı puanları alabileceğinizi gösteriyor. Ancak Divi'yi bu kadar harika yapan tüm güçlü tasarım araçlarını kullanmamış olmamız, onları kullanmaktan korkmanız gerektiği anlamına gelmez. Bir sayfada bir modül veya özellik kullanmazsanız Divi, öğeyi veya CSS'sini gereksiz yere işlemez ve/veya yüklemez. Ancak bir modül veya özellik eklemeye karar verirseniz, Divi yalnızca gerekli öğeleri ve CSS'yi işlemeye ve/veya yüklemeye dikkat eder, başka bir şey yapmaz. Bu, sitenizi oluşturmak için Divi'nin gücünü serbest bırakmaya karar verdiğinizde web şişkinliği konusunda endişelenmenize gerek kalmadan üzerine inşa edebileceğiniz hafif bir çerçeve sağlar.

Diğer İpuçları

Daha hızlı Divi/WordPress web sitelerine katkıda bulunan tüm önemli faktörleri hemen hemen ele aldık. Ancak hızınızı daha da artırabilecek dikkate alınması gereken çok daha fazla şey var.

• Doğru bir Divi alt teması kurulumuna sahip olmak
• Bu botların sunucunuzu aşırı yüklemesini önlemek için WordPress Giriş URL'nizi değiştirme. Bu, Divi ile özel bir giriş sayfası oluşturmak için iyi bir fırsat olacaktır.
• 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 sayfa yüklemesini yavaşlatacaktır.
• Daha iyi sayfa yükleme hızı için resimler ve videolar için tembel yüklemeyi dahil edin.

Divi ve diğer Üçüncü Taraf Performans Eklentilerini Kullanma

Divi'nin yerleşik performans optimizasyonları, herhangi bir performans eklentisi ile ortadan kaldırılamayan şişkinliği ortadan kaldırdığı için her Divi sitesini hızlandıracaktır. Bununla birlikte, Divi'nin yerleşik optimizasyonlarına ek olarak sitenizin hızını artırmak için ek üçüncü taraf performans eklentileri kullanabilirsiniz. Divi performans iyileştirmeleri yalnızca Divi için geçerlidir ve üçüncü taraf eklentiler için geçerli değildir, bu nedenle performans eklentileriniz Divi dışındaki diğer alanlarda size fayda sağlayabilir. Örneğin, web sitenizi önbelleğe almaktan ve bir CDN kullanmaktan yine de yararlanabilirsiniz.

Çakışan Performans Eklentileriyle Başa Çıkma

Divi zaten optimize edildiğinden, üçüncü taraf performans eklentisi kullanmak çakışmaya neden olabilir. Bu nedenle, Divi temanızı güncel tutmanız ve tüm üçüncü taraf eklentilerini önceden iyice test etmeniz önemlidir. Divi'nin yerleşik optimizasyonlarını diğer popüler optimizasyon eklentileriyle test etmek için elimizden gelenin en iyisini yapıyoruz. Ancak, bir web sitesinin herkes için en iyi şekilde çalışacağını veya çakışmaların olmayacağını söylemek için tüm nüansları ölçmenin bir yolu yoktur.

Örneğin, üçüncü taraf eklentiler JavaScript dosyalarını hatalara/sorunlara neden olacak şekilde otomatik olarak küçültebilir veya taşıyabilir, bu nedenle lütfen web sitenizi iyice test ettiğinizden emin olun.

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. Karşılaşabileceğiniz herhangi bir sorunla ilgili yardım için destek ekibimize ulaşmaktan çekinmeyin. Düzenlenmesine yardımcı olmaktan memnuniyet duyarız.

Son düşünceler

Divi her zamankinden daha hızlı. Yerleşik performans yükseltmeleriyle, standart Divi yüklemelerinizin ön uçta daha hızlı sayfa yüklemeleri, arka uçta daha hızlı bir WordPress yöneticisi ve sitenizi düzenlemek ve tasarlamak için daha hızlı bir Divi Builder bulunur. Bu harika bir başlangıç, ancak Divi sitenizin olabildiğince hızlı çalıştığından emin olmak için yapılacak daha çok şey var. Bu yazıda yer alan hız ve performans optimizasyonları sitenizin hızını kesinlikle 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 bu kadar basit şeyi ücretsiz olarak yapabilmeniz şaşırtıcı!

Eminim burada bahsedilmeyen tonlarca öneri ve kaynak vardır, bu yüzden bunları yorumlarda bizimle paylaşmaktan çekinmeyin.

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

Şerefe!

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