Üçüncü taraf JavaScript performansı

Üçüncü taraf JavaScript'in performansı nasıl etkileyebileceğini ve sitelerinizi yavaşlatmamak için neler yapabileceğinizi öğrenin.

Milica Mihajlija
Milica Mihajlija

Üçüncü taraf JavaScript, genellikle web sitenize yerleştirilmiş olan ve aşağıdaki özellikleri taşıyan komut dosyaları anlamına gelir:

  • Sizin yazmadınız
  • Üçüncü taraf sunuculardan sunulur

Siteler bu komut dosyalarını aşağıdakiler gibi çeşitli amaçlar için kullanır:

  • Sosyal paylaşım düğmeleri
  • Video oynatıcı yerleştirmeleri
  • Sohbet hizmetleri
  • Reklam iframe'leri
  • Analiz ve metrik komut dosyaları
  • Denemeler için A/B testi komut dosyaları
  • Yardımcı kitaplıklar (tarih biçimlendirmesi, animasyon ve işlevsel kitaplıklar gibi)

Üçüncü taraf komut dosyaları güçlü işlevler sağlayabilir, ancak hikayenin tamamı bu değildir. Gizlilik, güvenlik ve sayfa davranışını da etkilediğinden performans açısından özellikle sorunlu olabilir.

Performans

Kayda değer miktarda JavaScript, performansı yavaşlatabilir. Ancak üçüncü taraf JavaScript genellikle sizin kontrolünüz dışında olduğu için başka sorunlara da yol açabilir.

Bağlantı kurmak zaman alır ve birden çok sunucuya çok fazla istek göndermek yavaşlamalara neden olur. Bu süre güvenli bağlantılar için daha da uzundur. DNS aramaları, yeniden yönlendirmeler ve kullanıcının isteğini yerine getiren son sunucuya yapılan çeşitli gidiş dönüş yolculukları da buna dahildir.

Üçüncü taraf komut dosyaları genellikle aşağıdaki gibi ağ ek yüküne neden olur:

  • Ek ağ istekleri tetikleniyor
  • Optimize edilmemiş resimler ve videolar alınıyor
  • Ağ kaynaklarının sık sık getirilmesine neden olan yetersiz HTTP önbelleğe alma
  • Kaynakların sunucudan yeterince sıkıştırılmaması
  • Farklı üçüncü taraf yerleştirmeleri tarafından çekilen birden fazla çerçeve ve kitaplık örneği

Oluşturma

Üçüncü taraf JavaScript'in yüklenme şekli son derece önemlidir. Kritik oluşturma yolunda eşzamanlı olarak yapılırsa belgenin geri kalanının ayrıştırılmasını geciktirir.

Üçüncü taraf sunucu sorunları yaşıyorsa ve bir kaynağı teslim edemiyorsa istek zaman aşımına uğrayana kadar (10 ila 80 saniye olabilir) oluşturma engellenir. WebPageTest Tek Hatalı Hatalı Testleri ile bu sorunu test edebilir ve simüle edebilirsiniz.

Bununla ilgili yapılması gerekenler

Üçüncü taraf JavaScript kullanılması genellikle kaçınılmazdır, ancak olumsuz etkileri en aza indirmek için yapabileceğiniz şeyler de vardır:

  • Üçüncü taraf kaynaklarını seçerken, ihtiyacınız olan işlevleri sunmaya devam ederken en az miktarda kod gönderen kaynakları tercih edin.
  • Maliyetlerini kontrol altında tutmak amacıyla üçüncü taraf içeriklerin performans bütçelerini kullanın.
  • İki farklı satıcının aynı işlevselliğini kullanmayın. Muhtemelen iki etiket yöneticisine veya iki analiz platformuna ihtiyacınız yoktur.
  • Gereksiz üçüncü taraf komut dosyalarını düzenli olarak denetleyin ve temizleyin.

Daha iyi performans ve kullanıcı deneyimi sağlamak amacıyla üçüncü taraf içeriğini nasıl denetleyeceğinizi ve verimli bir şekilde nasıl yükleyeceğinizi öğrenmek için Üçüncü taraf kaynaklarınızı optimize etme bölümündeki diğer yayınlara göz atın.