Billedoptimering til SharePoint Online

Indlæsningshastigheden for en webside afhænger af den samlede størrelse af alle de komponenter, der kræves for at gengive siden, herunder billeder, HTML, JavaScript og CSS. Billeder er en god måde at gøre dit websted mere tiltalende, men deres størrelse kan påvirke ydeevnen. Ved at optimere dine billeder med komprimering og ændring af størrelsen og ved at bruge sprites kan du forskyde effekterne af meget store billeder. Ved hjælp af SharePoint-billedgengivelser kan du overføre et enkelt stort billede og få vist sektioner af det billede, så det kan genbruges i stedet for genindlæses.

Brug af sprites til at fremskynde billedindlæsning i SharePoint Online

Et billedsprite indeholder mange mindre billeder. Ved hjælp af CSS markerer du en del af det sammensatte billede til at vise på en bestemt del af siden med absolut placering. Grundlæggende flytter du et enkelt billede rundt på siden i stedet for at indlæse flere billeder og gør en lille del af billedet synligt gennem et lille vindue, hvor den nødvendige del af spritebilledet vises til slutbrugeren. SharePoint Online bruger sprites til at vise dets forskellige ikoner i sprite spcommon.png.

Hvad er dækket her

  • Billedkomprimering

  • Billedoptimering

  • SharePoint-billedgengivelser

Skærmbillede af spcommon

Dette kan øge ydeevnen, fordi du kun henter ét billede i stedet for flere og derefter cache og genbruger billedet. Selv hvis billedet ikke forbliver cachelagret, ved at have et enkelt billede i stedet for flere billeder, reducerer denne metode det samlede antal HTTP-anmodninger til serveren, som vil reducere sidens indlæsningstid. Dette er virkelig en form for billedsamling. Dette er en meget praktisk teknik, hvis billederne ikke ændrer sig ret ofte, f.eks. ikoner, som vist i eksemplet med SharePoint, der er angivet ovenfor. Du kan bruge Web Essentials, et tredjeparts-, open source-, community-baseret projekt til at gøre dette nemt i Microsoft Visual Studio. Få mere at vide under Minimering og bundling i SharePoint Online.

Brug af billedkomprimering og optimering til at fremskynde sidens indlæsningstid i SharePoint

Billedkomprimering og optimering handler om at reducere filstørrelsen på de billeder, du bruger på dit websted. Den bedste metode til at reducere størrelsen på et billede er ofte at ændre størrelsen på billedet til de største dimensioner, som det kan ses på webstedet. Der er ingen mening i at have et billede, der er større end det, som nogensinde vil blive vist. At sørge for at billeder har de korrekte dimensioner ved hjælp af et billedredigeringsprogram, er en hurtig og nem måde at reducere størrelsen af din side.

Når billederne har den rigtige størrelse, er det næste trin at optimere komprimeringen af disse billeder. Der findes forskellige værktøjer, der bruges til komprimering og optimering, herunder Photo Gallery og tredjepartsværktøjer. Hemmeligheden bag komprimering er at reducere filstørrelsen så meget som muligt uden at miste nogen mærkbar kvalitet for slutbrugerne. Sørg for, at du tester dine komprimerede filer på en skærm med høj opløsning for at sikre, at de stadig ser flotte ud.

Fremskynd overførsler til siden ved hjælp af SharePoint-billedgengivelser

Billedgengivelser er en funktion i SharePoint Online, der gør det muligt at håndtere forskellige versioner af billeder, der er baseret på foruddefinerede billeddimensioner. Dette er især vigtigt, når der er billedindhold, som er oprettet af en bruger, eller billedets dimensioner, såsom bredde og højde, er fastsat af CSS på webstedet. Selv om et billede er fastsat af CSS, er billedet stadigt indlæst i fuld opløsning. I dette tilfælde kan du reducere filstørrelsen ved hjælp af billedgengivelser.

Bemærk: Gengivelser er kun tilgængelige for SharePoint, når publicering er aktiveret. Du kan aktivere publicering under Indstillinger > Indstillinger for websted > Administrer webstedsfunktioner > SharePoint Serverpublicering. Indstillingen vises ikke på anden måde.

Ændringen af billedgengivelsen fungerer på den måde, at du tager den mindste dimension, som du definerer ud fra enten bredde eller højde, og derefter ændrer størrelsen på billedet, så den anden dimension automatisk ændrer størrelse på baggrund af det fastlagte højde-bredde-forhold. Det vil beskære billedet fra midten af de resterende dimensioner som standard. Hvis du f.eks. definerer en gengivelse på 100px bredt og 50 px højt, og det oprindelige billede f.eks. er 1000px bredt og 800px højt, bliver det tilpasset, så dimensionen 800px nu er 50 px og dimensionen 1000px (nu 62,5px) er beskåret i midten af billedet.

Trinnene er relativt simple, men for at billeder kan bruge gengivelserne, skal gengivelserne være på SharePoint-webstedet, inden du tilføjer billederne. Desuden skal du også have SharePoint Server Publiceringsinfrastrukturen (niveau for gruppe af websteder) og SharePoint Server (niveau for websted) Publiceringsfunktioner slået til.

Tilføj en billedgengivelse for at fremskynde indlæsningen af siden
  1. Bekræft, at den brugerkonto, der udfører denne procedure, som minimum har designtilladelser til gruppen af websteders øverste niveau, og at siden bliver publiceret på en webside.

  2. Gå til webstedet på øverste niveau for gruppen publicering af websteder i en webbrowser.

  3. Vælg ikonet Indstillinger.

  4. På siden Webstedsindstillinger i afsnittet Udseende og funktionalitet vil du se de indbyggede billedgengivelser.

    Du kan bruge gengivelserne ud af boksen eller vælge Billedgengivelser til at oprette en ny.

    Skærmbillede af billedgengivelse
  5. På siden Billedgengivelser skal du vælge Tilføj nyt element.

    Skærmbillede af Tilføj nyt element
  6. På siden Ny billedgengivelse skal du i feltet Navn skrive et navn på gengivelsen.

  7. I tekstboksene Bredde og Højde angiver du bredde og højde i pixel, gengivelsen, og vælger derefter Gem.

    Skærmbillede af navn på billedgengivelse

Brugerdefineret beskæring med billedgengivelser i SharePoint

Som standard genereres en billedgengivelse fra midten af billedet. Du kan justere billedgengivelsen for individuelle billeder ved at beskære den del af billedet, du vil bruge. Du kan beskære billeder på individuel basis pr. gengivelse. Beskæring af billeder fremskynder indlæsningen af siden ved hjælp af SharePoints blogcache til at oprette en version af billedet for hver gengivelse. På denne måde reduceres serverbelastningen, da billedets størrelse kun tilpasses én gang og er klar til at håndtere brugere flere gange. Du kan finde flere oplysninger om, hvordan du beskærer en billedgengivelse i Beskær en billedgengivelse.

Del Facebook Facebook Twitter Twitter Mail Mail

Var disse oplysninger nyttige?

Fantastisk! Har du mere feedback?

Hvordan kan vi forbedre det?

Tak for din feedback!

×