Del via

Optimaliser bilder

Denne artikkelen forklarer hvordan du kan bidra til å forbedre nettstedets ytelse ved å optimalisere bildebruken i Microsoft Dynamics 365 Commerce under oppgraderingen eller publiseringen.

Gjelder

Denne artikkelen gjelder for følgende konfigurasjoner:

  • Versjon: Commerce 10.0.16 eller nyere
  • Komponent: Business to consumer (B2C) eller business to business (B2B)
  • Funksjonsområde: Ytelse for handelsnettsted

Forutsetninger

Installer nett-SDK for Dynamics 365 Commerce (Software Development Kit). Hvis du vil ha mer informasjon, kan du se Installer nett-SDK.

Trinn for å optimalisere bilder

En av de største ytelsestreffene for en nettside kan oppstå når bilder lastes ned. Følg disse trinnene for å redusere størrelsen på bildene dine og bidra til å forbedre den faktiske og oppfattede ytelsen til nettstedet ditt.

  1. Bruk Cascading Style Sheets (CSS) til å generere bilder for elementer som knapper når du kan.

  2. Last opp markedsførings- eller produktbilder av høy kvalitet / med høy oppløsning til Commerce-nettstedsbyggerens mediebibliotek. Endring av bildeforstørrelsen blir da automatisk brukt under gjengivelsen.

  3. Ta med egenskaper for bredde og høyde for hvert bilde:

    1. For hver modul som bruker bilder, åpner du theme.settings.json-filen i /src/settings-katalogen på SDK-installasjonsstedet.
    2. Finn modulen du vil oppdatere.
    3. Sørg for at bildeegenskapene inkluderer bredde- og høydeparametere. Hvis du vil ha mer informasjon, kan du se delen Konfigurer temainnstillinger.

  4. Deaktiver forsinket lasting for bilder:

    1. Åpne Commerce-nettstedsbygger.
    2. Gå til modulen som inneholder et bilde som ikke skal lastes inn forsinket.
    3. For produktinnsamlingsmoduler fjerner du merket for Aktiver modul for forsinket innlasting. For andre moduler velger du Deaktiver forsinket innlasting-avmerkingsboksen.
    4. Lagre, forhåndsvis og publiser innholdet.

Valider

Bruk følgende metode til å bekrefte at bildebruken er optimalisert.

  • Beskrivelse eller formål: Bekreft sideytelse.
  • Trinn for å kjøre: Kjør ytelsestester før og etter at du optimaliserer bildene dine.
  • Passeringsresultat: Ytelsen forbedres etter at du har optimalisert bildene dine.

Tilleggsressurser

Anbefalte fremgangsmåter for Dynamics 365 Commerce utvikling