Optimera iFrames i SharePoint moderna och klassiska publiceringswebbplatssidor
iFrames kan vara användbart för att förhandsgranska innehållsrika innehåll som videor eller andra media. Men eftersom iFrames läser in en separat sida på sidan SharePoint-webbplatsen kan innehåll som läses in i iFrame innehålla stora bilder, videor eller andra element som kan bidra till inläsningstider för sidan och som du inte kan styra över på sidan. Den här artikeln hjälper dig att förstå hur iFrames på sidorna påverkar användarens uppfattas fördröjning och hur du åtgärdar vanliga problem.
Anteckning
Mer information om prestanda i SharePoint moderna webbplatser finns i Prestanda i den moderna SharePoint upplevelsen.
Använda siddiagnostik för SharePoint för att analysera webbdelar med iFrames
Siddiagnostik för SharePoint är ett webbläsartillägg för nya Microsoft Edge ( och Chrome-webbläsare som analyserar både moderna SharePoint Online-portalen och klassiska https://www.microsoft.com/edge) publiceringswebbplatssidor. Verktyget innehåller en rapport för varje analyserad sida som visar hur sidan fungerar mot en definierad uppsättning prestandavillkor. Mer information om verktyget Siddiagnostik för SharePoint finns i Använda verktyget Siddiagnostik för SharePoint Online.
Anteckning
Verktyget Siddiagnostik fungerar bara för SharePoint Online och kan inte användas på en SharePoint systemsida.
När du analyserar en SharePoint-webbplatssida med verktyget Siddiagnostik för SharePoint kan du se information om webbdelar som innehåller iFrames i fönstret Diagnostiktest. Baslinjemåttet är detsamma för moderna och klassiska sidor.
Möjliga resultat är:
- Obs! (röd): Sidan innehåller tre eller fler webbdelar med iFrames
- Förbättringsmöjligheter (gul): Sidan innehåller en eller två webbdelar med iFrames
- Ingen åtgärd krävs (grön): Sidan innehåller inga webbdelar med iFrames
Om de webbdelar som använder iFrames upptäckta resultat visas i antingen resultatavsnittet Förbättringsmöjligheter eller Åtgärder krävs) kan du klicka på resultatet för att se de webbdelar som innehåller iFrames.

Åtgärda prestandaproblem i iFrame
Använda webbdelarna med iFrames upptäckt resultat i verktyget Siddiagnostik för att avgöra vilka webbdelar som innehåller iFrames och kan bidra till långsam sidinläsning.
iFrames är mycket långsamt eftersom de läser in en separat extern sida med allt associerat innehåll, till exempel javascript, CSS och framework-element, som potentiellt ökar kostnaderna för webbplatsens sida av en faktor för två eller fler.
Följ vägledning nedan för optimal användning av iFrames.
- Använd bilder i stället för iFrames om förhandsgranskningen är liten att börja med eller icke-interaktiva.
- Om iFrames måste användas minimerar du numret och/eller flyttar dem från visningsområdet.
- Inbäddade Office filer som Word, Excel och PowerPoint är interaktiva, men tar lång tid att läsa in. Miniatyrbilder med en länk till det fullständiga dokumentet fungerar ofta bättre.
- Inbäddade YouTube-videor och Twitter-feeds presterar ofta bättre i iFrames, men använder dessa typer av inbäddningar på ett bra sätt.
- Isolerade webbdelar är ett rimligt undantag, men minimera deras nummer och placering i visningsområdet.
- Om en iFrame är placerad utanför visningsområdet kan du använda en IntersectionObserver för att fördröja rendering av iFrame tills den visas.
Innan du gör sidändringar för att åtgärda prestandaproblem bör du anteckna inläsningstiden för sidan i analysresultatet. Kör verktyget igen efter ändringen för att se om det nya resultatet ligger inom baslinjestandarden och kontrollera inläsningstiden för den nya sidan för att se om det finns en förbättring.

Anteckning
Sidinläsningstiden kan variera beroende på en mängd faktorer, till exempel nätverksbelastning, tid på dagen och andra tillfälliga villkor. Du bör testa inläsningstiden några gånger före och efter ändringarna för att beräkna medelvärdet för resultatet.