Aracılığıyla paylaş

SharePoint modern site sayfalarında web bölümü performansını iyileştirme

  • Makale

SharePoint modern site sayfaları, genel sayfa yükleme sürelerine katkıda bulunabilecek web bölümleri içerir. Bu makale, sayfalarınızdaki web bölümlerinin kullanıcı tarafından algılanan gecikme süresini nasıl etkileyeceğini ve yaygın sorunları nasıl giderebileceğinizi anlamanıza yardımcı olur.

Not

SharePoint modern portallarındaki performans hakkında daha fazla bilgi için bkz. Modern SharePoint deneyiminde performans.

Web bölümlerini analiz etmek için SharePoint için Sayfa Tanılama aracını kullanma

SharePoint için Sayfa Tanılama aracı, hem SharePoint modern portalını hem de klasik yayımlama sitesi sayfalarını analiz eden yeni Microsoft Edge (https://www.microsoft.com/edge) ve Chrome tarayıcıları için 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, Tanılama testleri bölmesinde Web bölümlerinde temel ölçümü aşan web bölümleri hakkındaki bilgilerin sayfa yükleme süresi sonucunu etkilediğini görebilirsiniz.

Olası sonuçlar şunlardır:

  • Dikkat gerekli (kırmızı): Görünüm penceresi içinde görünen herhangi bir özel web bölümü (sayfanın ilk yüklenen ekran görünür bölümü) yüklenmesi iki saniyeden uzun sürer. Görünüm penceresi dışındaki dört saniyeden uzun sürecek tüm özel web bölümlerinin yüklenmesi. Toplam yük süresi test sonuçlarında görüntülenir ve modül yükü, gecikmeli yük, başlatma ve işlemeye göre ayrılmıştır.
  • İyileştirme fırsatları (sarı): Sayfa yükleme süresini etkileyebilecek öğeler bu bölümde gösterilir ve gözden geçirilip izlenmesi gerekir. Bu, "kullanıma açık" (OOTB) Microsoft web bölümlerini içerebilir. Bu bölümde gösterilen tüm Microsoft web bölümlerinin sonuçları otomatik olarak Microsoft'a bildirilir, bu nedenle herhangi bir eylem gerekmez. Yalnızca sayfada yavaş performansla karşılaşıyorsanız ve sayfadaki tüm Microsoft web bölümleriİyileştirme fırsatları bölümündeki sonuçlarda görünüyorsa araştırma için bir destek bileti kaydetmeniz gerekir. SharePoint araç güncelleştirmesi için gelecek bir Sayfa Tanılaması, Sonuçları Microsoft web bölümünün belirli yapılandırmasına göre daha da bölecektir.
  • Eylem gerekmez (yeşil): Hiçbir web bölümünün veri döndürmesi iki saniyeden uzun sürmemektedir.

Web bölümleri sayfa yükleme süresini etkiliyorsa sonuçların Dikkat gerekiyor veya İyileştirme fırsatları bölümünde görünüyorsa, hangi web bölümlerinin yavaş yüklendiğiyle 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.

Sayfa Tanılama aracı sonuçları.

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

  • Oluşturan , web bölümünün özel mi yoksa Microsoft OOTB mi olduğunu gösterir.

  • Ad ve kimlik , sayfada web bölümünü bulmanıza yardımcı olabilecek tanımlayıcı bilgileri gösterir.

  • Toplam , web bölümünün modül yükleme, başlatma ve işleme için toplam süresini gösterir. Başlangıçtan sonuna kadar web bölümünün sayfada işlenmesi 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.

  • Gecikmeli Yükleme , sayfanın ana bölümünde görünmeyen web bölümlerinin ertelenmiş yükleme süresini gösterir. İşlenmek üzere çok fazla web bölümü olduğu ve sayfa yükleme süresini en aza indirmek için işlenmek üzere kuyruğa alındığı bazı koşullar vardır.

  • Init , web bölümü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.

  • İşleme , modül yükü ve Init tamamlandıktan sonra kullanıcı arabirimini (kullanıcı arabirimi) işlemek için geçen süreyi gösterir.

    DoM'u belgeye (sayfa) bağlamak için JavaScript yürütme süresidir. Zaman uyumsuz kaynakların (örneğin, görüntülerin) işlenmesinin tamamlanması ek zaman alabilir.

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.

Web bölümü performans sorunlarını düzeltme

Web bölümlerinde listelenen web bölümleri sayfa yükleme süresi sonuçlarını etkiliyorsa performans sorunlarını belirlemek ve düzeltmek için bu bölümdeki yönergeleri izleyin.

Kötü web bölümü performansının üç olası nedeni kategorisi vardır. Senaryonuz için hangi sorunların geçerli olduğunu belirlemek ve bunları düzeltmek için aşağıdaki bilgileri kullanın.

  • Web bölümü betik boyutu ve bağımlılıkları
    • Yalnızca görüntüleme modu için ana hat senaryosunu işleyen ilk betiği iyileştirin.
    • Import() deyimini kullanarak daha az sıklıkta senaryoları ve düzenleme modu kodunu (özellik bölmesi gibi) ayrı öbeklere taşıyın.
    • Package.json dosyasının bağımlılıklarını gözden geçirerek tüm geçersiz kodları tamamen kaldırın. Tüm test/derleme bağımlılıklarını devDependencies'e taşıyın.
    • 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'yi kullanma hakkında daha fazla bilgi için bkz. SharePoint ile Office 365 İçerik Teslim Ağı'nı (CDN) kullanma.
    • SharePoint Framework'ün (SPFx) bir parçası olarak gelen React ve Fabric içeri aktarmaları gibi çerçeveleri yeniden kullanın. Daha fazla bilgi için bkz. SharePoint Framework'e genel bakış.
    • SharePoint Framework'ün 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
    • Web bölümü 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 IndexedDB 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 İçerik Teslim Ağı'nı (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.

Sayfa yükleme süresi sonuçları.

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.

SharePoint performansını ayarlama

Office 365 performansını ayarlama

Modern SharePoint deneyiminde performans

İçerik teslim ağları

SharePoint ile Office 365 İçerik Teslim Ağı'nı (CDN) kullanma