SharePoint modern site sayfalarında özel uzantı performansını iyileştirme

Bu makale, özel uzantıların kullanıcı tarafından algılanan gecikme süresini nasıl etkileyeceğini ve yaygın sorunları nasıl gidereceğini anlamanıza yardımcı olur.

SharePoint için Sayfa Tanılama aracını kullanarak özel uzantıları analiz etme

SharePoint için Sayfa Tanılama aracı, Microsoft Edge ve Chrome tarayıcıları için hem Microsoft 365 modern portalında hem de klasik yayımlama sitesi sayfalarında SharePoint'i analiz eden bir tarayıcı uzantısıdır. Araç, analiz edilen her sayfa için sayfanın tanımlı bir performans ölçütleri kümesine göre nasıl performans gösterdiğini gösteren bir rapor sağlar. SharePoint için Sayfa Tanılama aracını yüklemek ve hakkında bilgi edinmek için SharePoint için Sayfa Tanılama aracını kullanma sayfasını ziyaret edin.

Not

Sayfa Tanılama aracı yalnızca Microsoft 365'te SharePoint için çalışır ve SharePoint sistem sayfasında kullanılamaz.

SharePoint için Sayfa Tanılama aracıyla bir SharePoint sitesi sayfasını çözümlediğinizde, Uzantılar yükleme süresini etkiliyor ve/veya Tanılama testleri bölmesinde kullanılan çok fazla uzantı sonucu bölümünde temel ölçümü aşan özel uzantılar hakkındaki bilgileri görebilirsiniz.

Olası sonuçlar şunlardır:

• Dikkat gerekiyor (kırmızı): Yüklenmesi bir saniyeden uzun süren herhangi birözel uzantı. Test sonuçlarında gösterildiği gibi toplam yük süresi modül yükü ve başlatmaya göre ayrılmıştır. Ayrıca, bir sayfada çok fazla uzantı varsa, bunlar sayfa yükleme süresini etkileyebilir ve sayfada yedi veya daha fazla uzantı kullanılıyorsa bu vurgulanır.
• İyileştirme Fırsatları (sarı) Beş veya daha fazla uzantı kullanılırsa, yedi veya daha fazla uzantı kullanılana kadar bu uzantılar uyarı olarak vurgulanır ve bunlar Dikkat Gerekiyor olarak vurgulanır.
• Eylem gerekmez (yeşil): Uzantının yüklenmesi bir saniyeden uzun sürmemektedir.

Bir uzantı sayfa yükleme süresini etkiliyorsa veya sayfada çok fazla uzantı varsa, sonuç sonuçların Dikkat gerekiyor bölümünde görüntülenir. Hangi uzantının yavaş yüklendiği veya çok fazla uzantının vurgulandığıyla ilgili ayrıntıları görmek için sonucu seçin. SharePoint için Sayfa Tanılama aracında gelecekteki güncelleştirmeler analiz kuralları güncelleştirmelerini içerebilir, bu nedenle lütfen aracın her zaman en son sürümüne sahip olduğunuzdan emin olun.

Sonuçlarda bulunan bilgiler şunları içerir:

• Ad ve kimlik , sayfada uzantıyı bulmanıza yardımcı olabilecek tanımlayıcı bilgileri gösterir

• Toplam , modülü yüklemek ve başlatmak için uzantının toplam süresini gösterir. Uzantının başlangıçtan sonuna kadar sayfada yürütülmesi için geçen toplam göreli süredir.

• Modül Yükleme , JavaScript ve CSS dosyalarını indirmek, değerlendirmek ve yüklemek için geçen süreyi gösterir. Ardından Init işlemini başlatır.

• Init , uzantının verileri başlatması için geçen süreyi gösterir.

  Bu zaman uyumsuz bir çağrıdır ve init time, döndürülen söz çözümlendiğinde onInit işlevinin zamanının hesaplanmasıdır.

Bu bilgiler tasarımcıların ve geliştiricilerin sorunları gidermesine yardımcı olmak için sağlanır. Bu bilgiler tasarım ve geliştirme ekibinize sağlanmalıdır.

Uzantılara genel bakış

SharePoint Framework (SPFx) Uzantıları, SharePoint kullanıcı deneyimini genişletmek için kullanılabilir. SharePoint Framework Uzantıları ile bildirim alanları, araç çubukları ve liste veri görünümleri dahil olmak üzere SharePoint deneyiminin daha fazla modelini özelleştirebilirsiniz.

Gerekli işleri yapmak için CPU ve ağ kaynaklarını da gerektirdiğinden, uzantıların SharePoint sayfasının performansı üzerinde kötü bir etkisi olabilir.

Dört tür uzantı vardır:

• Uygulama Özelleştiricileri sayfaya betikler ekler ve iyi bilinen HTML öğesi yer tutucularına erişir ve bunları özel işlemelerle genişletir.
• Alan Özelleştiricileri , liste içindeki alanların verilerine değiştirilmiş görünümler sağlar.
• Komut Kümeleri , SharePoint komut yüzeylerini genişleterek yeni eylemler ekler ve davranışları uygulamak için kullanabileceğiniz istemci tarafı kodu sağlar.
• Arama Sorgusu Değiştiricisi (yalnızca önizleme) arama sorgusu yürütülmeden hemen önce çağrılır.

Uzantı performansı sorunlarını düzeltme

Uzantılar sayfa yükleme süresi sonuçlarını etkiliyor bölümünde listelenen uzantılarla ilgili performans sorunlarını belirlemek ve düzeltmek için bu bölümdeki yönergeleri izleyin.

Not

Uygulama özelleştiricileri bir sayfanın yaşam döngüsü sırasında erken aşamada yürütülebilir ve sayfadaki diğer uzantıların performansını etkileyebilir.

Sayfa Tanılama Aracı'ndaki denetim sonuçları, olası performans etkisini belirlemeye yardımcı olmak için uzantı yürütmenin iki aşamasını görüntüler.

• Modül yükü , uzantının yüklenmesinin ne kadar sürdüğüdür ve uzantının boyutundan etkilenir, bu nedenle uzantıda yalnızca gerekli kitaplıkları paketlemek ve daha açık kitaplıklar seçmek iyi bir fikirdir.
• Init , uzantının başlatma zamanıdır ve uzantı geliştiricilerinin uzantının başlatma aşamasında gereksiz iş mi yoksa çok fazla komut mu yürüttüğüne karar vermesi gerekir.

Sayfa yazarları, bir sayfanın çok fazla uzantıya sahip olup olmadığını ve çok fazla uzantının sayfanın performansını olumsuz etkileyip etkilemediğini görmek için denetim sonucunu da kullanabilir.

• Uzantı boyutu ve bağımlılıkları
  • En iyi statik kaynak indirmesi için Office 365 CDN'nin kullanılması gerekir. Js/css dosyaları için genel CDN kaynakları tercih edilir. Office 365 CDN'sini kullanma hakkında daha fazla bilgi için bkz. SharePoint ile Office 365 Content Delivery Network(CDN) kullanma.
  • SharePoint Framework (SPFx) kapsamında gelen React ve Doku içeri aktarmaları gibi çerçeveleri yeniden kullanma. Daha fazla bilgi için bkz. SharePoint Framework genel bakış.
  • SharePoint Framework en son sürümünü kullandığınızdan emin olun ve kullanıma sunulduklarında yeni sürümlere yükseltin.
• Veri getirme/önbelleğe alma
  • Uzantı, görüntülenmek üzere veri getirmek için ek sunucu çağrılarına dayanırsa, bu sunucu API'lerinin hızlı olduğundan emin olun ve/veya istemci tarafı önbelleğe alma uygulayın (daha büyük kümeler için localStorage veya IndexDB kullanma gibi).
  • Kritik verileri işlemek için birden çok çağrı gerekiyorsa, sunucuda toplu işlem yapmayı veya istekleri tek bir çağrıya birleştirmenin diğer yöntemlerini göz önünde bulundurun.
  • Alternatif olarak, bazı veri öğeleri daha yavaş bir API gerektiriyorsa ancak ilk işleme için kritik değilse, bunları kritik veriler işlendikten sonra yürütülen ayrı bir çağrıya ayırın.
  • Birden çok parça aynı verileri kullanıyorsa, yinelenen çağrıları önlemek için ortak bir veri katmanı kullanın.
• İşleme süresi
  • Görüntüler ve videolar gibi tüm medya kaynakları gereksiz büyük varlıkların indirilmesini önlemek için kapsayıcı, cihaz ve/veya ağın sınırlarına göre boyutlandırılmalıdır. İçerik bağımlılıkları hakkında daha fazla bilgi için bkz. SharePoint ile Office 365 Content Delivery Network(CDN) kullanma.
  • Yeniden akışa, karmaşık CSS kurallarına veya karmaşık animasyonlara neden olan API çağrılarından kaçının. Daha fazla bilgi için bkz. Tarayıcı yeniden akışını en aza indirme.
  • Zincirlenmiş uzun süre çalışan görevleri kullanmaktan kaçının. Bunun yerine, uzun süre çalışan görevleri ayrı kuyruklara ayırın. Daha fazla bilgi için bkz. JavaScript Yürütmesini İyileştirme.
  • Atlanan çerçeveleri ve takılmayı ( jank olarak da bilinir) önlemek için zaman uyumsuz olarak medya veya görsel öğeleri işlemek için ilgili alanı ayırın.
  • Belirli bir tarayıcı işlemede kullanılan bir özelliği desteklemiyorsa, polyfill yükleyin veya bağımlı kodu çalıştırmayı dışlayın. Özellik kritik değilse, bellek sızıntılarını önlemek için olay işleyicileri gibi kaynakları atın.

Performans sorunlarını düzeltmek için sayfa düzeltmeleri yapmadan önce, çözümleme sonuçlarında sayfa yükleme süresini not edin. Yeni sonucun temel standart içinde olup olmadığını görmek için düzeltmenizden sonra aracı yeniden çalıştırın ve bir iyileştirme olup olmadığını görmek için yeni sayfa yükleme süresini denetleyin.

Not

Sayfa yükleme süresi, ağ yükü, günün saati ve diğer geçici koşullar gibi çeşitli faktörlere bağlı olarak farklılık gösterebilir. Sonuçları ortalamanıza yardımcı olacak değişiklikler yapmadan önce ve sonra sayfa yükleme süresini birkaç kez test etmelisiniz.

İlgili makaleler

SharePoint performansını ayarlama

Modern SharePoint deneyiminde performans

İçerik teslim ağları

SharePoint ile Office 365 Content Delivery Network'i (CDN) kullanma