Bildeoptimalisering for SharePoint Online

Innlastingshastigheten for en nettside avhenger av den kombinerte størrelsen på alle komponentene som kreves for å gjengi siden, inkludert bilder, HTML, JavaScript og CSS. Bilder er en flott måte å gjøre nettstedet mer tiltalende på, men størrelsen kan påvirke ytelsen. Ved å optimalisere bildene med komprimering og endring av størrelse, og bruk av sprites, kan du omgå effekten av svært store bilder. Hvis du bruker bildegjengivelser for SharePoint, kan du laste opp ett stort bilde og vise deler av bildet som kan brukes om igjen i stedet for å måtte lastes om igjen.

Bruke sprites for å få bilder til å lastes raskere i SharePoint Online

En bildesprite inneholder mange mindre bilder. Ved bruk av CSS velger du en del av det sammensatte bildet som skal vises på en bestemt del av siden med absolutt plassering. Det betyr ganske enkelt at du flytter et enkelt bilde rundt på siden, i stedet for å laste flere sider og gjøre en liten del av det bildet synlig gjennom et lite vindu hvor den nødvendige delen av spritebildet vises for sluttbrukeren. SharePoint Online bruker sprites for vise de forskjellige ikonene i sprite spcommon.png.

Vi dekker følgende her

  • Bildekomprimering

  • Bildeoptimalisering

  • SharePoint-bildegjengivelser

Skjermbilde av spcommon

Dette kan øke ytelsen fordi du bare laster ned ett bilde i stedet for flere, og deretter hurtigbufrer og bruker du det bildet om igjen. Selv om bildet ikke blir værende i hurtigbufferen, reduserer denne metoden det totale antallet HTP-forespørsler til serveren ved å ha et enkelt bilde i stedet for flere bilder, hvilket reduserer tiden det tar å laste siden. Dette er egentlig en form for bildebunting. Dette er en teknikk som er svært nyttig hvis bildene ikke endres veldig ofte, for eksempel ikoner som vist i SharePoint-eksemplet ovenfor. Du kan se hvordan å bruke Web Essentials, et tredjepart, åpen kilde, fellesskapbasert prosjekt, for å oppnå dette enkelt i Microsoft Visual Studio. Hvis du vil ha mer informasjon, se Minisering og bunter i SharePoint Online.

Bruke bildekomprimering og -optimalisering til å øke hastigheten på lasting av sider i SharePoint

Bildekomprimering og optimalisering dreier seg om å redusere filstørrelsen for bildene du bruker på nettstedet. Den beste måten å redusere størrelsen på et bilde på, er ofte å endre størrelsen på bildet til maksimum dimensjoner som det vises i på nettstedet. Det gir ikke mening å ha et bilde som er større enn størrelsen det vil vises i. Bruk av et bilderedigeringsprogram for å sikre at bildene har riktige dimensjoner, er en rask og enkel måte å redusere størrelsen på siden.

Når bildene har riktig størrelse, er neste trinn å optimalisere komprimeringen av disse bildene. Det finnes forskjellige verktøy tilgjengelig til bruk for komprimering og optimalisering, inkludert Fotogalleri og tredjepartsverktøy. Nøkkelen til komprimering er å redusere filstørrelsen så mye som mulig, uten å miste noen synlige kvaliteter for sluttbrukere. Husk å teste de komprimerte filene på en HD-skjerm for å kontrollere at de fremdeles ser bra ut.

Oppnå raskere nedlasting av sider ved bruk av SharePoint-bildegjengivelser

Bildegjengivelser er en funksjon i SharePoint Online som lar deg vise forskjellige versjoner av bilder basert på forhåndsdefinerte bildedimensjoner. Dette er særlig viktig når det finnes brukergenerert bildeinnhold, eller bildedimensjonene, for eksempel bredde og høyde, er låst av CSS på siden. Selv om et bilde er låst i CSS, lastes likevel bildet i full oppløsning. I dette tilfellet kan filstørrelsen reduseres ved å bruke bildegjengivelser.

Merknad: Gjengivelser er bare tilgjengelige for SharePoint når publisering er aktivert. Du kan aktivere publisering under Innstillinger > Innstillinger for nettsted > Behandle områdefunksjoner > SharePoint Server-publisering. Ellers vil ikke alternativet vises

Skalering av bildegjengivelsen fungerer ved å ta den minste dimensjonen du definerer, enten bredde eller høyde, og deretter skalere bildet slik at den andre dimensjonen automatisk får ny størrelse basert på det låste høyde-breddeforholdet. Som standard beskjærer dette bildet fra midten av de gjenværende målene. Hvis du definerer en gjengivelsen på 100 piksler bredde og 50 piksler høye og det originale bildet er 1000 piksler bredt og 800 piksler høyt, vil det skaleres slik at 800 piksler dimensjonen nå er 50 piksler og 1000 piksler dimensjonen (nå 62,5 piksler) beskjæres fra midten av bildet.

Trinnene er relativt enkle, men for at bilder skal bruke gjengivelsene, må gjengivelsene være på SharePoint-nettstedet før du legger til bildene. I tillegg må du også ha SharePoint Server Publishing Infrastructure (nettstedssamlingsnivå)- og SharePoint Server Publishing (nettstedsnivå)-funksjonene slått på.

Legge til en bildegjengivelse for å oppnå raskere lasting av siden

  1. Kontroller at brukerkontoen som utfører denne prosedyren, som minimum har Utforming-tillatelse til det overordnede nettområdet for områdesamlingen, og at nettstedet publiseres til en nettside.

  2. Bruk en nettleser, og gå til det overordnede nettstedet for publisering av nettstedssamlingen.

  3. Velg Innstillinger-ikonet.

  4. Områdeinnstillinger-siden, i Utseende og funksjonalitet-delen, vil du se de innebygde bildegjengivelsene.

    Du kan bruke forhåndsdefinerte gjengivelser eller velge Bildegjengivelser for å opprette en ny.

    Skjermbilde av bildegjengivelse
  5. Bildegjengivelser-siden velger du Legg til nytt element.

    Skjermbilde av Legg til nytt element
  6. På siden Ny bildegjengivelse skriver du inn et navn på gjengivelsen i Navn-boksen.

  7. I Bredde- og Høyde-tekstboksene angir du bredden og høyden for gjengivelsen i piksler, og deretter velger du Lagre.

    Skjermbilde av navnet på bildegjengivelsen

Egendefinert beskjæring med bildegjengivelser i SharePoint

Som standard genereres en bildegjengivelse fra midten av bildet. Du kan justere bildegjengivelsen for individuelle bilder ved å beskjære den delen av bildet som du vil bruke. Du kan beskjære bilder enkeltvis, i henhold til gjengivelse. Beskjæring av bilder gjør det raskere å laste sider ved bruk av hurtigbufferen for SharePoint-bloggen til å opprette en versjon av bildet for hver gjengivelse. På denne måten reduseres belastningen på serveren, fordi bildet bare får ny størrelse én gang og deretter er klart til å brukes flere ganger for brukerne. Hvis du vil ha mer informasjon om hvordan du beskjærer en bildegjengivelse, se Beskjære en bildegjengivelse.

Utvid ferdighetene dine
Utforsk opplæring
Vær først ute med de nye funksjonene
Bli med i Office Insiders

Var denne informasjonen nyttig?

Takk for tilbakemeldingen!

Takk for tilbakemeldingen! Det høres ut som det kan være lurt å sette deg i kontakt med én av våre Office-kundestøtteagenter.

×