Önbellekleme işlemi sayfanızın yüklenme süresini hızlandırmaya yardımcı olur. Bazı sayfaların yüklenmesi normalde birkaç saniye sürebilirken, önbelleğe alınan sayfalar çok daha hızlı yüklenir. Şu sayf...

Sayfalarınızı Önbellekleme

Sayfanızın yüklenme süresini hızlandırmak için önbellekleme işlemini nasıl etkinleştireceğinizi öğrenin. Yüksek trafik alan ana sayfa ve hakkında sayfası gibi sayfaların önbelleğe alınması önerilirken, dinamik veri içeren sayfaların önbelleğe alınmaması gerektiği vurgulanıyor. Ayrıca, önbellekleme ayarlarını otomatik veya manuel olarak nasıl yapabileceğinizi keşfedin, böylece ziyaretçilerinizin deneyimini iyileştirin.

<div data-component-type="text"><div>Önbellekleme işlemi sayfanızın yüklenme süresini hızlandırmaya yardımcı olur. Bazı sayfaların yüklenmesi normalde birkaç saniye sürebilirken, önbelleğe alınan sayfalar çok daha hızlı yüklenir. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Şu sayfaların önbelleğe alınması ÖNERİLİR</h4><div class="collapsible-content"><div>Aşağıdakiler gibi yüksek trafik alan sayfalar için önbellekleme önerilir:</div><ul><li>Ana sayfanız </li><li>Hakkında sayfanız </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Şu widget'ların bulunduğu sayfaların önbelleğe alınması ÖNERİLMEZ</h4><div class="collapsible-content"><div>Ziyaretçilerinizin sitenizde yaptığınız değişiklikleri hemen göremeyecek olmasından dolayı, kullanıcı tarafından oluşturulan içerik veya dinamik veri (örn. fiyatlama) widget'larının bulunduğu sayfaların önbelleğe alınması önerilmez.<br />Aşağıdaki uygulama widget'larını içeren sayfaların önbelleğe alınmasını önermiyoruz:</div><ul><li>Mağaza Alışveriş Sepeti</li><li>Mağaza Ürün Galerisi</li><li>Mağaza Ürün Widget'ı</li><li>Mağaza Sepete Ekle Düğmesi</li><li>Bookings Widget'ı</li><li>Üye Menüsü</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Şu sayfalarda önbelleğe alma DEVRE DIŞIDIR</h4><div class="collapsible-content"><div>Ziyaretçilerinizin sitenizde yaptığınız değişiklikleri hemen göremeyecek olmasından dolayı, kullanıcı tarafından oluşturulan içeriklerin veya dinamik verilerin (örn. fiyatlama) bulunduğu sayfalarda önbellekleme devre dışıdır.<br />
Aşağıdaki sayfalar bu kapsama girer: </div><ul>
  <li>Wix Stores ürün sayfaları</li>  <li>Wix Bookings sayfaları</li>  <li>Wix Restaurant sayfaları</li>  <li>Wix Blog sayfaları</li>  <li>Facebook kullanıcı yorumlarını veya beğenilerini içeren sayfalar</li></ul></div></div></div><div data-component-type="heading"><h2 id="" level="3">Önbelleklemeyi etkinleştirmek için:</h2></div><div data-component-type="text"><ul><li><strong>Bu sayfa için önbelleklemenin nasıl işlemesini istiyorsunuz?</strong> açılan menüsüne tıklayın.<ul><li><strong>Otomatik</strong>: Sayfa (gereklilikleri karşılaması halinde) otomatik olarak önbelleğe alınır.</li><li><strong>Manuel</strong>: Sayfanın önbelleğe alınıp alınmayacağını kendiniz belirlersiniz.<ul><li><strong>Etkin:</strong> Sayfa önbelleğe alınır.<ul><li>Sayfanın önbelleğini ne sıklıkta sıfırlamak istediğinizi seçin. </li></ul></li><li><strong>Devre Dışı: </strong>Sayfa önbelleğe alınmaz.</li></ul></li></ul></li></ul><div><br /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Sayfaları önbelleğe alma hakkında önemli bilgiler:</div><div class="info-content"><ul>
  <li>Bir ziyaretçi sitenize giriş yaptığında sayfalar önbelleğe alınmaz.</li>  <li>Bir sayfanın önbellek kayıtları, sayfayı görüntüleyenlere ait yazılımların kullandığı yüksek kaliteli şifrelemenin devamını sağlamak amacıyla, birkaç saatte bir (veya manuel ayarda seçtiğiniz sıklıkta) temizlenir. Ayrıca Editörde <strong>Yayınla</strong>'ya her tıkladığınızda aynı temizleme işlemi gerçekleşir.</li>  <li>Bir sayfa için önbellek oluşturmayı etkinleştirdiyseniz, ardından değişiklikler yapın ve <a data-composite="true" href="https://support.wix.com/tr/article/site-geçmişinizi-yönetme" target="">sitenizi bu sürüme geri döndürün</a>, sayfa etkin olmaya devam eder. </li>  <li>İstediğiniz sayfaları önbelleğe almak için elimizden gelenin en iyisini yapıyoruz ve önbelleğe alma sürecini optimize etmek için sürekli çalışıyoruz.</li></ul></div></div></div>

Performansı önceliklendiren tasarım seçimleri yaparak hızlı ve ilgi çekici bir web sitesi oluşturun. İlk olarak neyin gösterileceğini, görüntüleri ve videoları nereye yerleştireceğinizi ve içeriklerin...

Site Performansı: Performans Odaklı Site Tasarımı

Hızlı ve etkileyici bir web sitesi oluşturmak için performansı önceliklendiren tasarım seçimleri yapmayı öğrenin. Sayfa yükleme sürelerini azaltmak ve kullanıcı deneyimini iyileştirmek için içeriklerinizi stratejik olarak düzenleyin. Görüntü ve video optimizasyonu, özel sayfalar kullanma ve gecikmeli yükleme gibi tekniklerle sitenizin hızını artırarak ziyaretçilerinizin ilgisini canlı tutabilirsiniz.

<div data-component-type="text"><div>Performansı önceliklendiren tasarım seçimleri yaparak <a data-composite="true" href="https://www.wix.com" target="_blank">hızlı ve ilgi çekici bir web sitesi oluşturun</a>. İlk olarak neyin gösterileceğini, görüntüleri ve videoları nereye yerleştireceğinizi ve içeriklerinizi nasıl düzenleyeceğinizi seçerek sayfalarınızın hızlı yüklenmesini ve kullanıcıların aradıklarını bulmalarını kolaylaştırabilirsiniz. Sitenizin hızını artırmak, ziyaretçilerin ilgisini canlı tutmak ve her cihazda sorunsuz ve profesyonel bir deneyim sunun.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-element-loading-order" level="3">Öge yükleme sırasını optimize etme</h2></div><div data-component-type="text"><div>Sitenizdeki ögeler, türlerine ve boyutlarına göre belirli bir sırada yüklenir. Bu sırayı anlamak, ilk görünene öncelik vermenize yardımcı olur ve sorunsuz bir deneyim sağlar.</div></div><div data-component-type="text"><ul>
  <li><strong>Statik ögeler:</strong> En hızlı yüklenen metinler ve temel şekiller bunlardır. Hızlı görünürlük sağlamak için bunları ekranın üst kısmına ekleyin.</li>  <li><strong>Akışkan ögeler:</strong> Görüntüler ve videolar bu kategoriye girer. Sitenize hayat katmakla kalmaz, performansı yavaşlatabilirler. Mümkün olduğunda bunları ekranın alt kısmına yerleştirin.</li>  <li><strong>Etkileşimli ögeler:</strong> iFrame'ler, animasyonlar ve üçüncü taraf uygulamalar gibi ögeler en son yüklenir. Uzun yükleme sürelerini önlemek için bunları dikkatli ve stratejik bir şekilde kullanın.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">İpucu:</div><div class="info-content"><div>Ana sayfaya daha fazla özen göstermenizi öneririz, çünkü sitenize giren ziyaretçileri genellikle bu sayfa karşılar.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-a-high-performing-above-the-fold-section" level="3">Yüksek performans gösteren Ekran Üstü Üst Kenar Sayfaları tasarlama</h2></div><div data-component-type="text"><div>Ekranın üst kısmındaki bölüm, web sayfanızın kullanıcı kaydırmaya başlamadan önce görünen alanını gösterir. İlk yüklendiğinden, hafif ve amaca yönelik olması çok önemlidir.</div></div><div data-component-type="text"><div><strong>Önerilen ögeler:</strong></div><ul>
  <li><strong>Metin:</strong> Sayfanızın amacını net bir şekilde yansıtan kısa ve etkili metinler kullanın. Sistem yazı tiplerine bağlı kalın ve yazı tipi ailelerini ve ağırlıklarını aşırı kullanmaktan kaçının.</li>  <li><strong>Harekete Geçirici Mesajlar (CTA):</strong> &quot;Hemen Alışveriş Yap&quot; veya &quot;Daha Fazla Bilgi&quot; gibi kullanıcı eylemlerine rehberlik edecek net düğmeler veya bağlantılar ekleyin. CTA'ların yakınına dikkat dağıtan ögeler yerleştirmekten kaçının.</li></ul><div><br /></div><div><strong>Simge durumuna küçültülecek ögeler:</strong></div><ul>
  <li>Büyük boy görüntüler veya videolar</li>  <li>Animasyonlar</li>  <li>Yüksek çözünürlüklü görüntülerin aşırı kullanımı</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">İpucu:</div><div class="info-content"><div>Ekranın üst kısmındaki içeriğin hızlı yüklenecek şekilde optimize edildiğinden emin olmak için Google PageSpeed Insights veya <a data-composite="true" href="https://support.wix.com/tr/article/site-hızı-kontrol-panelinizi-anlama" target="">Wix'in Site Hızı kontrol paneli</a> gibi araçları kullanın.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-dedicated-pages" level="3">Özel sayfaları kullanma</h2></div><div data-component-type="text"><div>Sayfaların çok fazla ögeyle aşırı yüklenmesi, başta ana sayfa olmak üzere performansı etkiler. Bunun yerine belirli site özellikleri veya uygulamaları için <strong>özel sayfalar</strong> oluşturun.</div></div><div data-component-type="text"><div>Stores, Bloglar veya Videolar gibi özellikler için sayfalar ekleyin ve düğmeler veya menü ögeleri aracılığıyla ana sayfadan bunlara bağlantı verin. İçeriği site sayfalarınıza dağıtarak ve gereksiz ögeleri sınırlayarak sayfa uzunluğunu yaklaşık <strong>sekiz ekranın</strong> altında tutun.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-images-and-videos" level="3">Görüntüleri ve videoları optimize etme</h2></div><div data-component-type="text"><div>Medya dosyaları, büyük boyutları ve çözünürlükleri nedeniyle web sitelerini genellikle yavaşlatır. Bunları nasıl etkili bir şekilde yönetebilirsiniz:</div></div><div data-component-type="text"><div><strong>Görüntüler:</strong></div><ul>
  <li>WebP veya JPEG gibi basit formatlar kullanın.</li>  <li>Wix'e yüklemeden önce dosyaları sıkıştırın.</li>  <li>Optimizasyon için görüntüleri profesyonel bir galeride sergileyin.</li></ul><div><br /></div><div><strong>Videolar:</strong></div><ul>
  <li>Performansı optimize etmek için videoları Wix Video, YouTube veya Vimeo'da barındırın.</li>  <li>İlk sayfaların daha hızlı yüklenmesi için videoları ekranın üst kısmına yerleştirmekten kaçının.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading" level="3">Gecikmeli yükleme</h2></div><div data-component-type="text"><div>Tembel yükleme, görüntülerin ve videoların kullanıcının görüntü alanında görünene kadar yüklenmesini geciktirerek sayfanın ilk yüklenme sürelerini iyileştirir. Bu özellik Wix'te otomatik olarak etkinleştirilir, ancak en iyi şekilde görüntüler ve videolar galeriler veya şeritler gibi desteklenen ögelere yerleştirildiğinde ve daha hızlı görünürlük için ekranın üst kısmındaki içeriğin minimum düzeyde tutulduğunda çalışır.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-additional-elements" level="3">Ek ögeleri yönetme</h2></div><div data-component-type="text"><div>Diğer tasarım kararları sitenizin hızını ve performansını etkileyebilir:</div><ul>
  <li><strong>Düğmeler:</strong> Sitenizin başka bir yerindeki ilgili içeriğe bağlantı veren, net ve kısa düğmeler oluşturun. Örneğin, &quot;Kataloğu Keşfet&quot; veya &quot;Daha Fazla Proje Görüntüle&quot; seçeneklerinden birini kullanabilirsiniz.</li>  <li><strong>Özel Kod:</strong> Tüm özel kodların optimize edildiğinden ve gecikmeyi azaltmak için &quot;erteleme&quot; veya &quot;async&quot; gibi özellikler kullandığından emin olun.</li>  <li><strong>Sayfalandırma veya daha fazla yükle düğmesi:</strong> Özellikle ürün ağırlıklı sitelerde tüm ürünleri tek bir sayfada göstermekten kaçının. Yüklemeyi verimli tutmak için <a data-composite="true" href="https://support.wix.com/tr/article/sayfalandırma-çubuğu-ekleme-ve-kurma" target="">sayfalandırma</a> veya isteğe bağlı yükleme özellikleri uygulayın.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">İpuçları:</div><div class="info-content"><ul>
  <li><strong>Düzenli olarak test edin:</strong> Performansı izlemek ve iyileştirmek için Google PageSpeed Insights ve <a data-composite="true" href="https://support.wix.com/tr/article/site-hızı-kontrol-panelinizi-anlama" target="">Wix Site Hızı kontrol panelini</a> kullanın.</li>  <li><strong>Ekranın üst kısmındaki içeriğe öncelik verin:</strong> Hafif ve statik ögeler ekleyerek önemli içeriğin hızlı bir şekilde yüklenmesini sağlayın.</li>  <li><strong>Üçüncü taraf uygulamaları simge durumuna küçültün:</strong> Gereksiz yavaşlamaları önlemek için yalnızca temel uygulamaları veya widget'ları kullanın.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs-1" level="3">SSS</h2></div><div data-component-type="text"><div>Daha fazla bilgi edinmek için aşağıdaki sorulara tıklayın.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wix web sitemin yüklenmesi neden yavaş ve web sitemin hızını nasıl artırabilirim?</h4><div class="collapsible-content"><div>Büyük görüntü dosyaları, aşırı animasyonlar ve ağır ögeler sitenizi yavaşlatabilir. Site ayarlarından önbelleğe almayı etkinleştirebilir, ana sayfa içeriğini daraltabilir, özel yazı tiplerini sınırlayabilir ve görüntüleri JPEG veya WebP gibi biçimlere optimize edebilirsiniz. Analizler için Wix Site Hızı kontrol panelini kullanın.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mobil sitem neden masaüstü sitemden daha yavaş?</h4><div class="collapsible-content"><div>Mobil siteler, daha yavaş internet ve daha küçük cihaz işlem gücü nedeniyle yükleme sürelerinde sorun yaşayabilir. Mobil tasarımı basitleştirerek, medya için gecikmeli yüklemeyi kullanarak ve videolar gibi ağır ögelerden kaçınarak performansı artırın.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Largest Contentful Paint (LCP) puanımı nasıl artırabilirim?</h4><div class="collapsible-content"><div>LCP'yi öne çıkarmak için animasyonlar veya videolar yerine ekranın üst kısmındaki statik ögeleri (ör. metin veya düğmeler) kullanın. Sayfadaki en büyük görüntüyü veya videoyu optimize ederek özel veya aşırı yazı tiplerini azaltın.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mağazamı yavaşlatmadan çok sayıda ürünü sergilemenin en iyi yolu nedir?</h4><div class="collapsible-content"><div>Ürünleri daha küçük gruplara bölmek için sayfalandırmayı veya &quot;Daha Fazla Yükle&quot; düğmesini kullanarak tek seferde yüklenen veri miktarını azaltabilirsiniz. Site hızını korumak için tüm ürünleri tek bir sayfada listelemekten kaçının.</div></div></div></div>

Görüntüler ve videolar site ziyaretçilerinin ilgisini çekmek için temel ögelerdir ve içeriğinizi görsel olarak çekici ve akılda kalıcı hale getirir. Ancak medyanızı optimize etmek, daha hızlı yükleme ...

Site Performansı: Site Medyasını Optimize Etme

Görüntü ve videolar, sitenizin görsel çekiciliğini artırmak için kritik öneme sahiptir. Bu makalede, medyanızı optimize ederek daha hızlı yükleme süreleri ve sorunsuz bir kullanıcı deneyimi sağlamanın yollarını keşfedeceksiniz. Doğru formatları seçmek, yüksek kaliteli görüntüler yüklemek ve galerileri etkili bir şekilde düzenlemek gibi ipuçları ile sitenizin performansını artırabilirsiniz. Ayrıca, videoları optimize etme ve yaygın sorunları çözme konusunda da rehberlik alacaksınız.

<div data-component-type="text"><div>Görüntüler ve videolar site ziyaretçilerinin ilgisini çekmek için temel ögelerdir ve içeriğinizi görsel olarak çekici ve akılda kalıcı hale getirir. Ancak medyanızı optimize etmek, daha hızlı yükleme süreleri ve sorunsuz bir kullanıcı deneyimi sağlamak için çok önemlidir. Görsellerinizin kalitesini korurken sitenizin performansını artırmak için bu ipuçlarını ve yönergeleri izleyin.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/e756fa40-c292-4425-91e4-e16787960aca/99749c26-db8a-4954-9efa-a2f59202ebdb.png" alt="Ekranın üst kısmındaki görüntülerin gösterildiği canlı bir Wix sitesi." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-images-on-your-site" level="3">Sitenizdeki görüntüleri optimize etme</h2></div><div data-component-type="text"><div>Görüntüler fotoğrafçılık, ürünler veya blog görselleri gibi içeriğinizi sergilemenin harika bir yoludur. Görüntüleri optimize ederek yükleme hızını ve genel performansı artırabilirsiniz.</div></div><div data-component-type="text"><div>Görüntüleri optimize etmeye yönelik talimatlarımız hakkında daha fazla bilgi edinmek için aşağıdaki seçeneklere tıklayın.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Doğru formatı seçin</h4><div class="collapsible-content"><div>Wix, doğrudan sitenize görüntü, video, ses, simge, vektör sanatı (SVG) gibi <a data-composite="true" href="https://support.wix.com/tr/article/desteklenen-medya-dosyası-türleri-ve-dosya-boyutları" target="">çok çeşitli medya dosyası türlerini</a> yüklemenize olanak tanır. Sitenize bir görüntü yüklediğinizde WebP biçimi site performansı için daha iyi optimize edildiğinden görüntünüz otomatik olarak WebP biçimine dönüştürülür.</div><div><br /></div><ul>
  <li><strong>Görüntüler:</strong> AVIF, JPEG'den daha iyi ve WebP'den yaklaşık %50 daha küçük yeni bir görüntü dosyası türüdür. Bu, AVIF görüntülerinin canlı sitenize daha hızlı yüklenmesini sağlar. Ayrıca AVIF'in geniş bir renk yelpazesini işleyebilmesi görüntülerin daha da gerçekçi görünmesini sağlar. Wix, AVIF kullanarak görüntülerinizi canlı sitenizde otomatik olarak sıkıştırır. </li></ul><div><br /></div><ul>
  <li><strong>SVG görüntüleri: </strong>SVG grafikler (vektör sanatı olarak da bilinir), diğer raster görüntü formatlarında kullanılan piksel ızgaralarının aksine, grafik çizimi için matematiksel denklemler kullanır. Bu özellik SVG dosyalarını daha hafif yaparak genellikle daha yüksek hızda yüklenmelerini sağlar. Ayrıca bu dosyaları görüntü kalitesinden ve keskinliğinden ödün vermeden yeniden boyutlandırmak mümkündür. Dekoratif şekiller ve işletme logoları için vektör sanatını kullanmanızı öneririz. </li></ul><div><br /></div><ul>
  <li><strong>GIF'ler: </strong>GIF'ler animasyonlu içerik sergilemek için popüler bir format olsa da, modern video kodlama formatları hem boyut hem de kalite açısından daha avantajlıdır. Bu nedenle animasyonlu veya hareketli içerikler için GIF yerine video dosyalarını kullanmanızı öneririz.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">En iyi kalitede görüntü yükleme</h4><div class="collapsible-content"><ul>
  <li>Kalite ve netlik için yüksek çözünürlüklü (minimum 2560x1440 piksel) görüntüler kullanın.</li>  <li>25 MB'den büyük dosyaları yüklemeden önce harici araçları kullanarak sıkıştırın.</li>  <li>Yükleme sürelerini kısaltmak için arka plan görüntülerini şekiller veya renkli bölümler gibi statik ögelerle değiştirin.</li>  <li>Yüklemeden önce resimleri önerilen boyutlara ayarlamak için <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-resizer" target="_blank">Wix resim boyutlandırıcı</a>'yı kullanın.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/4332201f-6ee5-4d39-a82d-b8636baa42fe/3c2154f2-eaa8-4b58-b458-726a86a2defe.png" alt="Ekranın üst kısmındaki görüntülerin gösterildiği canlı bir Wix sitesi." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="organizing-galleries-on-a-site" level="3">Sitedeki galerileri düzenleme</h2></div><div data-component-type="text"><div>Wix, birden fazla medya dosyasını sergilemek için çeşitli galeri seçenekleri sunar. Galerilerin doğru organizasyonu ve yerleşimi sitenizin hızını ve etkinliğini önemli ölçüde etkileyebilir. Aşırı yüklemeyi önlemek için bir sayfada birden çok galeri kullanmak yerine birden çok medya ögesi bulunan tek bir galeriyi seçin. </div><div><br /></div><div>Performansı yönetirken etkileşimi artıran <a data-composite="true" href="https://support.wix.com/tr/article/wix-pro-gallery-daha-fazla-yükle-düğmesini-etkinleştirme-ve-özelleştirme" target="">&quot;Daha Fazla Yükle&quot; düğmesiyle</a> galerinizin aşamalı olarak yüklenmesine izin verin. Galerileri <strong>ekranın alt kısmına</strong> (ziyaretçilerin kaydırdıktan sonra görecekleri içerik) yerleştirin. Bu, ekranın üst kısmındaki metinlerin ve CTA'ların hızlı bir şekilde yüklenmesini sağlayarak galeri içeriğiniz yüklenmeye devam ederken ziyaretçilerin ilgisini canlı tutar.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/599f366f-3a58-49b3-84be-eafad6349a4e/ec6266b8-30fe-4a66-8f0e-20c3cb2616cd.png" alt="Ekranın üst kısmındaki görüntülerin gösterildiği canlı bir Wix sitesi." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-videos-on-a-site" level="3">Sitedeki videoları optimize etme</h2></div><div data-component-type="text"><div>Videolar, öğreticiler içerikler, tanıtım materyalleri veya ürün özellikleri gibi değerli içerikler sunmak için kullanışlıdır. Performans sorunlarını önlemek için video oynatmayı optimize etmek çok önemlidir. </div><div><br /></div><div>Optimizasyon ve oynatma performansı için videoları yerleşik <a data-composite="true" href="https://support.wix.com/tr/article/wix-video-wix-video-hakkında" target="">Wix Video</a> ile barındırın. Gömülü videolar (YouTube, Vimeo vb.) iFrame'ler aracılığıyla teslim edilir ve Wix tarafından optimize edilemez. Kullanımlarını sınırlayın ve ekranın alt kısmına yerleştirin.</div><div><br /></div><div>Sayfanın ilk yüklenmesini yavaşlatabileceği için videoları arka plan olarak kullanmaktan kaçının. Bunun yerine görüntü veya metin gibi statik yer tutuculara geçin. </div><div><br /></div><div>Tek bir sayfada gösterilen video sayısını sınırlayın. Birden fazla videoda ana sayfanızı basitleştirmek için özel bir sayfa oluşturun ve &quot;Daha Fazla Video Gör&quot; gibi düğmeleri kullanarak bağlantı verin.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/45644fc2-4cff-4fce-99fa-4a29a2f5ad72/5e2c039f-d695-4c8a-92d4-3282640ea0c6.png" alt="Ekranın üst kısmındaki görüntülerin gösterildiği canlı bir Wix sitesi." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="common-issues-and-solutions" level="3">Yaygın sorunlar ve çözümleri</h2></div><div data-component-type="heading"><h2 id="" level="4">Bulanık görüntüler</h2></div><div data-component-type="text"><div>Görüntüler bulanık görünüyorsa:</div><ul>
  <li>Yüksek çözünürlüklü (2560x1440 piksel veya üzeri) olduklarından emin olun.</li>  <li>Uygun biçimleri (AVIF, WebP veya JPEG) kullanın.</li>  <li>Ekran görüntüleri genellikle daha düşük çözünürlükte olduğu için yüklemekten kaçının.</li>  <li>Netliği artırmak için Wix Editör'deki <a data-composite="true" href="https://support.wix.com/tr/article/wix-pro-gallery-görüntü-kalitesini-ayarlama" target="">Görüntü Netleştirme</a> özelliğini kontrol edin.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Yavaş ana sayfa yükleniyor</h2></div><div data-component-type="text"><div>Ana sayfanın yavaş yüklenmesinin yaygın nedenleri arasında aşırı sayıda görüntü veya video ve aşırı yüklü widget'lar bulunur. Sorunu gidermek için:</div><ul>
  <li>Ana sayfadaki ögeleri azaltarak tasarımı basitleştirin.</li>  <li>Ekranın üst kısmına metin veya statik görüntüler ekleyin.</li>  <li>Galeriler için <a data-composite="true" href="https://support.wix.com/tr/article/site-performansı-wix-sitenizin-yükleme-süresini-nasıl-i̇yileştirir#lazy-loading-images" target="">geç yükleme özelliğini</a> kullanın.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Videolar yavaş yükleniyor</h2></div><div data-component-type="text"><div>Video yükleme sürelerini kısaltmak için:</div><ul>
  <li>Yüklemeden önce videoları sıkıştırın.</li>  <li>Optimize edilmiş hosting için Wix Video kullanın.</li>  <li>Ekranın üst kısmındaki videoları statik ögelerle veya basit yer tutucularla değiştirin.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">İpuçları:</div><div class="info-content"><ul>
  <li><strong>Site hızınızı test edin:</strong> Performans sorunlarını belirlemek ve genel hızı artırmak için <a data-composite="true" href="https://support.wix.com/tr/article/site-hızı-kontrol-panelinizi-anlama" target="">Wix Site Hızı kontrol panelini</a> kullanın.</li>  <li><strong>Gezinme verimliliği için plan yapın:</strong> Hızlı yükleme için kritik ögeleri ekranın üst kısmında hafif tutun.</li>  <li><strong>Galerileri akıllıca kullanın:</strong> Her sayfayı bir galeri ile sınırlayın ve kapsamlı medya dosyaları için yükleme düğmelerini etkinleştirin.</li>  <li><strong>Mobil optimizasyonu izleyin:</strong> Daha küçük ekranlar için özel Wix Mobil Editör'ü kullanarak sitenizin mobil tasarımını düzenli olarak ayarlayın.</li></ul></div></div></div>

Site ziyaretçileri bir sayfaya, bölüme veya ögeye medya arka planı (görüntü veya video) uygularken arka plan yüklenirken hızlı bir renk kıvılcımı görebilir. Genellikle arka plan medyası, site ziyaretç...

Site Performansı: Ögeler Yüklenirken Renk Parlaması Görme

Arka plan medyası yüklenirken görülen renk parlamalarını azaltmak için sayfa ve öğelerin arka plan rengini nasıl değiştirebileceğinizi öğrenin. Bu makalede, Wix Editör kullanarak arka plan rengini güncelleyerek ziyaretçi deneyimini iyileştirme adımlarını keşfedeceksiniz. Ayrıca, bölümlerin, şeritlerin ve hücrelerin arka plan renklerini değiştirme yöntemleri ile slayt gösterilerinin arka planını uyumlu hale getirme ipuçları da sunulmaktadır.

<div data-component-type="text"><div>Site ziyaretçileri bir sayfaya, bölüme veya ögeye medya arka planı (görüntü veya video) uygularken arka plan yüklenirken hızlı bir renk kıvılcımı görebilir. </div></div><div data-component-type="text"><div>Genellikle arka plan medyası, site ziyaretçilerinin arka plan rengini fark etmeyeceği kadar hızlı yüklenir. Bu renk flaşını daha az görünür hale getirmek için etkileyen ögelerin arka plan rengini değiştirebilirsiniz.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="causes-of-color-flashes" level="3">Renkli parlamaların nedenleri</h2></div><div data-component-type="text"><div>Arka plan medyasının canlı siteye yüklenmesi bazen daha uzun sürebilir. Site ziyaretçileri yavaş bir internet bağlantısı kullanıyorsa veya arka plan medyasının dosya boyutu yüksekse, görüntü/video yüklenmeden önce bir renk parlaması görülebilir.</div></div><div data-component-type="text"><div>Sayfaların ve ögelerin arka plan rengini değiştirerek bu parlamanın daha az fark edilir olmasını sağlayabilirsiniz. Site ziyaretçilerinin deneyimini iyileştirmek için mümkün olduğunca video veya görüntüye benzer bir renk seçmenizi öneririz. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-color-of-site-pages" level="3">Site sayfalarının arka plan rengini değiştirme</h2></div><div data-component-type="text"><div>Wix Editör sitenizdeki bir sayfaya arka plan görüntüsü/videosu eklediyseniz, Site Tasarımı panelinden arka plan rengini değiştirebilirsiniz.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Studio'yu mu yoksa Harmony Editor'u mu kullanıyorsunuz?</div><div class="info-content"><div>Bu editörlerde sayfa arka planına medya eklemek mümkün değildir, bu nedenle bu adım için endişelenmenize gerek yoktur.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Sayfa arka plan rengini değiştirmek için:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüzde ilgili sayfaya gidin</a>.</li>  <li>Editörün sol çubuğundaki <strong>Site Tasarımı</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/02/01/91b3914b-14b7-40de-88e5-3a5dd4f8f0e1/ceebff03-aa14-45d9-9681-645cfbb8caf4.jpg" /> tıklayın.</li>  <li><strong>Sayfa arka planı</strong>'na tıklayın.</li>  <li>Arka plan görüntüsü önizlemesinin sol üst tarafındaki kapağa tıklayın.</li>  <li><a data-composite="true" href="https://support.wix.com/tr/article/wix-editör-sitenizin-renklerini-özelleştirme" target="">Sitenizin tema renkleri</a> arasından istediğiniz rengi seçin veya<strong> Renklerim</strong> altından özel bir renk uygulayın.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e04ace47-6626-4669-ba99-047f7d58a62e/7f1b4012-c636-4360-bac8-d92786b50892.jpg" alt="Site temasında sayfa arka planı paneli açık. Köşedeki renk katlamasına tıklanıyor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bilmenizde fayda var:</div><div class="info-content"><div>Panelin altındaki <strong>Diğer Sayfalara Uygula</strong>'ya tıklayarak bu rengi aynı arka plan medyasının bulunduğu tüm sayfalara uygulayabilirsiniz.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-color-of-sections-strips-and-cells" level="3">Bölümlerin, şeritlerin ve hücrelerin arka plan rengini değiştirme</h2></div><div data-component-type="text"><div>Bir bölüme arka plan görüntüsü/videosu eklediyseniz, editörünüzden arka plan rengini medyanın renk temasına uyacak şekilde güncelleyebilirsiniz. Site oluşturucunuza bağlı olarak, şeritlerin ve ızgara hücrelerinin rengini de değiştirebilirsiniz.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editör" class="tab-heading heading-0">Wix Editör</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div><div data-slug="Wix-Harmony-Editor" class="tab-heading heading-2">Wix Harmony Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Wix Editör ile site oluştururken, sayfadaki bölümlerin ve şeritlerin arka plan rengini değiştirebilirsiniz.</div></div><div data-component-type="heading"><h2 id="" level="4">Bir bölümün arka plan rengini değiştirmek için:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>İlgili bölüme sağ tıklayın. </li>  <li><strong>Arka Planı Değiştir</strong>'i seçin.</li>  <li>Arka plan görüntüsü önizlemesinin sol üst tarafındaki kapağa tıklayın.</li>  <li><a data-composite="true" href="https://support.wix.com/tr/article/wix-editör-sitenizin-renklerini-özelleştirme" target="">Sitenizin tema renkleri</a> arasından istediğiniz rengi seçin veya<strong> Renklerim</strong> altından özel bir renk uygulayın.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/f3bf211c-4ad9-4fd0-877e-55a6947fd6ab/d6704910-2630-4977-90ae-b2d87fde7116.jpg" alt="Wix Editör'de bir bölümün arka plan ayarlarında renk seçici açık." /></div></div><div data-component-type="heading"><h2 id="" level="4">Bir şeridin arka plan rengini değiştirmek için:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>Şeride tıklayın.</li>  <li><strong>Arka Planı Değiştir</strong> seçeneğine tıklayın.</li>  <li>Arka plan görüntüsü önizlemesinin sol üst tarafındaki kapağa tıklayın.</li>  <li><a data-composite="true" href="https://support.wix.com/tr/article/wix-editör-sitenizin-renklerini-özelleştirme" target="">Sitenizin tema renkleri</a> arasından istediğiniz rengi seçin veya<strong> Renklerim</strong> altından özel bir renk uygulayın.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/05dc2fd1-d522-4d76-8fdf-e39a05a532ed/3aed3151-754f-4b4f-9208-8ee8afb44447.jpg" alt="Wix Editör'de bir şeridin arka plan ayarlarında renk seçici açık." /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Studio Editor'da Denetçi panelini kullanarak bölümlerin arka plan rengini değiştirebilirsiniz. Bir ızgara bölümünüz varsa, her bir hücrenin arka plan rengini değiştirmeniz de mümkündür. </div></div><div data-component-type="heading"><h2 id="" level="4">Bir bölümün arka plan rengini değiştirmek için:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>Sayfada ilgili bölümü seçin.</li>  <li>Editörün sağ üst köşesindeki <strong>Denetçiyi Aç</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> tıklayın.</li>  <li><strong>Renk</strong> altındaki renk kutusuna tıklayın.</li>  <li>Tema renkleri arasından seçim yapın veya özel bir renk ekleyin/uygulayın.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/6c3a6772-7a99-4427-88c2-0df2b0090ece/ededb826-6815-488b-afa1-9a9ba5edc1da.jpg" alt="Bir bölüm için denetçi paneli açık. Renk seçiciden bir renk seçiliyor." /></div></div><div data-component-type="heading"><h2 id="" level="4">Bir hücrenin arka plan rengini değiştirmek için:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>Bölümdeki ilgili hücreyi seçin.</li>  <li>Editörün sağ üst köşesindeki <strong>Denetçiyi Aç</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> tıklayın.</li>  <li><strong>Arka Plan</strong> altındaki renk kutusuna tıklayın.</li>  <li>Tema renkleri arasından seçim yapın veya özel bir renk ekleyin/uygulayın.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e4ad420f-7337-4105-ad39-f46a994b777b/7b1f25bc-b3c7-4899-9fb0-75c6f689c265.jpg" alt="Bir hücre için denetçi paneli açık. Renk seçiciden bir renk seçiliyor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Not:</div><div class="info-content"><div>Hücre arka planına görüntü veya video eklemek mümkün değildir. Ancak, hücreye iliştirdiğiniz medyanın rengiyle eşleşmesi amacıyla arka plan rengini değiştirebilirsiniz.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>Wix Harmony Editor ile bir site oluştururken sayfanızdaki bölümlerin arka plan rengini değiştirebilirsiniz. Bölümünüz bir ızgaraya bölündüyse, belirli hücrelerin arka plan rengini de değiştirebilirsiniz.  </div></div><div data-component-type="heading"><h2 id="" level="4">Bir bölümün arka plan rengini değiştirmek için:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>İlgili bölüme tıklayın.</li>  <li>Eylem çubuğunda <strong>Arka Planı Değiştir</strong>'e tıklayın. </li>  <li><strong>Renk</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" /> tıklayın.</li>  <li>Renk dairesine tıklayın.</li>  <li>(Renk Seçici'de) Marka renklerinizden birini veya özel bir renk seçin.<br />
<strong>İpucu: </strong>Sayfanızdan belirli bir rengi almak için <strong>Damlalık</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" /> tıklayın.</li></ol></div><div data-component-type="heading"><h2 id="" level="4">Bir hücrenin arka plan rengini değiştirmek için:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>İlgili bölüme tıklayın.</li>  <li>İlgili hücreye tıklayın. </li>  <li>Eylem çubuğunda <strong>Arka Planı Değiştir</strong>'e tıklayın. </li>  <li><strong>Renk</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" /> tıklayın.</li>  <li>Renk dairesine tıklayın.</li>  <li>(Renk Seçici'de) Marka renklerinizden birini veya özel bir renk seçin. <br />
<strong>İpucu: </strong>Sayfanızdan belirli bir rengi almak için <strong>Damlalık</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" /> tıklayın.</li></ol></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-background-color-of-slides" level="3">Slaytların arka plan rengini değiştirme</h2></div><div data-component-type="text"><div>Slayt gösterileri bir sitede medya dosyalarını sergilemenin en göz alıcı ve etkileşimli yollarından biridir. Profesyonel ve uyumlu bir görünüm elde etmek için <a data-composite="true" href="https://support.wix.com/tr/article/wix-editör-slayt-gösterinizin-tasarımını-özelleştirme" target="">slaytların arka plan rengini medyayla uyumlu hale getirin</a>. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Studio Editor mu kullanıyorsunuz?</div><div class="info-content"><div>Bir slayt gösterisi ögesi arka planına medya eklemek veya <a data-composite="true" href="https://support.wix.com/tr/article/studio-editor-özellik-talebi-bireysel-slayt-gösterisi-ögeleri-tasarlama" target="">slayt gösterisi ögelerini ayrı ayrı özelleştirmek</a> mümkün değildir.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Slayt arka plan rengini değiştirmek için:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>Sayfadaki slayt gösterisine tıklayın.</li>  <li>İlgili slayta gitmek için mavi oklara tıklayın.</li>  <li><strong>Slayt Arka Planını Değiştir</strong>'e tıklayın.</li>  <li>Arka plan görüntüsü önizlemesinin sol üst tarafındaki kapağa tıklayın.</li>  <li><a data-composite="true" href="https://support.wix.com/tr/article/wix-editör-sitenizin-renklerini-özelleştirme" target="">Sitenizin tema renkleri</a> arasından istediğiniz rengi seçin veya<strong> Renklerim</strong> altından özel bir renk uygulayın.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/fefc5619-2754-4725-8cb6-197898cf2341/fa27dd04-5d91-4035-9695-703e228ccf86.jpg" alt="Wix Editör'de bir slaytın arka plan ayarlarında renk seçici açık." /></div></div>

Sitenizin performansını artırmak, devam eden bakımın yanı sıra oluşturma sürecinin önemli bir parçasıdır. Bu makaledeki kılavuz ilkeler ziyaretçinizin deneyimini iyileştirmeye yardımcı olabilir, ayrıc...

Site Performansı: En İyi Uygulamalar

Sitenizin performansını artırmak için önemli ipuçları öğrenin. Bu makalede, yükleme sürelerini iyileştirmek, ziyaretçi deneyimini geliştirmek ve sitenizin hızını optimize etmek için en iyi uygulamalar keşfedeceksiniz. Ayrıca, mobil sitenizi optimize etme ve üçüncü taraf kodlarının etkilerini yönetme konusunda da rehberlik alacaksınız. Bu bilgilerle, sitenizin daha hızlı yüklenmesini sağlayarak kullanıcı memnuniyetini artırabilirsiniz.

Yükleme sürelerini hızlandırmak için site sayfalarınızı önbelleğe alın. Bir sayfa önbelleğe alındığında, içeriği ve ögeleri her ziyaretçi için sıfırdan oluşturulmaz. Bunun yerine, çoğu ziyaretçi sayfa...

Site Performansı: Yüklenme Hızlarını Optimize Etmek İçin Sayfaları Önbellekleme

Sayfa yükleme sürelerini hızlandırmak için sitenizde önbellekleme kullanmayı öğrenin. Önbellekleme, ziyaretçilere daha hızlı yüklenen sayfa sürümleri sunarak deneyimlerini iyileştirir. Bu makalede, önbelleğin nasıl çalıştığı, sayfa bazında nasıl etkinleştirileceği veya devre dışı bırakılacağı ve site performansını artırma yolları hakkında bilgi edineceksiniz. Ayrıca, önbellekleme ile ilgili sıkça sorulan sorulara da yanıt bulabilirsiniz.

<div data-component-type="text"><div>Yükleme sürelerini hızlandırmak için site sayfalarınızı önbelleğe alın. Bir sayfa önbelleğe alındığında, içeriği ve ögeleri her ziyaretçi için sıfırdan oluşturulmaz. Bunun yerine, çoğu ziyaretçi sayfanın çok daha hızlı yüklenen kaydedilmiş (önbelleğe alınmış) bir sürümünü görür. </div></div><div data-component-type="text"><div>Önbellekleme hemen hemen tüm site sayfalarında otomatik olarak etkinleştirilir. Gerekirse, sayfalar için önbellekleme ayarlarını manuel olarak düzenleyebilirsiniz.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-caching-works" level="3">Önbellekleme nasıl işler</h2></div><div data-component-type="text"><div>Önbellek, sayfa sürümlerinin bir içerik dağıtım ağına (CDN) kaydedildiği geçici bir depolama alanıdır. Wix önbelleğe alınan bu sürümleri oluşturmak için SSR (sunucu taraflı işleme) teknolojisinden yararlanır. </div></div><div data-component-type="text"><div>Bir ziyaretçinin ilk kez ziyaret ettiği bir sayfa Wix tarafından otomatik olarak önbelleğe kaydedilir. Daha sonra gelen ziyaretçilere sayfanın CDN’de saklanan bu sürümü sunulur. Böylece sayfadaki ögeler ve varlıklar her seferinde en baştan yüklenmek zorunda kalmaz.</div></div><div data-component-type="text"><div>Önbelleğe alınmış sürümler genellikle bir haftaya kadar saklanır. Bir hafta sonra önbellek silinir ve sayfa CDN'den kaldırılır. Sayfa daha sonra bir ziyaretçi tarafından tekrar yüklendiğinde yine önbelleğe alınır. Ayrıca sitenizi her yayınladığınızda sayfa önbellekleri silinir.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="multiple-cached-versions-for-different-visitors" level="3">Farklı ziyaretçiler için birden çok önbelleğe alınmış sürüm</h2></div><div data-component-type="text"><div>Ziyaretçilerinizin coğrafi konumlarına, cihaz türlerine ve diğer parametrelere bağlı olarak aynı sayfanın farklı önbellek kopyaları oluşturulabilir.</div></div><div data-component-type="text"><div>Bir ziyaretçi bir sayfayı yüklediğinde, o ziyaretçiye özgü parametreler çerçevesinde önbelleğe alınmış bir sürüm oluşturulur. Aynı parametrelere sahip sonraki ziyaretçiler önbellekteki bu sürümü kullanır ve böylece sayfa daha hızlı yüklenir. Farklı parametrelere sahip ziyaretçilerin sayfayı ziyaret etmesi, söz konusu parametrelere sahip sonraki ziyaretçiler için optimize edilmiş yeni bir önbellek sürümünün oluşturulmasını tetikler.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="caching-and-site-performance-metrics" level="3">Önbelleğe alma ve site performansı ölçümleri</h2></div><div data-component-type="text"><div>Önbelleğe alınan sayfalar, LCP (en büyük zengin içerikli boyama) ve FCP (ilk zengin içerikli boyama) gibi metrikler dahil olmak üzere genel site performansınızı artırmanıza yardımcı olarak sitenizin Core Web Vitals skorlarını ve arama motoru sıralamasını iyileştirebilir.</div></div><div data-component-type="text"><div>Sitenin çoğu zaten Wix sunucularına yüklendiğinden, ziyaretçilerinizin cihazlarının çok fazla işlem yapmasına gerek olmaz. Site aynı zamanda cihaza en yakın coğrafi CDN'den oluşturulur ve bu da daha hızlı yüklemeyi teşvik edebilir.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-and-disabling-caching-on-site-pages" level="3">Site sayfalarında önbelleğe almayı etkinleştirme ve devre dışı bırakma</h2></div><div data-component-type="text"><div>Önbellekleme çoğu sayfa için otomatik olarak etkinleştirilmiş olsa da gerektiğinde önbellek ayarlarını sayfa bazında değiştirebilirsiniz. Örneğin, harici kaynaklardan veri çeken veya sık sık değişen bilgiler gösteren sayfalarda önbelleklemeyi devre dışı bırakmayı tercih edebilirsiniz.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editör" class="tab-heading heading-0">Wix Editör</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>Editörün sol çubuğundaki <strong>Sayfalar ve Menü</strong> simgesine <img data-composite="true" src="https://lh6.googleusercontent.com/AtygSo0t8UbmzaDyGuuGCwKMawrU9neH9iCg6Bpzdl1yByfa0mTWjo15cCeAP3Zo5D9NtmaTo8f6go6RArSwE_JTOl8p5Sl5CvyfZDZgfsLRMHS6989bjlBOpisK0sRVGtWsqxEhXfxoz6_2esqcISTQdRmI0FqAZFgw0iVycBHbdZH1vAZDjRWv" /> tıklayın. </li>  <li>İlgili sayfanın üzerine gelin ve <strong>Diğer Eylemler</strong> simgesine <img data-composite="true" src="https://lh6.googleusercontent.com/bcuV7dDFTNXvUY41EfsgNuXftk1_07pIQgnFt6GuTN6-vCP_WN3bY1r_8REkqH6Ltc-Qd4D5PH83GNQVRmxAELHNLe0R34P8ugeFi7Ew4u3vugfEgzAMcFIFujrHnchBFY5o1-ii165TnqyIBpuNvgu9HrwnArPE6PoHTVUzR7r8au_dYWXlc7KT" /> tıklayın.</li>  <li><strong>Ayarlar</strong> seçeneğine tıklayın.</li>  <li><strong>Gelişmiş Ayarlar</strong>'a tıklayın. </li>  <li><strong>Bu sayfa için önbelleğe almayı manuel olarak kontrol et</strong> geçiş düğmesine tıklayın ve ne yapmak istediğinizi seçin:
    <ul>
      <li><strong>Etkin:</strong> Bu sayfa için önbelleklemeyi manuel olarak kontrol edersiniz. <strong>Bu sayfanın önbelleğini ne sıklıkta sıfırlamak istiyorsunuz?</strong> alanının altından. simgesine tıklayın, açılır menüden sayfa önbelleğinizin ne sıklıkta sıfırlanacağını belirleyin veya sayfanın tamamen önbelleğe alınmasını önlemek için <strong>Hiçbir zaman (önbelleklemeyi devre dışı bırak)'</strong> ı seçin.</li>      <li><strong>Devre Dışı</strong>: Sayfa otomatik olarak önbelleğe alınır.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/04/01/63ca9d70-cf6c-4cbc-9082-e87f8346683b/fafc8eda-2ffc-4043-938a-36c1e5dc3f38.png" alt="Wix Editör'deki bir sayfanın gelişmiş ayarları." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Editörünüze gidin</a>.</li>  <li>Sol çubuktaki <strong>Sayfalar</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/ca6bf070-4d00-41dc-beea-c88b350df02d/abd8a7a8-abb8-4099-a8b1-3f9966dcdde0.png" /> tıklayın.</li>  <li>İlgili sayfanın üzerine gelin ve <strong>Diğer Eylemler</strong> simgesine <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/06/06/ac02642e-c3e6-44f8-88cf-af804f209cff/28377f8a-fec4-444d-ad07-6fbe2dc984ab.png" /> tıklayın.</li>  <li><strong>Ayarlar</strong> seçeneğine tıklayın.</li>  <li><strong>Gelişmiş Ayarlar</strong>'a tıklayın. </li>  <li><strong>Bu sayfa için önbelleğe almayı manuel olarak kontrol et</strong> geçiş düğmesine tıklayın ve ne yapmak istediğinizi seçin:
    <ul>
      <li><strong>Etkin:</strong> Bu sayfa için önbelleklemeyi manuel olarak kontrol edersiniz. <strong>Bu sayfanın önbelleğini ne sıklıkta sıfırlamak istiyorsunuz?</strong> alanının altından. simgesine tıklayın, açılır menüden sayfa önbelleğinizin ne sıklıkta sıfırlanacağını belirleyin veya sayfanın tamamen önbelleğe alınmasını önlemek için <strong>Hiçbir zaman (önbelleklemeyi devre dışı bırak)'</strong> ı seçin.</li>      <li><strong>Devre Dışı</strong>: Sayfa otomatik olarak önbelleğe alınır.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2025/01/08/0c73bdad-25c9-40da-b94e-fec812e7738f/670b708e-d947-4491-a6c3-351ddcebee98.png" alt="Wix Editör'deki bir sayfanın gelişmiş ayarları." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-site-wide-performance-settings" level="3">Site genelinde performans ayarlarını yapılandırma</h2></div><div data-component-type="text"><div>Sitenizin performans ayarlarını düzenleyerek yükleme sürelerini iyileştirin ve ziyaretçilerinize en iyi deneyimi sunun. SWR (stale-while-revalidate) stratejisinin sitenizde varsayılan olarak etkin olması sayesinde ziyaretçiler önbelleğe alınmış içeriği görüntülerken arka planda güncel veriler alınmaya ve gelecekte kullanılmak üzere önbelleğe kaydedilmeye devam eder. </div></div><div data-component-type="text"><div>Sitenizi yükseltirseniz, önbelleğe alınmış veriler yerine güncel içeriklerin yüklenmesini sağlamak amacıyla SWR'yi devre dışı bırakabilirsiniz.</div></div><div data-component-type="text"><div>Ayrıca sonraki site ziyaretçilerinin güncel içeriğe ulaşmaları için tüm sayfaları CDN önbelleğinden kaldırabilirsiniz.</div></div><div data-component-type="heading"><h2 id="" level="4">Site genelinde performans ayarlarını yapılandırmak için:</h2></div><div data-component-type="text"><ol>
  <li>Sitenizin kontrol panelindeki <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Ayarları%20Yönet&amp;title=Bir%20site%20seçin&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7b%7bmetaSiteId%7d%7d/settings" target="_blank">Ayarlara gidin</a>.</li>  <li>Arama çubuğuna <strong>Web Sitesi Performans Ayarları</strong> yazın ve sonuçlar arasından seçin. </li>  <li>Ardından ne yapacağınıza karar verin:
    <ul>
      <li><strong>SWR'yi etkinleştir veya devre dışı bırak: </strong> <strong>Güncelleme sırasında önbelleğe alınmış içeriği göstermek için SWR'yi etkinleştir</strong> geçiş düğmesine tıklayın:
        <ul>
          <li><strong>Etkin: </strong>Ziyaretçiler arka planda yeni veriler getirildiğinde önbelleğe alınan içeriği görür. Bu, ziyaretçilerin içeriğinizi daha hızlı görecekleri anlamına gelir ve güncellemeler gelecekteki istekler için alınır.</li>          <li><strong>Devre Dışı: </strong>Ziyaretçiler önbelleğe alınan içeriği görmez, yani yeni verilerin yüklenmesini beklemeleri gerekebilir.</li>        </ul>      </li>      <li><strong>Site Önbelleğini Temizle simgesine</strong> <strong>tıklayarak</strong> bir sonraki ziyaretçinin yalnızca yeni (önbelleğe alınmış değil) içerikleri görmesini sağlayın. Bu işlem önbelleğe alınan sayfaların cdn'den silinmesini sağlar.<br />
<strong>Not:</strong> Önbellek temizlendikten sonra gelen ilk ziyaretçi sayfanın biraz daha yavaş yüklendiğini deneyimleyebilir.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/04/01/8d255d30-8106-4150-8af8-05dd7664f4db/90c9abbf-fabe-479a-9781-9abde933a7b4.png" alt="Wix site kontrol panelinizdeki web sitesi performans ayarlarının ekran görüntüsü." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">SSS</h2></div><div data-component-type="text"><div>Sayfa önbellekleme hakkında sıkça sorulan soruların yanıtlarını okumak için aşağıya tıklayın.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Önbelleğe alınamayan sayfalar var mı?</h4><div class="collapsible-content"><div>Aşağıdaki sayfalar her ziyaretçiye güncel olarak sunulur ve önbelleğe alınamaz:</div><ul>
  <li>Oturum açmış site üyeleri tarafından erişilen sayfalar</li>  <li>Wix Site Araması sonuçları sayfaları</li>  <li>Özel olarak ayarladığınız (yani şifreli) sayfalar</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Önbellekleme işlemi kod içeren sayfaları nasıl etkiler?</h4><div class="collapsible-content"><div>Kod içeren sayfalar otomatik olarak önbelleğe alınır. Kodunuzun harici kaynaklardan veri alması veya her ziyarette yeni bilgi getirmesi gerekiyorsa, ilgili sayfa için <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/best-practices/caching/control-page-caching-manually" target="">önbelleklemeyi manuel olarak devre dışı bırakabilirsiniz</a> .</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sitenin önbelleği ne zaman temizlenir?</h4><div class="collapsible-content"><div>Önbellek her hafta veya sayfa bazında belirlediğiniz özel aralıklarda otomatik olarak temizlenir. Ayrıca sitenizi her yayınladığınızda sayfa önbellekleri silinir.</div></div></div></div>

Şimdilik, ögelerin sitenize yüklendiği sırayı değiştirmek veya belirli ögelerin önceden yüklenmesini etkinleştirmek mümkün değildir.Site ögeleri ağırlık ve çözünürlüklerine göre otomatik olarak yüklen...

Site Performansı Özellik Talebi: Belirli Ögeler İçin Ön Yükleme

Şu anda, sitenizdeki ögelerin yüklenme sırasını değiştirmek veya belirli ögelerin önceden yüklenmesini etkinleştirmek mümkün değildir. Ögeler, ağırlık ve çözünürlüklerine göre otomatik olarak yüklenir. Daha fazla bilgi edinmek ve bu özelliğin gelecekte eklenmesi için geri bildirimde bulunmak isterseniz, makaleyi okuyun.

<div data-component-type="text"><div>Şimdilik, ögelerin sitenize yüklendiği sırayı değiştirmek veya belirli ögelerin önceden yüklenmesini etkinleştirmek mümkün değildir.</div></div><div data-component-type="text"><div>Site ögeleri ağırlık ve çözünürlüklerine göre otomatik olarak yüklenir. Örneğin, statik veya düşük çözünürlüklü ögeler yüksek çözünürlüklü veya etkileşimli ögelerden daha hızlı yüklenir. <a data-composite="true" href="https://support.wix.com/tr/article/site-performansı-performans-odaklı-site-tasarımı#element-loading-order" target="">Yükleme sıralaması hakkında daha fazla bilgi edinin.</a> </div></div><div data-component-type="text"><div>Ürünlerimizi güncellemek ve geliştirmek için sürekli çalışıyoruz ve geri bildirimleriniz bizim için çok değerli.</div></div><div data-component-type="text"><div>Bunun gelecekte eklenmesi gereken bir özellik olduğunu düşünüyorsanız, lütfen <strong>Bu özellik için oy verin</strong>'e tıklayın, sonuçlar hakkında sizi bilgilendirelim.</div></div>

Şu anda, sitenize yüksek çözünürlüklü görüntüler yüklendiğinde, önce düşük çözünürlüklü bir görüntü ile karşılaşırsınız. Bu, tüm Wix sitelerinde ve internetteki birçok sitenin davranış biçimidir. Bu t...

Site Performansı Özellik Talebi: Düşük Çözünürlüklü Görüntülerin Yüksek Çözünürlükten Önce Yüklenmesini Devre Dışı Bırakma

Yüksek çözünürlüklü görüntüler yüklediğinizde, sitenizde önce düşük çözünürlüklü bir görüntü görünecektir. Bu, site ziyaretçilerinizin daha hızlı ve anlamlı içerik görmesini sağlar. Bu davranışı devre dışı bırakmak mümkün değildir, ancak Wix sürekli olarak ürünlerini güncellemektedir. Geri bildirimleriniz değerlidir; bu özelliğin gelecekte eklenmesi gerektiğini düşünüyorsanız, lütfen oy verin.

<div data-component-type="text"><div>Şu anda, sitenize yüksek çözünürlüklü görüntüler yüklendiğinde, önce düşük çözünürlüklü bir görüntü ile karşılaşırsınız. Bu, tüm Wix sitelerinde ve internetteki birçok sitenin davranış biçimidir. Bu teknolojinin, yüksek çözünürlüklü görüntülerin kendileri de dahil olmak üzere sitenizin içeriğinin geri kalanı üzerinde hiçbir etkisi yoktur. Site ziyaretçilerinizin size hiçbir performans maliyeti olmadan daha anlamlı içeriği daha hızlı görmesini sağlar.</div></div><div data-component-type="text"><div>Bu davranışı devre dışı bırakmak mümkün değildir. </div></div><div data-component-type="text"><div>Ürünlerimizi güncellemek ve geliştirmek için sürekli çalışıyoruz ve geri bildirimleriniz bizim için çok değerli.</div></div><div data-component-type="text"><div>Bunun gelecekte eklenmesi gereken bir özellik olduğunu düşünüyorsanız lütfen <strong>Bu özellik için Oy Ver</strong> seçeneğine tıklayın, sonuçlar hakkında sizi bilgilendirelim. </div></div>

Sorunsuz bir kullanıcı deneyimi sunmak için sitenizin performansını artırmak son derece önemlidir. CMS (İçerik Yönetim Sistemi) veri kümelerinizin içeriği nasıl yüklediğini ve görüntülediğini optimize...

Site Performansı: CMS

Sitenizin performansını artırarak kullanıcı deneyimini geliştirmek için çeşitli stratejiler öğrenin. CMS veri kümelerinizin ayarlarını optimize ederek sayfa hızını artırabilir, yükleme başına öge sayısını düzenleyebilir ve 'Daha Fazla Yükle' düğmesi ekleyerek içerik yüklemesini iyileştirebilirsiniz. Ayrıca, sayfa yüklendikten sonra veri getirme ve yalnızca bağlı alanları yükleme gibi yöntemlerle yükleme sürelerini kısaltabilirsiniz. Bu makale, sitenizin performansını artırmak için en iyi uygulamaları keşfetmenize yardımcı olacaktır.

<div data-component-type="text"><div>Sorunsuz bir kullanıcı deneyimi sunmak için sitenizin performansını artırmak son derece önemlidir. <a data-composite="true" href="https://support.wix.com/tr/article/i̇çerik-yöneticisi-hakkında" target="">CMS (İçerik Yönetim Sistemi)</a> veri kümelerinizin içeriği nasıl yüklediğini ve görüntülediğini optimize ederek sayfa hızını ve kullanılabilirliğini artırabilirsiniz.</div><div><br /></div><div>CMS'yi kullanırken sitenizin performansını iyileştirme hakkında daha fazla bilgi edinmek için aşağıdaki sorulara tıklayın: </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">&quot;Yükleme başına öge sayısı&quot; veri kümesi ayarını düzenleyin</h4><div class="collapsible-content"><div>Tekrarlayıcılarda ve galerilerde aynı anda yüklenen öge sayısını kontrol etmek için veri kümesi ayarlarınızdaki <strong>Yük başına öge </strong>alanını değiştirebilirsiniz. Bu size yardımcı olur:</div><ul>
  <li>İlk yüklemede daha az ögeyle sayfanızı daha hızlı yükleyin.</li>  <li>Daha büyük ögelerin sayısını azaltın.</li>  <li>Sayfanızın tasarımını geliştirin.</li></ul><div><br /></div><div><a data-composite="true" href="https://support.wix.com/tr/article/sayfanızda-kaç-i̇çerik-koleksiyonu-ögesi-gösterileceğini-kontrol-etme" target="">Yükleme başına görüntülenen maksimum öge sayısını sınırlama</a> hakkında daha fazla bilgi edinin. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tekrarlayıcılara ve galerilere 'Daha Fazla Yükle' düğmesi veya sayfalandırma çubuğu ekleme</h4><div class="collapsible-content"><div>Veri bağlantılı öğelerde çok fazla içerik görüntülerken, aynı anda yüklenen öğe sayısını sınırlayabilirsiniz. İçeriği parti halinde yüklemek için bir <a data-composite="true" href="https://support.wix.com/tr/article/düğmeler-ve-görüntüler-i̇çin-veri-kümesi-eylemleriyle-çalışma#load-more" target="">'Daha fazla yükle' düğmesi</a> veya bir <a data-composite="true" href="https://support.wix.com/tr/article/sayfalandırma-çubuğu-ekleme-ve-kurma" target="">sayfalandırma çubuğu</a> eklemeyi düşünebilirsiniz. En iyi uygulamalardan biri, her yeni yüklemede en fazla 10 öğe göstermektir.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">&quot;Sayfa yüklendikten sonra getir&quot; veri kümesi ayarını seçin</h4><div class="collapsible-content"><div>Bağlı tekrarlayıcılarınız veya galerileriniz çok fazla içerik barındırıyorsa veya büyük bir koleksiyona bağlanıyorsa, <a data-composite="true" href="https://support.wix.com/tr/article/ertelenmiş-veri-kümesi-ayarlama" target="">ertelenmiş bir veri kümesi kullanmayı</a> düşünün. </div><div><br /></div><div>Veri kümesindeki veriler yalnızca sayfanın tamamının yüklenmesi tamamlandıktan sonra getirilir. Bu, sayfanın ilk oluşturulmasının bu veri kümesi tarafından engellenmeyeceği ve sayfanın daha hızlı yüklenmesini sağlayacağı anlamına gelir. Bu seçenek, görünümü kaydırmanın veya bir bölümün açılmasının zorunlu olması gibi, verileri görüntüleyen ögeler başlangıçta görünür olmadığında önerilir.</div><div><br /></div><div>Veri kümesi ayarlarına gidin ve <strong>sayfayı ertelenmiş veri kümesi yapmak için Sayfa yüklendikten sonra getir onay</strong> kutusunu seçin. </div><div><br /></div><div><strong>Notlar: </strong></div><ul>
  <li>Bu seçenek normal veri kümelerinde mevcuttur ama dinamik sayfa veri kümelerinde kullanılamaz. </li>  <li>Bu özelliği kullanmak için <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code" target="_blank">kodlamayı etkinleştir</a> seçeneğinin işaretli olduğun emin olun.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">&quot;Yalnızca bağlı alanları getir&quot; veri kümesi ayarını seçin</h4><div class="collapsible-content"><div>Site performansını artırmak için artık <strong>Yalnızca bağlı alanları getir veri kümesini getir</strong> ayarını kullanabilirsiniz. Bu, bağlantısı kesilmiş alanlar ve kod tarafından erişilen veriler hariç tutularak yalnızca sayfanızdaki bileşenlere aktif olarak bağlı alanları yüklemenize olanak sağlar. Bu ayar, özellikle karmaşık sayfalarda yükleme sürelerini kısaltmak açısından kullanışlıdır.</div><div><br /></div><div><strong>Notlar: </strong></div><ul>
  <li>Bu seçenek normal veri kümelerinde mevcuttur ama dinamik sayfa veri kümelerinde kullanılamaz.</li>  <li>Bu özelliği kullanmak için <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code" target="_blank">kodlamayı etkinleştir</a> seçeneğinin işaretli olduğun emin olun.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Veri kümenizle bağlantılı içeriği görüntüleme</h4><div class="collapsible-content"><div>Koleksiyonunuzda sayfanızda görüntülenmesi gerekmeyen içerikler varsa, bunların görünmesini engelleyebilirsiniz. <a data-composite="true" href="https://support.wix.com/tr/article/veri-kümelerini-kullanarak-birden-çok-veritabanı-koleksiyonundan-i̇çerik-görüntüleme" target="">Veri kümesine bir filtre ekleyerek</a> öğelerin bağlı öğelerde görüntülenmesini dahil edebilir veya hariç tutabilirsiniz. Ayrıca, CMS koleksiyonlarınızdan <a data-composite="true" href="https://support.wix.com/tr/article/i̇çerik-yöneticisi-koleksiyon-ögelerini-taslak-veya-yayınlandı-olarak-ayarlama" target="">canlı site görünürlüğünü kontrol edebilirsiniz</a> ve öğeleri 'Görünür' veya 'Gizli' durumlarına ayarlayabilirsiniz.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Sitenizde kodlama mı kullanıyorsunuz?</div><div class="info-content"><div>Kodlama ve CMS kullanırken site performansını artırmak için en iyi uygulamalarımızı takip edin: <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/best-practices/best-practices-for-improving-performance-in-wix-sites-with-data" target="_blank">Wix sitelerinde veri ile performans artırma en iyi uygulamaları</a>.</div></div></div></div>

Google PageSpeed Insights aracında web sitenizin performansını analiz ettiğinizde sizden kullanılmayan JavaScript dosyalarını kaldırmanız istenebilir. Bu dosyalardan bazıları eklediğiniz üçüncü taraf ...

Site Performansı: Kullanılmayan JavaScript Dosyalarını Kaldırma

Web sitenizin performansını artırmak için Google PageSpeed Insights aracını kullanarak kullanılmayan JavaScript dosyalarını analiz edin. Bu makalede, Wix sitenizdeki önemli dosyaların nasıl optimize edildiğini ve hangi üçüncü taraf kodlarının kaldırılabileceğini öğrenirsiniz. Ayrıca, yükleme hızını etkileyebilecek uygulama ve bileşenlerin yönetimi hakkında ipuçları alarak, performans odaklı bir site oluşturmanıza yardımcı olacak bilgileri keşfedin.

<div data-component-type="text"><div>Google PageSpeed Insights aracında web sitenizin performansını analiz ettiğinizde sizden kullanılmayan JavaScript dosyalarını kaldırmanız istenebilir. Bu dosyalardan bazıları eklediğiniz üçüncü taraf kodundan gelebilirken, diğerleri Wix sitenizin önemli bir parçasıdır. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="javascript-files-on-wix-sites" level="3">Wix Sitenizdeki JavaScript Dosyaları</h2></div><div data-component-type="text"><div>PageSpeed Insights sonuç sayfası, dosyaları ve kullanılmayan JavaScript'i kaldırma seçenekleri görüntüleyebilir. Ancak, bazı dosyalar Wix sitenizin yapısının bir parçasıdır. <a data-composite="true" href="http://static.parastorage.com/" target="_blank">static.parastorage.com</a> Wix tarafından paketlenir ve bu nedenle sitenin yapısı için çok önemlidir.</div></div><div data-component-type="text"><div>Bu dosyaları tutarlı bir şekilde optimize ediyor ve ideal yığın boyutlarını sağlamak için kod bölme gibi yöntemler kullanıyoruz. Google size bu dosyaları kaldırmanızı önerebilir, ancak bunlar sitenin önemli bir parçasıdır ve bu nedenle bunları manipule edemez, değiştiremez, veya silemezsiniz. <a data-composite="true" href="https://web.dev/unused-javascript/" target="_blank">Kullanılmayan JavaScript ve PageSpeed Insights hakkında daha fazla bilgi edinin</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/05/d79536b3-e955-4e79-a918-f5e76ef222c9/84aa453f-0479-4397-82bf-c330e8305fd5.png" alt="PageSpeed Insights. Google, Wix tarafından paketlenen bazı kullanılmayan JS'leri işaretledi." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Not:</div><div class="info-content"><div>Bir sayfaya uygulamalar ve bileşenler eklediğinizde, bunlar için JavaScript dosyaları otomatik olarak eklenir. Bu, yükleme hızını etkileyebileceğinden, mümkün olduğunca farklı site sayfaları arasında uygulamalar ve bileşenler arasında boşluk bırakmanızı öneririz. <a data-composite="true" href="https://support.wix.com/tr/article/site-performansı-performans-odaklı-site-tasarımı" target="">Performans odaklı bir site oluşturmanın diğer yolları hakkında bilgi edinin</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="javascript-files-from-third-parties" level="3">Üçüncü taraflardan JavaScript dosyaları</h2></div><div data-component-type="text"><div>Google, Wix sitenizdeki temel dosyaların yanı sıra, optimize edilmemiş üçüncü taraf kodlarından gelebilecek, kullanılmayan diğer JavaScript'i de işaretleyebilir. Bu dosyaları tanımlamanızı ve siteniz için gerekli olup olmadığını kontrol etmek için gözden geçirmenizi öneririz.  </div></div><div data-component-type="text"><div>Dosyaların artık gerekli olmadığını fark ederseniz, bunları kaldırabilir veya optimize edilmiş bir alternatifle değiştirebilirsiniz. <a data-composite="true" href="https://web.dev/unused-javascript/" target="_blank">Kullanılmayan JS dosyalarının kaldırılması hakkında daha fazla bilgi edinin</a></div></div>

Google PageSpeed Insights site sayfanızın performansını hem masaüstü hem de mobil için test eden bir araçtır. Bu araç Chrome Kullanıcı Deneyimi (CrUX) raporu ile gerçek ziyaretçi performansınızı anali...

Site Performansı: PageSpeed Insights Analizlerini Anlama

Google PageSpeed Insights, sitenizin performansını hem masaüstü hem de mobil cihazlar için analiz eden bir araçtır. Bu makalede, PageSpeed Insights'ın nasıl çalıştığını, gerçek kullanıcı verileri ve laboratuvar verileri kullanarak performans puanınızı nasıl değerlendirdiğini öğrenebilirsiniz. Ayrıca, önemli web verileri değerlendirmesi ile ilgili metrikleri ve bu metriklerin SEO üzerindeki etkilerini keşfederek, sitenizin hızını artırmak için pratik ipuçları edineceksiniz.

Ziyaretçilerin sayfalar arasında geçiş yaptıklarında artık sitenizin tarayıcı sekmesinde bir yükleme göstergesi gördüğünü duyurmaktan heyecan duyuyoruz. Bu gösterge bir sonraki sayfa yüklenirken görün...

Teknik Sorunlar Özellik Talebi: Sayfalar Arasında Gezinirken Göstergelerin Yüklenmesi

Ziyaretçilerinizin sayfalar arasında geçiş yaparken, sitenizin tarayıcı sekmesinde bir yükleme göstergesi görmesini sağlayın. Bu özellik, bir sonraki sayfa yüklenirken görünür ve ziyaretçilerin sayfanın yüklenmesini beklerken sitenizin yanıt verdiğinden emin olmalarına yardımcı olur. Bu sayede kullanıcı deneyimini artırabilirsiniz.

<div data-component-type="text"><div>Ziyaretçilerin sayfalar arasında geçiş yaptıklarında artık sitenizin tarayıcı sekmesinde bir yükleme göstergesi gördüğünü duyurmaktan heyecan duyuyoruz. Bu gösterge bir sonraki sayfa yüklenirken görünür, böylece ziyaretçiler sayfanın görünmesi biraz uzun sürse bile sitenin yanıt verdiğinden emin olur.</div></div>

Temel Web Verileri, ziyaretçilerin sitenizde gezinirken yaşadıkları deneyimi değerlendiren üç ölçümden oluşan bir dizidir. Bu metrikler sitenizin yükleme süresini, etkileşimini ve görsel kararlılığını...

Site Performansı: Temel Web Verileri Hakkında

Temel Web Verileri, sitenizin performansını değerlendiren üç ana ölçümden oluşur: En Büyük İçerikli Boyama (LCP), Etkileşim Sonraki Boyama (INP) ve Kümülatif Düzen Kaydırma (CLS). Bu metrikler, sitenizin yükleme süresi, etkileşimi ve görsel kararlılığını ölçerek arama motorlarındaki sıralamanızı etkiler. Makalede, bu metrikleri iyileştirmek için pratik ipuçları ve performans ölçüm araçları hakkında bilgi bulacaksınız, böylece ziyaretçilerinizin deneyimini artırabilir ve SEO sıralamanızı güçlendirebilirsiniz.

Hızlı yükleme süresine sahip olmak, site ziyaretçilerine sorunsuz ve hoş bir deneyim sağlar. Wix sitelerinin performansını her zaman optimize etmek için çalışıyoruz ve yükleme süresini iyileştirmenin ...

Site Performansı: Wix Sitelerin Yükleme Süresini Nasıl İyileştirir?

Hızlı yükleme süreleri, ziyaretçilerinize sorunsuz bir deneyim sunar. Bu makalede, Wix'in otomatik görüntü optimizasyonu, içerik dağıtım ağı (CDN) kullanımı ve DDoS saldırılarına karşı koruma gibi yöntemlerle site performansını nasıl artırdığını öğrenin. Ayrıca, yüksek çözünürlüklü görüntülerin gecikmeli yüklenmesi ile kullanıcı deneyimini iyileştirme stratejilerini keşfedin. Bu bilgilerle sitenizin hızını optimize edebilir ve ziyaretçilerinizi memnun edebilirsiniz.

<div data-component-type="text"><div>Hızlı yükleme süresine sahip olmak, site ziyaretçilerine sorunsuz ve hoş bir deneyim sağlar. Wix sitelerinin performansını her zaman optimize etmek için çalışıyoruz ve yükleme süresini iyileştirmenin yollarını uyguladık.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatic-image-optimization" level="3">Otomatik görüntü optimizasyonu</h2></div><div data-component-type="text"><div>Görüntüler bir siteye hayat ve bağlam katabilir. Bu kapakları ister fotoğrafçılık, bilgi gösterimi, ister dekorasyon amaçlı kullanın, kalitesinden ödün vermemeniz önemlidir. </div></div><div data-component-type="text"><div>Bir Wix sitesine görüntü yüklediğinizde, optimum kalite ve site yükleme süresi için görüntüyü yeniden boyutlandırırız. 25 MB'tan küçük görüntüler otomatik olarak sıkıştırılır, bu nedenle yüklemeden önce hiçbir şeyi değiştirmeniz gerekmez. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="content-delivery-network-cdn" level="3">İçerik yayınlama ağı (CDN)</h2></div><div data-component-type="text"><div>Wix, optimum yükleme hızını sağlamak için küresel bir önbellek hizmetleri ve proxy sunucularından oluşan bir sistem olan CDN'yi kullanır. CDN, site içeriğini ziyaretçilerinize coğrafi olarak en yakın sunucudan veri çekerek çalışır.</div></div><div data-component-type="text"><div>CDN, Wix sunucuları ile site ziyaretçileri arasında aracı görevi görerek gecikmeyi ve site yükleme süresini azaltır.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="defense-against-distributed-denial-of-service-ddos-attacks" level="3">Dağıtılmış hizmet reddi (DDoS) saldırılarına karşı koruma</h2></div><div data-component-type="text"><div>Siteniz ister <a data-composite="true" href="https://support.wix.com/tr/article/wixten-domain-satın-alma" target="">bir Wix domaini olsun</a>, ister <a data-composite="true" href="https://support.wix.com/tr/article/bir-domaini-wix-ad-sunucularına-bağlama" target="">ad sunucularına bağlı</a> olsun, siteye yönelik DDoS saldırılarının etkisini en aza indiriyoruz.</div></div><div data-component-type="text"><div>DDoS saldırıları sunucuları aşırı doldurarak yavaş tepki vermelerine veya hiç tepki vermemelerine neden olur. Wix, bu saldırıların sonuçlarını azaltabilecek ve sitenizin yüklenme süresinin ciddi şekilde etkilenmesini engelleyebilecek bir altyapıya sahiptir. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading-images" level="3">Gecikmeli yüklenen görüntüler</h2></div><div data-component-type="text"><div>Yüksek çözünürlüklü görüntüler bir sitenin yüklenme süresini önemli ölçüde etkileyebilir. İçerikten ödün vermeden daha iyi bir ziyaretçi deneyimi sağlamak için Wix, geç yükleme adı verilen bir teknik kullanır. </div></div><div data-component-type="text"><div>Bu teknik, yüksek çözünürlüklü görüntüleri düşük çözünürlüklü sürümlerle değiştirerek yükleme süresini artırır. Düşük çözünürlüklü yer tutucular (daha yavaş ağlarda bile) anında yüklenirken, yüksek çözünürlüklü içerik arka planda yüklenir. Yüklendikten sonra, yüksek çözünürlüklü görüntüler otomatik olarak yer tutucuların yerini alır.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">SSS</h2></div><div data-component-type="text"><div>Daha fazla bilgi edinmek için aşağıdaki sorulara tıklayın.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wix siteme bazı ülkelerde erişilemiyorsa ne yapmalıyım?</h4><div class="collapsible-content"><div>Sitenize belirli bölgelerde erişilemiyorsa, bu yerel İSS kısıtlamalarından kaynaklanıyor olabilir. Kullanıcılara ISP'leriyle iletişime geçerek engelleme hakkında gerekli bilgileri sağlamalarını önerin.<br />
<strong>İpucu:</strong> Sitenizin domain ve barındırma hizmetlerinin uluslararası düzenlemelere uygun olduğundan emin olun.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Web sitemi hangi ögelerin yavaşlattığını nasıl belirleyebilirim?</h4><div class="collapsible-content"><div>Performans metriklerini analiz etmek için Wix'in Site Hızı kontrol panelini veya Google PageSpeed Insights'ı kullanın. Şunlara odaklan:</div><ul>
  <li>Büyük görüntüler veya videolar.</li>  <li>Aşırı animasyonlar veya üçüncü taraf uygulamalar.</li>  <li>Verimsiz özel kod.</li></ul><div><br /></div><div><strong>İpucu:</strong> Sitenizde kullanılmayan medya veya öge olup olmadığını düzenli olarak gözden geçirin ve bunları kaldırın.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Müşterilerim online mağazamda ödeme yaparken neden sorun yaşıyor?</h4><div class="collapsible-content"><div>Ödeme sorunları aşağıdakilerden kaynaklanabilir:</div><ul>
  <li>Oturum zaman aşımları veya tarayıcıyı önbelleğe alma.</li>  <li>Tasarımda üst üste binen ögeler.</li>  <li>Üçüncü taraf uygulama çakışmaları.</li></ul><div><br /></div><div>Bu sorunu gidermek için:</div><ul>
  <li>Ödeme işlemini farklı cihazlarda ve tarayıcılarda test edin.</li>  <li>Tarayıcının önbelleğini ve çerezlerini temizleyin.</li>  <li>Tüm ödeme yöntemlerinin doğru şekilde bağlandığından emin olun.</li></ul><div><br /></div><div><strong>İpucu:</strong> Ödeme sırasında müşteri davranışlarını izlemek ve olası sorunları belirlemek için Wix Analytics'i kullanın.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wix sitem içerik yüklenmeden önce neden boş bir ekran gösteriyor?</h4><div class="collapsible-content"><div>Boş bir ekran aşağıdaki nedenlerden dolayı oluşabilir:</div><ul>
  <li>Görüntü veya video gibi büyük ögelerin yavaş yüklenmesi.</li>  <li>Tarayıcıyı önbelleğe alma sorunları.</li>  <li>Ağ bağlantısı sorunları.</li></ul><div><br /></div><div>Bu sorunu gidermek için:</div><ul>
  <li>Daha hızlı yükleme için görüntüleri ve videoları optimize edin.</li>  <li>Tekrarlayan ziyaretleri iyileştirmek için önbelleğe almayı etkinleştirin.</li>  <li>Sitenizi farklı cihazlarda ve internet bağlantılarında test edin.</li></ul><div><br /></div><div><strong>İpucu:</strong> Darboğazları belirlemek için Wix'in Performans Kontrol Paneli'ni kullanın.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tembel yüklemeyi devre dışı bırakabilir miyim?</h4><div class="collapsible-content"><div>Hayır. Tembel yükleme, sitenizin genel hızını korumak için tasarlanmış yerleşik bir Wix özelliğidir. Bir görüntünün düşük çözünürlüklü sürümünü arka planda yüklenirken, yüksek çözünürlüklü sürümü arka planda göstererek çalışır ve ziyaretçilerin içeriği boş bir alan yerine hemen görmelerini sağlar.</div><div><br /></div><div>Wix'in site performansını optimize etme yönteminin merkezinde yatan tembel yükleme olduğundan, kapatılamaz. Bu sizin için önemliyse, <a data-composite="true" href="https://support.wix.com/tr/article/site-performansı-özellik-talebi-düşük-çözünürlüklü-görüntülerin-yüksek-çözünürlükten-önce-yüklenmesini-devre-dışı-bırakma">oy verebilirsiniz</a>.</div></div></div></div>

Ziyaretçilerinizin deneyimini zenginleştirmek ve daha fazla özellik eklemek için sitenizde üçüncü taraf kodu kullanabilirsiniz. Ancak üçüncü taraf kodu, optimize edilmezse sitenizin performansını ve y...

Site Performansı: Sitenizde Üçüncü Taraf Kodu Kullanma

Üçüncü taraf kodu kullanarak sitenizin ziyaretçi deneyimini zenginleştirin, ancak performansını etkileyebileceğini unutmayın. Kodu optimize ederek yükleme süresini azaltabilir ve daha hızlı bir deneyim sunabilirsiniz. Makalede, kodu erteleme özelliği eklemek, üçüncü taraf komut dosyalarını doğru yerleştirmek ve gereksiz kodları kaldırmak gibi optimizasyon yöntemleri öğrenebilirsiniz. Ayrıca, Wix'in entegre pazarlama araçlarını kullanarak performansınızı artırmanın yollarını keşfedin.

<div data-component-type="text"><div>Ziyaretçilerinizin deneyimini zenginleştirmek ve daha fazla özellik eklemek için sitenizde üçüncü taraf kodu kullanabilirsiniz. Ancak üçüncü taraf kodu, optimize edilmezse sitenizin performansını ve yükleme süresini etkileyebilir. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-code-on-your-site" level="3">Sitenizdeki kodu optimize etme</h2></div><div data-component-type="text"><div>Üçüncü taraf kodu sitenizin performansını ve hızını etkileyebileceğinden, mümkün olduğunda optimize etmek önemlidir. Kodu optimize etmek, siteniz üzerindeki etkisini azaltabilir ve ziyaretçiler için daha sorunsuz, daha hızlı bir deneyim sağlayabilir. </div></div><div data-component-type="text"><div><strong>Kodunuzu optimize etmenin birkaç yolu vardır:</strong></div></div><div data-component-type="text"><ul>
  <li><strong>Erteleme</strong> özniteliğini üçüncü taraf komut dosyanıza ekleyin. Bu özellik, ziyaretçilerinizin tarayıcısına komut dosyasını beklememesini söyler, böylece site içeriğiniz kesintisiz olarak yüklenebilir. Üçüncü taraf yerleştirme arka planda yüklenir ve sitenin DOM'si tamamlandığında çalışır.</li></ul></div><div data-component-type="text"><ul>
  <li>Üçüncü taraf komut dosyalarını kod gövdesinin sonuna yerleştirin. Bu, normal site içeriğinizin gecikmemesini veya oluşturulmasının engellenmemesini sağlar. </li></ul></div><div data-component-type="text"><ul>
  <li>Mümkün olduğunca sitenizdeki üçüncü taraf kod miktarını azaltın. Yalnızca işletmeniz ve sitenizin ihtiyaçları için gerekli olan kodu kullanın ve artık gerekli olmayanları kaldırın.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-marketing-code-on-your-site" level="3">Sitenizde pazarlama kodunu kullanma</h2></div><div data-component-type="text"><div>Sitenizde pazarlama amacıyla Facebook Reklamları ve Google Analytics gibi üçüncü taraf araçları kullanabilirsiniz. Bu kod yararlı olsa da sitenizin yükleme süresini ve performansını etkileyebilir. Alternatif olarak, sitenize <a data-composite="true" href="https://support.wix.com/tr/article/pazarlama-entegrasyonları-hakkında" target="">Wix'in pazarlama araçlarını yerleştirmek için entegrasyonlarını</a> kullanmanızı öneririz. </div></div><div data-component-type="text"><div>Bu seçenekler Wix ile entegre olduğundan, sitenizin performansı üzerinde daha az etkilidir ve öznitelikler veya komut dosyası yerleşimi konusunda endişelenmenize gerek olmaz. Ancak, üçüncü taraf kodu olduklarından, yine de yalnızca gerektiğinde kullanmanızı öneririz.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="issues-with-third-party-code" level="3">Üçüncü taraf koduyla ilgili sorunlar</h2></div><div data-component-type="text"><div>Üçüncü taraf kodu Wix tarafından test edilmemiştir ve bu nedenle bu kod için destek sağlayamayız. Kod snippet'inizle ilgili sorunlar yaşıyorsanız, kodu sağlayıcıdan kopyalayıp doğru bir şekilde yapıştırdığınızı kontrol etmeniz gerekir.</div></div><div data-component-type="text"><div>Kod doğruysa ve yeniden girmek sorunu çözmezse sorunu çözme konusunda destek almak için doğrudan kod sağlayıcıyla iletişime geçin. </div></div>

Sitenizin DOM sırası, sayfalarınızdaki ögelerin okuma sırasını gösterir. Bu sıra, Tab tuşu veya ekran okuyucular gibi yardımcı teknolojileri kullanan ziyaretçiler için önemlidir, çünkü ziyaretçilerin ...

Site Performansı: Sitenizin DOM Sırası

Sitenizin DOM sırasını öğrenerek, sayfalarınızdaki ögelerin okuma ve etkileşim sırasını optimize edin. Bu makalede, DOM sırasının erişilebilirlik ve site performansı üzerindeki etkilerini keşfedecek, Wix Editor, Studio Editor ve Harmony Editor'daki otomatik DOM sıralaması hakkında bilgi edineceksiniz. Böylece ziyaretçilerinizin sitenizde daha sorunsuz bir deneyim yaşamasını sağlayabilirsiniz.

<div data-component-type="text"><div>Sitenizin DOM sırası, sayfalarınızdaki ögelerin okuma sırasını gösterir. Bu sıra, Tab tuşu veya ekran okuyucular gibi yardımcı teknolojileri kullanan ziyaretçiler için önemlidir, çünkü ziyaretçilerin bu ögeleri hangi sırayla görüntüleyebileceklerini ve bu ögelerle hangi sırada etkileşim kurabileceklerini belirler.</div></div><div data-component-type="text"><div>Her ziyaretçinin sitenizde kolaylıkla gezinebilmesi için, DOM sırasının sayfalarınızdaki ögelerin görsel sırasıyla eşleşmesini sağlamanızı öneririz. Yükleme sırasını eşleştirmek, daha iyi erişilebilirlik sağlamasının yanı sıra sitenizde düzen sorunları olmasını da önler.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-and-site-performance" level="3">DOM sırası ve site performansı</h2></div><div data-component-type="text"><div>DOM, ögelerin sitenize yüklenme sırasını belirler. DOM sırası ögelerin görsel sırası ile eşleşmezse bu durum, sitenizin yüklenmesini etkileyebilir.</div></div><div data-component-type="text"><div>Örneğin, bir düğme bir sayfanın en altında görünüyorsa ancak DOM sıralamasında ilk sıradaysa, sayfada üstünde bulunan ögelerden önce yüklenir. Ek içerik yüklendikçe, sayfanın düzeni diğer ögelere uyum sağlamak için kayabilir ve hareket edebilir.</div></div><div data-component-type="text"><div>Ayrıca, bir ziyaretçi içeriğin geri kalanı yüklenirken bu düğmeye tıklamaya çalışırsa yanlışlıkla başka bir öge seçebilir ve başka bir sayfaya veya bölüme götürülebilir.</div></div><div data-component-type="text"><div>Ziyaretçilere daha sorunsuz bir deneyim sunabilmek için sitenizin DOM sıralaması sayfanın görsel sıralamasıyla ve dilin okuma sıralamasıyla (soldan sağa veya sağdan sola) eşleşmelidir.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-wix-editor-sites" level="3">Wix Editor sitelerindeki DOM sıralaması</h2></div><div data-component-type="text"><div>Otomatik DOM sırası, masaüstü editör sitenizde otomatik olarak etkinleştirilir. Yani ögelerin görsel sıralamasında yaptığınız tüm değişiklikler otomatik olarak DOM sıralamasına uygulanır ve böylelikle herhangi bir şey yapmanıza gerek kalmaz. </div></div><div data-component-type="text"><div>Masaüstü editör ile bir site oluşturduğunuzda, sitenizin mobil bir versiyonu da oluşturulur. Mobil sitenizin DOM sırası da otomatik olarak ayarlanır ve herhangi bir manuel değişiklik gerektirmez. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Not:</div><div class="info-content"><div>Otomatik DOM sırası, masaüstündeki değişikliklere yalnızca sitenizi kaydettiğinizde uygulanır.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-studio-editor-sites" level="3">Studio Editor sitelerindeki DOM sıralaması</h2></div><div data-component-type="text"><div>Studio Editor ile oluşturduğunuz sitelerde Otomatik DOM sıralaması otomatik olarak etkinleştirilir. Öge eklediğinizde, hizaladığınızda ve yeniden boyutlandırdığınızda sıra otomatik olarak yeniden düzenlenir. Bu nedenle siz ilerledikçe optimize edilmiş halde kalır.</div></div><div data-component-type="text"><div>Studio Editor sitesinde otomatik DOM'u devre dışı bırakabilir ve gerekirse manuel değişiklikler yapabilirsiniz. <a data-composite="true" href="https://support.wix.com/tr/article/studio-editor-ögeleri-dom-sıralamasına-göre-yeniden-düzenleme" target="">Studio Editor'daki DOM sıralaması hakkında daha fazla bilgi edinin</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Not:</div><div class="info-content"><div>Otomatik DOM, Kasım 2024'ün başından sonra Studio Editor ile oluşturulan sitelerde otomatik olarak etkinleştirilir. Bu tarihten önce bir site oluşturduysanız, etkin değildir.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-wix-harmony-editor-sites" level="3">Wix Harmony Editor sitelerindeki DOM sıralaması</h2></div><div data-component-type="text"><div>Harmony Editor sitenizin DOM sıralamasını Wix tarafından düzenler. Siz öge ekledikçe, yeniden boyutlandırdıkça ve taşıdıkça sıra otomatik olarak ayarlanır; Bu nedenle herhangi bir manuel değişiklik yapma konusunda endişelenmenize gerek kalmaz. </div></div><div data-component-type="text"><div>Ancak, <a data-composite="true" href="https://support.wix.com/tr/article/wix-harmony-editor-dom-sıralamasıyla-çalışma#manually-adjusting-the-dom-order" target="">tek tek bölümlerin ve kapsayıcıların DOM sıralamasını gerektiği gibi manuel olarak ayarlayabilirsiniz</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Sitenin dilini mi değiştiriyorsunuz?</div><div class="info-content"><div>Bir sitenin dilini farklı bir okuma yönüne değiştirmek, DOM sıralamasının ögelerin görsel sıralamasıyla uyumsuz olmasına neden olabilir. Sitenin dilini farklı bir okuma yönü olan bir dille değiştirirseniz, <a data-composite="true" href="https://support.wix.com/tr/article/erişilebilirlik-web-sitenizi-ekran-okuyuculara-hazırlama#site-language-and-dom" target="">sayfa ögelerini ve içeriği yeniden düzenlemek için Erişilebilirlik Sihirbazı'nı kullanmanızı</a> öneririz.</div></div></div></div>

Ziyaretçi deneyimini iyileştirmek için sitenizdeki metni optimize edin. Yazı tipi türleri, efektler ve biçimlendirme sitenizin performansını etkileyebilir; bu nedenle, işlevden ödün vermeden önemli bi...

Site Performansı: Metinlerinizi Optimize Etme

Ziyaretçi deneyimini iyileştirmek için sitenizdeki metni optimize edin. Farklı yazı tipi türlerinin (sistem, özel ve Wix'te bulunan) sitenizin performansını nasıl etkilediğini öğrenin. Yazı tipi sayısını 3 ile sınırlı tutarak yükleme süresini azaltın ve metin biçimlendirmelerini dikkatli kullanın. Ayrıca, animasyonlu metin ve metin içeren görüntülerden kaçınarak SEO'nuza zarar vermeyin. Yedek yazı tiplerini etkinleştirerek sayfa performansınızı artırabilirsiniz.

<div data-component-type="text"><div>Ziyaretçi deneyimini iyileştirmek için sitenizdeki metni optimize edin. Yazı tipi türleri, efektler ve biçimlendirme sitenizin performansını etkileyebilir; bu nedenle, işlevden ödün vermeden önemli bilgileri görüntüleyebilmek için talimatlarımızı takip etmenizi öneririz.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">İpucu:</div><div class="info-content"><div>Ekranın üst kısmında anlamlı ve ilgi uyandırıcı bir metin olması, sitenizin geri kalanı yüklenirken ziyaretçilerin okuyabilecekleri bir içerik sağlar.  </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="different-types-of-fonts" level="3">Farklı yazı tipleri</h2></div><div data-component-type="text"><div>Sitenizde kullanabileceğiniz birkaç yazı tipi türü vardır. Türe ve indirme gereksinimlerine bağlı olarak, sitenizin yükleme hızını ve performansını nasıl etkilediklerine göre değişir. Üç yazı tipi türü şunlardır:</div></div><div data-component-type="text"><ul>
  <li><strong>Sistem yazı tipleri:</strong> Bunlar, büyük olasılıkla sizin ve ziyaretçilerinizin cihaz sistemlerinde zaten mevcut olan yaygın yazı tipleridir. Çoğu sisteme dahil olduklarından, ziyaretçilerinizin cihazlarında görünmeleri için indirilmeleri gerekmez ve bu nedenle sitenizin performansını etkilemezler.</li>  <li><strong>Özel yazı tipleri:</strong> Özel yazı tipleri, Wix sitenizde kullanmak üzere herhangi bir üçüncü taraftan yükleyebileceğiniz yazı tipleridir. Bu yazı tipleri, site deneyiminizi zenginleştirmenin kişisel bir yoludur ama ziyaretçinizin tarayıcısında görünmesi için sunucudan indirilmeleri gerekir. Bu nedenle, bu yazı tipleri sitenizin performansını etkileyebilir.</li>  <li><strong>Wix'te bulunan yazı tipleri:</strong> Sitenizi Wix ile oluşturduğunuzda ve düzenlediğinizde, çeşitli metin yazı tipleri sunduğumuzu fark edebilirsiniz. Bunlardan bazıları sistem yazı tipleri iken bazıları özel yazı tipleri olarak işlev görür ve sitenizin yüklenme hızını buna göre etkiler.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Özetlersek:</div><div class="info-content"><ul>
  <li>Sistem yazı tipleri, sistemde zaten mevcut olduklarından, sonuçta özel yazı tiplerinden daha hızlı yüklenir. Bu nedenle, sitenizi yüklemek için gereken istek sayısını azaltarak bant genişliğinden tasarruf sağlar. </li>  <li>Sistem yazı tiplerinin sitenizin hızı üzerinde daha az etkisi olduğundan, mümkünse özel yazı tipleri yerine bunları kullanmanızı öneririz.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="number-of-fonts" level="3">Yazı tipi sayısı</h2></div><div data-component-type="text"><div>Sitenizde yazı tiplerini kullanırken, birden çok farklı yazı tipine ve yazı tipi türüne sahip olmanın yükleme süresini ve genel performansı etkileyebileceğini unutmamak önemlidir. </div></div><div data-component-type="text"><div>Sistem yazı tiplerinin indirilmesi gerekmezken, sayfanızda görüntülenebilmesi için özel yazı tiplerinin sunucudan indirilmesi gerekir. Farklı özel yazı tiplerinin farklı indirme hızları da olabilir, bu da sitenizin yükleme süresini daha da etkileyebilir.</div></div><div data-component-type="text"><div>Sitenizin sorunsuz çalışmasına yardımcı olacağından, sayfanızdaki yazı tipi sayısını (hem sistem hem de özel) 3 ve altında tutmanızı öneririz. Yazı tiplerindeki (ve renklerde) tutarlılık, markanızı güçlendirmeye ve sitenizin görünümünü tutarlı tutmaya da yardımcı olur.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="font-formatting-and-animation" level="3">Yazı tipi biçimlendirme ve animasyon</h2></div><div data-component-type="text"><div>Kalın, altı çizili veya italik gibi farklı yazı tipi ağırlıkları da sitenizin yüklenme süresini etkileyebilir. Yazı tipi biçimlendirmelerini sadece belirli amaçlar (ör. sayfanızdaki belirli bir metni vurgulamak) için kullanarak sayısını üç veya altında tutmaya çalışın.</div></div><div data-component-type="text"><div>Ek olarak, animasyonlu metin, metninizin okunabilirliğini ve SEO'sunu etkileyebilir. Bunun nedeni, animasyonlu metnin arama motorları tarafından okunamamasıdır. Sitenizdeki bilgilendirici içerikler için normal metinler kullanmanızı ve belirme animasyonlarını sayfanın üst kısmında aşırı kullanmaktan kaçınmanızı öneririz. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="images-of-text" level="3">Metin görüntüleri</h2></div><div data-component-type="text"><div>Metin içeren görüntüleri kullanmaktan mümkün olduğunca kaçının. Görüntü yüklenirken metin bulanık görünebilir, ayrıca arama motorları tarafından çevrilemez veya taranamaz.<br /> Site performansınızı ve SEO sıralamanızı korumak için sitenizde mümkün olduğunca standart metin kullandığınızdan emin olun.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">İpucu:</div><div class="info-content"><div>Alternatif olarak, <a data-composite="true" href="https://support.wix.com/tr/article/görüntülerinizi-ve-galerilerinizi-seo-için-optimize-etme-alt-metin" target="">resimlerinize alternatif metin eklemenizi</a> öneririz. Bu, arama motorlarının ve ekran okuyucuların görüntünün açıklamasını &quot;okumasına&quot; olanak sağlar. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="fallback-fonts-in-the-studio-editor" level="3">Studio Editor'daki yedek yazı tipleri</h2></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Not:</div><div class="info-content"><div>Bu özellik yalnızca Studio Editor'da kullanılabilir.</div></div></div></div><div data-component-type="text"><div>Bir <a data-composite="true" href="https://support.wix.com/tr/article/wix-studio-studio-editor-hakkında" target="">Studio Editor</a> sitesinde yoğun özel yazı tipleri kullanıyorsanız, yedek yazı tiplerini etkinleştirebilirsiniz. Yedek yazı tipleri daha hızlı yüklenir ve özel yazı tipleri arka planda indirilirken canlı sitede geçici olarak görüntülenir. </div></div><div data-component-type="text"><div>Yedek yazı tipleri, sitenin LCP'sini (En Büyük İçerikli Boya) azaltarak sayfa performansını optimize edebilir, bu da <a data-composite="true" href="https://support.wix.com/tr/article/site-performansı-temel-web-verileri-hakkında" target="">Önemli Web Verileri ve Google Arama sıralamasını</a> geliştirebilir. Ayrıca metin içeriğinin daha hızlı görüntülenmesi, ziyaretçilerin sitede gezinirken yaşadıkları deneyimi iyileştirebilir. <a data-composite="true" href="https://support.wix.com/tr/article/studio-editor-site-tipografisiyle-çalışma#enabling-fallback-fonts" target="">Yedek yazı tiplerini nasıl etkinleştireceğinizi öğrenin</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bilmenizde fayda var:</div><div class="info-content"><ul>
  <li>Yedek yazı tipleri, ekranın<strong> </strong>üst kısmındaki en büyük ögenin bir metin ögesi olması durumunda yükleme süresini artırır.</li>  <li>Yedek yazı tiplerini etkinleştirdiğinizde, yazı tipi gösterimi CSS tanımlayıcısına bir &quot;takas&quot; değeri eklenir. Bu açıklayıcı, indirilen ve kullanıma hazır duruma bağlı olarak bir yazı tipinin nasıl gösterileceğini belirler.</li></ul></div></div></div>