Bu sayfa, Cloud Translation API ile çevrilmiştir.

Üçüncü taraf yerleşik öğeleri kullanmak için en iyi uygulamalar

Popüler üçüncü taraf yerleştirmelerini verimli bir şekilde yükleme tekniklerine genel bakış.

Addy Osmani

Katie Hempenius

Leena Sohoni

Birçok site, bir web sayfasının bazı bölümlerini başka bir içerik sağlayıcıya devrederek etkileşimli bir kullanıcı deneyimi oluşturmak için üçüncü taraf yerleştirmelerini kullanır. Üçüncü taraf içerik yerleştirmelerine en yaygın örnekler video oynatıcılar, sosyal medya özet akışları, haritalar ve reklamlardır.

Üçüncü taraf içerik, bir sayfanın performansını birçok şekilde etkileyebilir. Oluşturmayı önlüyor olabilir, ağ ve bant genişliği için diğer kritik kaynaklarla rekabet edebilir veya Core Web Vitals metriklerini etkileyebilir. Üçüncü taraf yerleştirmeleri, yükleme sırasında düzen kaymasına da neden olabilir. Bu makalede, üçüncü taraf yerleştirmeleri yüklerken kullanabileceğiniz en iyi performans uygulamaları, verimli yükleme teknikleri ve popüler yerleştirmeler için düzen kaymalarını azaltmaya yardımcı olan Layout Shift Terminator aracı ele alınmaktadır.

Yerleştirme nedir?

Üçüncü taraf yerleştirmesi, sitenizde gösterilen ve şu özelliklere sahip herhangi bir içeriktir: * Sizin yazmadığınız * Üçüncü taraf sunuculardan sunulan içerikler

Geç yüklenebilir birden fazla ekran dışı yerleştirme gösteriliyor

Yerleştirmeler şuralarda sıklıkla kullanılır: * Spor, haber, eğlence ve modayla ilgili web siteleri, metin içeriğini geliştirmek için videolardan yararlanır. * Aktif Twitter veya sosyal medya hesapları olan kuruluşlar, daha fazla kullanıcıyla etkileşim kurmak ve onlara ulaşmak için bu hesaplardaki feed'leri web sayfalarına yerleştirir. * Restoran, park ve etkinlik yeri sayfalarında genellikle haritalar yerleştirilir.

Üçüncü taraf yerleştirmeleri genellikle sayfadaki <iframe> öğelerine yüklenir. Üçüncü taraf sağlayıcılar, genellikle işaretleme, komut dosyaları ve stil sayfalarından oluşan bir sayfayı çeken <iframe> öğesinden oluşan HTML snippet'leri sunar. Bazı sağlayıcılar, diğer içeriği çekmek için dinamik olarak <iframe> ekleyen bir komut dosyası snippet'i de kullanır. Bu durum, üçüncü taraf yerleştirmelerini ağırlaştırabilir ve birinci taraf içeriğini geciktirerek sayfanın performansını etkileyebilir.

Üçüncü taraf yerleştirmelerinin performansa etkisi

Popüler yerleştirmelerin çoğu 100 KB'ın üzerinde (bazen 2 MB'a kadar çıkabilen) JavaScript içerir. Bunların yüklenmesi ve yürütme sırasında ana iş parçacığını meşgul tutmaları daha uzun sürer. Lighthouse ve Chrome Geliştirici Araçları gibi performans izleme araçları, üçüncü taraf yerleştirmelerinin performans üzerindeki etkisini ölçmeye yardımcı oluyor.

Üçüncü taraf kodların etkisini azaltma Lighthouse denetimi, bir sayfanın kullandığı üçüncü taraf sağlayıcıların listesini boyut ve ana iş parçacığı engelleme süresiyle birlikte gösterir. Denetim, Lighthouse sekmesinin altındaki Chrome Geliştirici Araçları aracılığıyla yapılabilir.

Yerleştirme kaynak kodu değişebileceğinden, yerleştirmelerinizin ve üçüncü taraf kodunuzun performans etkisini düzenli olarak denetlemek iyi bir uygulamadır. Gereksiz kodları kaldırmak için bu fırsatı kullanabilirsiniz.

Üçüncü taraf kodun etkisini azaltın

En iyi uygulamalar yükleniyor

Üçüncü taraf yerleştirmeleri performansı olumsuz yönde etkileyebilir, ancak önemli işlevler de sunar. Üçüncü taraf yerleştirmelerini verimli bir şekilde kullanmak ve performans etkilerini azaltmak için aşağıdaki yönergeleri uygulayın.

Komut dosyası sıralama

İyi tasarlanmış bir sayfada, ana birinci taraf içeriği sayfanın odağı olur. Üçüncü taraf yerleştirmeleri ise yan çubuklarda yer kaplar veya birinci taraf içerikten sonra görünür.

En iyi kullanıcı deneyimi için ana içerik hızlı bir şekilde ve diğer destekleyici içeriklerden önce yüklenmelidir. Örneğin, bir haber sayfasındaki haber metni, bir Twitter feed'i veya reklamlardan önce yüklenmelidir.

Üçüncü taraf yerleştirme istekleri, birinci taraf içeriklerinin yüklenmesini engelleyebilir. Bu nedenle üçüncü taraf komut dosyası etiketinin konumu önemlidir. Komut dosyaları yürütülürken DOM yapısı durakladığı için komut dosyaları yükleme sırasını etkileyebilir. Üçüncü taraf komut dosyası etiketlerini, önemli birinci taraf etiketlerinden sonra yerleştirin ve bunları eşzamansız olarak yüklemek için async veya defer özelliklerini kullanın.

<head>
   <title>Order of Things</title>
   <link rel="stylesheet" media="screen" href="/assets/application.css">
   <script src="index.js"></script>
   <script src="https://example.com/3p-library.js" async></script>
</head>

Geç Yükleme

Üçüncü taraf içeriği genellikle birincil içerikten sonra geldiği için sayfa yüklendiğinde görüntü alanında görünmeyebilir. Bu durumda, üçüncü taraf kaynaklarının indirilmesi, kullanıcı sayfayı aşağı kaydırana kadar ertelenebilir. Bu, ilk sayfa yüklemesinin optimize edilmesine yardımcı olmakla kalmaz, aynı zamanda sabit veri planlarına ve yavaş ağ bağlantılarına sahip kullanıcılar için indirme maliyetlerini de azaltır.

İçeriğin indirilmesini gerçekten ihtiyaç duyulana kadar ertelemeye geç yükleme adı verilir. Gerekliliklere ve yerleştirme türüne bağlı olarak aşağıda açıklanan farklı geç yükleme tekniklerini kullanabilirsiniz.

`<iframe>` için yerel geç yükleme

<iframe> öğeleri aracılığıyla yüklenen üçüncü taraf yerleştirmelerde, kullanıcılar ekran dışındaki iframe'lerin yanına yakınlaşana kadar yüklemeyi ertelemek için tarayıcı düzeyinde geç yükleme özelliğini kullanabilirsiniz. <iframe> için yükleme özelliği, Chrome 77 ve sonraki sürümlerinde kullanılabilir. Ayrıca Chromium tabanlı diğer tarayıcılarda da kullanıma sunulmuştur.

<iframe src="https://example.com"
       loading="lazy"
       width="600"
       height="400">
</iframe>

Yükleme özelliği aşağıdaki değerleri destekler:

lazy: Tarayıcının iframe'i yüklemeyi ertelemesi gerektiğini belirtir. Tarayıcı, görüntü alanına yaklaştığında iframe'i yükler. iframe, geç yükleme için iyi bir adaysa kullanın.
eager: iframe'i hemen yükler. iFrame, geç yükleme için iyi bir aday değilse kullanın. loading özelliği belirtilmemişse bu, Basit mod hariç varsayılan davranıştır.
auto: Tarayıcı, bu çerçevenin geç yüklenip yüklenmeyeceğini belirler.

loading özelliğini desteklemeyen tarayıcılar bu özelliği yoksayar. Böylece, aşamalı geliştirme olarak yerel geç yüklemeyi uygulayabilirsiniz. Özelliği destekleyen tarayıcılar, distance-from-viewport eşiği (iFrame'in yüklenmeye başladığı mesafe) için farklı uygulamalara sahip olabilir.

Aşağıda, farklı yerleştirme türleri için iframe'leri geç yükleyebileceğiniz bazı yöntemler gösterilmektedir.

YouTube videoları: Bir YouTube video oynatıcı iframe'ini geç yüklemek için YouTube tarafından sağlanan yerleştirme koduna loading özelliğini ekleyin. Yerleştirilmiş YouTube'un geç yüklenmesi, ilk sayfa yüklemesinde yaklaşık 500 KB tasarruf sağlayabilir.

<iframe src="https://www.youtube.com/embed/aKydtOXW8mI"
   width="560" height="315"
   loading="lazy"
   title="YouTube video player"
   frameborder="0"
   allow="accelerometer; autoplay; clipboard-write;
            encrypted-media; gyroscope; picture-in-picture"
   allowfullscreen>
</iframe>

Google Haritalar: Bir Google Haritası iframe'ini geç yüklemek için Google Maps Embed API tarafından oluşturulan iframe yerleştirme koduna loading özelliğini ekleyin. Aşağıda, Google Cloud API anahtarı için yer tutucu içeren bir kod örneği verilmiştir.

<iframe src="https://www.google.com/maps/embed/v1/place?key=API_KEY&q=PLACE_ID"
   width="600" height="450"
   style="border:0;"
   allowfullscreen=""
   loading="lazy">
</iframe>

lazysizes kitaplığı

Tarayıcılar, iframe'in ne zaman yüklenmesi gerektiğine karar vermek için etkili bağlantı türü ve Basit mod gibi sinyallerin yanı sıra yerleştirmenin görüntü alanına olan mesafesini kullandığından yerel geç yükleme tutarsız olabilir. Mesafe eşikleri üzerinde daha iyi kontrole ihtiyacınız varsa veya tarayıcılar arasında tutarlı bir geç yükleme deneyimi sunmak istiyorsanız lazysizes kitaplığını kullanabilirsiniz.

lazysizes, hem resimler hem de iframe'ler için hızlı, SEO dostu bir geç yükleyicidir. Bileşeni indirdikten sonra, aşağıdaki gibi bir YouTube yerleştirmesi için iframe ile kullanılabilir.

<script src="lazysizes.min.js" async></script>

<iframe data-src="https://www.youtube.com/embed/aKydtOXW8mI"
   width="560" height="315"
   class="lazyload"
   title="YouTube video player"
   frameborder="0"
   allow="accelerometer; autoplay; clipboard-write;
        encrypted-media; gyroscope; picture-in-picture"
   allowfullscreen>
</iframe>

Benzer şekilde, geç boyutlar diğer üçüncü taraf yerleştirmeleri için iframe'lerle kullanılabilir.

Geç boyutların, bir öğenin ne zaman görünür hale geleceğini algılamak için Intersection Observer API'yi kullandığını unutmayın.

Facebook'ta veri yavaş özelliğini kullanma

Facebook, yerleştirilebilecek farklı türlerde sosyal medya eklentileri sağlar. Buna yayınlar, yorumlar, videolar ve en popüler Beğen düğmesi de dahildir. Tüm eklentiler data-lazy için bir ayar içerir. true değerine ayarlamak, loading="lazy" iframe özelliğini ayarlayarak eklentinin tarayıcının geç yükleme mekanizmasını kullanmasını sağlar.

Geç yüklenen Instagram feed'leri

Instagram, yerleştirme işleminin parçası olarak bir işaretleme bloğu ve komut dosyası sağlar. Komut dosyası, sayfaya bir <iframe> ekler. Yerleştirme boyutu 100 KB'tan fazla gzip ile sıkıştırılabileceği için bu <iframe> öğesinin geç yüklenmesi performansı artırabilir. WordPress siteleri için WPZoom ve Elfsight gibi birçok Instagram eklentisi, geç yükleme seçeneğini sunar.

Gömmeleri cephelerle değiştirme

Etkileşimli yerleştirmeler sayfaya değer katsa da birçok kullanıcı bunlarla etkileşimde bulunmayabilir. Örneğin, bir restoran sayfasına göz atan her kullanıcı, yerleştirilmiş harita yerleştirmesinde tıklamaz, genişlemez, kaydırmaz ve gezinmez. Benzer şekilde, telekomünikasyon hizmeti sağlayıcılar sayfasındaki her kullanıcı chatbot ile etkileşime girmez. Bu gibi durumlarda, yerine bir cephe görüntüleyerek yerleştirilmiş öğenin yüklenmesinden veya geç yüklenmesinden tamamen kaçınabilirsiniz.

Harita yerleştirme — Yakınlaştırma ve uzaklaştırma özelliğine sahip bir harita yerleştirme.

Harita cephesi — Resim olan harita cephesi.

Cephe, gerçek yerleşik üçüncü tarafa benzeyen ancak işlevsel olmayan ve bu nedenle sayfa yüklemesinden çok daha az vergi alınan statik bir öğedir. Aşağıda, bu tür yerleştirmeleri en iyi şekilde yüklerken ve yine de kullanıcıya değer sağlamaya yönelik birkaç strateji verilmiştir.

Dış cephe olarak statik resimler kullanın

Haritayı etkileşimli hale getirmeniz gerekmeyebilecek yerlerde, harita yerleştirmeleri yerine statik resimler kullanılabilir. Haritada ilgilendiğiniz alanı yakınlaştırabilir, bir resim çekebilir ve etkileşimli harita yerleştirmek yerine bunu kullanabilirsiniz. Aşağıda gösterildiği gibi, yerleştirilmiş iframe öğesinin ekran görüntüsünü almak için Geliştirici Araçları'nın Düğüm ekran görüntüsü yakala işlevini de kullanabilirsiniz.

Düğüm ekran görüntüsü al

Geliştirici Araçları, görüntüyü png olarak yakalar ancak bunu WebP format for better performance biçimine de dönüştürebilirsiniz.

Dış cephe olarak dinamik resimler kullanın

Bu teknik, çalışma zamanında etkileşimli bir yerleştirmeye karşılık gelen görüntüler oluşturmanıza olanak tanır. Aşağıda, sayfalarınızdaki yerleştirmelerin statik sürümlerini oluşturmanıza olanak tanıyan araçlardan bazıları verilmiştir.

Haritalar Statik API'si: Google Haritalar Statik API'si hizmeti, standart bir HTTP isteğinde yer alan URL parametrelerine dayalı bir harita oluşturur ve haritayı, web sayfanızda gösterebileceğiniz bir resim olarak döndürür. URL'nin Google Haritalar API anahtarını içermesi ve src özelliği olarak sayfadaki <img> etiketine yerleştirilmesi gerekir.

Statik harita oluşturucu aracı, URL için gerekli parametreleri yapılandırmanıza yardımcı olur ve resim öğesinin kodunu gerçek zamanlı olarak sağlar.

Aşağıdaki snippet'te, kaynağı Maps Static API URL'si olarak ayarlanmış bir resmin kodu gösterilmektedir. Resim tıklanarak gerçek haritaya erişilmesini sağlayan bir bağlantı etiketine eklenmiştir. (Not: API anahtarı özelliği URL'ye dahil edilmemiştir)
```
<a href="https://www.google.com/maps/place/Albany,+NY/">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Albany,+NY&zoom=13&scale=1&size=600x300&maptype=roadmap&format=png&visual_refresh=true" alt="Google Map of Albany, NY">
</a>
```
Twitter ekran görüntüleri: Harita ekran görüntülerine benzer şekilde bu kavram, canlı feed yerine dinamik olarak bir Twitter ekran görüntüsü yerleştirmenize olanak tanır. Tweetpik, tweet'lerin ekran görüntülerini almak için kullanılabilecek araçlardan biridir. Tweetpik API, tweet'in URL'sini kabul eder ve içeriği olan bir resim döndürür. API, resmin arka planını, renklerini, kenarlıklarını ve boyutlarını özelleştirmek için kullanılan parametreleri de kabul eder.

Cepheleri iyileştirmek için tıkla ve yükle özelliğini kullanın

Tıkla ve yükle konsepti, geç yükleme ile hafif unsurları birleştirir. Sayfa başlangıçta cepheyle birlikte yüklenir. Kullanıcı, statik yer tutucuyu tıklayarak etkileşimde bulunduğunda üçüncü taraf yerleştirmesi yüklenir. Bu, etkileşimde içe aktarma kalıbı olarak da bilinir ve aşağıdaki adımlar kullanılarak uygulanabilir.

Sayfa yüklemesinde: Sayfaya cephe veya statik öğe eklenir.
Fareyle üzerine gelindiğinde: Cephe, üçüncü taraf yerleştirme sağlayıcısına önceden bağlanır.
Tıklamada: Ön cephenin yerini üçüncü taraf ürünü alır.

Dış cepheler; video oynatıcılar, sohbet widget'ları, kimlik doğrulama hizmetleri ve sosyal medya widget'ları için üçüncü taraf yerleştirilmiş öğeler ile kullanılabilir. Oynat düğmesi içeren görsellerden oluşan YouTube videosu yerleştirmeleri, sık karşılaştığımız ekran görüntüleridir. Asıl video yalnızca görseli tıkladığınızda yüklenir.

Etkileşimde içe aktar kalıbını kullanarak özel bir tıkla ve yükle cephesi oluşturabilir veya farklı yerleştirme türleri için kullanılabilen aşağıdaki açık kaynak cephelerden birini kullanabilirsiniz.

YouTube arayüzü

Lite-youtube-embed, YouTube oynatıcısı için önerilen bir cephedir. Gerçek oynatıcıya benzer ancak 224 kat daha hızlıdır. Komut dosyasını ve stil sayfasını indirip, ardından HTML veya JavaScript'te <lite-youtube> etiketini kullanarak kullanılabilir. YouTube tarafından desteklenen özel oynatıcı parametreleri, params özelliği aracılığıyla eklenebilir.
```
<lite-youtube videoid="ogfYd705cRs" playlabel="Play: Keynote (Google I/O '18)"></lite-youtube>
```
Aşağıda, lite-youtube-embed ve gerçek yerleştirilmiş öğe arasındaki karşılaştırmayı görebilirsiniz.

Basit YouTube yerleşimi

YouTube yerleştirmesi

YouTube ve Vimeo oynatıcıları için kullanılabilen diğer benzer cepheler lite-youtube, lite-vimeo-embed ve lite-vimeo'dur.
Sohbet widget'ı yüzeyi

React-live-chat-loader, yerleştirmenin kendisi yerine sohbet yerleştirmeye benzer bir düğme yükler. Intercom, Help Scout, Messenger gibi çeşitli sohbet sağlayıcısı platformlarıyla kullanılabilir. Bu widget, sohbet widget'ından çok daha hafiftir ve daha hızlı yüklenir. Kullanıcı düğmenin üzerine geldiğinde veya düğmeyi tıkladığında ya da sayfa uzun süredir boşta kaldığında gerçek sohbet widget'ı ile değiştirilebilir. Postmark örnek olayı, tepki-canlı-sohbet-yükleyiciyi nasıl uyguladıklarını ve bunların sağladığı performans iyileştirmelerini açıklar.

Yerleştirilmiş öğeleri kaldırma veya bağlantılarla değiştirme

Bazı üçüncü taraf yerleştirmelerinin düşük yükleme performansına neden olduğunu ve yukarıdaki tekniklerden herhangi birinin kullanılmasının mümkün olmadığını anlarsanız, yapabileceğiniz en basit şey yerleştirmeyi tamamen kaldırmaktır. Kullanıcılarınızın, yerleştirilen içeriğe erişmeye devam etmesini istiyorsanız target="_blank" uygulamasıyla içeriğin bağlantısını sağlayabilirsiniz. Böylece kullanıcı, içeriği tıklayıp başka bir sekmede görüntüleyebilir.

Düzen kararlılığı

Yerleştirilmiş içeriğin dinamik olarak yüklenmesi bir sayfanın yükleme performansını iyileştirse de bazen sayfa içeriğinin beklenmedik şekilde taşınmasına neden olabilir. Bu işleme, düzen kayması denir.

Görsel kararlılık, sorunsuz bir kullanıcı deneyimi sağlamak için önemli olduğundan Cumulative Layout Shift (CLS), bu değişimlerin ne sıklıkla gerçekleştiğini ve ne kadar rahatsız edici olduklarını ölçer.

Sayfa yüklenirken daha sonra dinamik olarak yüklenecek öğelere alan ayırarak düzen kaymalarını önleyebilirsiniz. Tarayıcı, öğelerin genişliğini ve yüksekliğini biliyorsa ayrılacak alanı belirleyebilir. iframe'lerin width ve height özelliklerini belirterek veya üçüncü taraf yerleştirmesinin yükleneceği statik öğeler için sabit bir boyut ayarlayarak bunu sağlayabilirsiniz. Örneğin, bir YouTube yerleştirmesine ait iframe'in genişliği ve yüksekliği aşağıdaki gibi belirtilmelidir.

<iframe src="https://www.youtube.com/embed/aKydtOXW8mI" width="560" height="315">
</iframe>

YouTube, Google Haritalar ve Facebook gibi popüler yerleştirme uygulamaları, yerleştirme kodunu belirtilen boyut özellikleriyle birlikte sağlar. Ancak, bu bilgilere yer vermeyen sağlayıcılar da olabilir. Örneğin, bu kod snippet'i elde edilen yerleştirmenin boyutlarını belirtmez.

<a class="twitter-timeline" href="https://twitter.com/ChannelNewsAsia?ref_src=twsrc%5Etfw" data-tweet-limit="1">Tweets by ChannelNewsAsia</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Bu sayfa oluşturulduktan sonra yerleştirilen iframe öğesini incelemek için Geliştirici Araçları'nı kullanabilirsiniz. Aşağıdaki snippet'te görüldüğü gibi, yerleştirilen iframe'in yüksekliği sabitken genişlik yüzde olarak belirtilir.

<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" class="twitter-timeline twitter-timeline-rendered" style="position: static; visibility: visible; display: inline-block; width: 100%; padding: 0px; border: none; max-width: 1000px; min-width: 180px; margin-top: 0px; margin-bottom: 0px; min-height: 200px; height: 6238.31px;" data-widget-id="profile:ChannelNewsAsia" title="Twitter Timeline">
</iframe>

Bu bilgiler, feed yüklenirken kapsayıcının genişlememesini ve düzen kayması olmamasını sağlamak amacıyla kapsayıcı öğenin boyutunu ayarlamak için kullanılabilir. Aşağıdaki snippet, daha önce eklenen yerleştirmenin boyutunu düzeltmek için kullanılabilir.

<style>
    .twitterfeed { display: table-cell;  vertical-align: top; width: 100vw; }
    .twitter-timeline {height: 400px !important; }
</style>
<div class=twitterfeed>
       <a class="twitter-timeline" href="https://twitter.com/ChannelNewsAsia?ref_src=twsrc%5Etfw" data-tweet-limit="1">Tweets by ChannelNewsAsia</a>
       <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

Düzen Kaydırma Sonlandırıcı

Üçüncü taraf yerleştirme işlemlerinde, oluşturdukları son içeriğin boyutları (genişlik, yükseklik) genellikle atlandığından sayfada önemli düzen kaymalarına neden olabilirler. Geliştirici Araçları'nı kullanarak farklı görüntü alanı boyutlarında son boyutları manuel olarak incelemeden bu sorunu çözmek zor olabilir.

Artık Twitter, Facebook ve diğer sağlayıcılar gibi popüler yerleştirmelerden kaynaklanan düzen kaymalarını azaltmanıza yardımcı olabilecek otomatik bir araç olan Layout Shift Terminator adlı otomatik bir araç var.

Düzen Kayması Sonlandırıcı:

Bir iframe'e yerleştirilmiş istemci tarafını yükler.
iFrame'i çeşitli popüler görüntü alanı boyutlarına göre yeniden boyutlandırır.
Her popüler görüntü alanı için, daha sonra medya sorguları ve kapsayıcı sorguları oluşturmak üzere yerleştirmenin boyutlarını yakalar.
Yerleştirme başlatılıncaya (bundan sonra min-height stilleri kaldırılır) medya sorgularını (ve kapsayıcı sorgularını) kullanarak yerleştirme işaretlemesinin etrafında bir min-height sarmalayıcısını boyutlandırır.
Gömmeyi sayfanıza eklemeniz gereken yere kopyalayıp yapıştırabileceğiniz optimize edilmiş bir yerleştirme snippet'i oluşturur.

Layout Shift Terminator'ı deneyin ve GitHub ile ilgili geri bildirimlerinizi çekinmeden bırakın. Araç beta sürümündedir ve daha fazla ayrıntılandırmayla zaman içinde daha iyi hale gelmeyi amaçlar.

Sonuç

Üçüncü taraf yerleştirmeleri kullanıcılara büyük değer sağlayabilir, ancak bir sayfadaki yerleştirmelerin sayısı ve boyutu arttıkça performans düşebilir. Bu nedenle yerleştirmeler için konumları, alaka düzeyi ve potansiyel kullanıcıların ihtiyaçlarına göre uygun yükleme stratejilerini ölçmek, değerlendirmek ve kullanmak gerekir.