Piltide optimeerimine SharePoint Online’is

Veebisaidi laadimiskiirus oleneb kõikide lehe renderdamiseks vajalike komponentide, sh piltide, HTML-i, JavaScripti ja CSS-i, kombineeritud suurusest. Pildid on suurepärane viis oma sait paremaks muuta, kuid nende suurus võib mõjutada jõudlust. Piltide tihendamisega ja nende suuruse muutmisega neid optimeerides ning sprite-failide kasutamisega saate suurte piltide kasutamise mõju korvata. SharePointi pildirenderduste abil saate üles laadida ühe suure pildifaili ning kuvada pildi eri osasid, mis võimaldab selle uuesti üles laadimise asemel seda taaskasutada.

Sprite-failide abil piltide laadimise kiirendamine SharePoint Online’is

Sprite-pildifail sisaldab mitut väiksemat pilti. CSS-i abil valite liipildi ühe osa lehe teatavas osas absoluutpaigutusega kuvamiseks. Põhimõtteliselt liigutate lehel ühte pilti selle asemel, et laadida mitu pilti, ning muudate väikese osa sellest pildist nähtavaks väikese akna kaudu, milles vajalikku sprite-pildifaili osa lõppkasutajale kuvatakse SharePoint Online rakendab sprite-faile erinevate ikoonide kuvamiseks sprite-pildifaili spcommon.png abil.

Millest siin juttu on

  • Pildi tihendamine

  • Pildi optimeerimine

  • SharePointi pildirenderdused

Kuvatõmmis failist spcommon

Sellega saate parandada jõudlust, sest laadite mitme pildi asemel alla ainult ühe pildi ning siis kasutate seda pilti uuesti vahemälust. Isegi kui pilt ei jää vahemällu salvestatuks, vähendab selle meetodi kasutamine mitme pildi asemel ühe pildi kasutamisega HTTP-päringute koguarvu serverisse, mis muudab lühemaks lehe laadimisaja. See on tegelikult piltide liitmise viis. See on kasulik võte, kui pildid, näiteks ikoonid ei muutu eriti tihti, nagu eespool kirjeldatud SharePointi näite puhul. Meetodit saate Microsoft Visual Studios hõlpsalt kasutada kolmanda poole avatud lähtekoodiga kogukonnapõhise projekti Web Essentials abil. Lisateavet lugege teemast Vähendamine ja kombineerimine SharePoint Online’is.

Pildi tihendamise ja optimeerimise kasutamine lehe laadimise kiirendamiseks SharePointis

Piltide tihendamine ja optimeerimine tähendab seda, et vähendate oma saidil kasutatavate pildifailide suurust. Tihti on parim viis pildifaili suuruse vähendamiseks muuta pildi suurus maksimaalseks saidil kuvatavaks suuruseks. Suurema pildifaili kasutamisel pole mõtet, kui seda kunagi nii suurelt ei kuvata. Kiire viis oma lehe failisuuruse vähendamiseks on pildiredaktoris pildi mõõtmete sobivust kontrollida.

Kui pildid on õige suurusega, tuleb järgmisena nende piltide tihendusastet optimeerida. Tihendamiseks ja optimeerimiseks on saadaval mitmesuguseid tööriistu, sh fotogalerii ja kolmandate poolte tööriistad. Tihendamise põhimõte on vähendada faili suurust võimalikult palju ilma lõppkasutajatele märgatava kvaliteedikao tekkimiseta. Vaadake oma tihendatud faile kõrglahutusega kuval, et veenduda nende heas kvaliteedis.

SharePointi pildirenderdustega lehe allalaadimiste kiiruse suurendamine

Pildirenderdused on SharePoint Online’i funktsioon, mis võimaldab esitada pildi erinevaid versioone pildi eelmääratud mõõtmete alusel. See on eriti oluline kasutaja loodud pildisisu puhul või juhul, kui pildi mõõtmed, näiteks laius ja pikkus, on saidil CSS-i abil fikseeritud. Isegi kui pilt on CCS-i abil fikseeritud, laaditakse siiski täieliku eraldusvõimega pilt. Sellisel juhul saab pildirenderdustega faili suurust vähendada.

Märkus. : Renderdused on SharePointis saadaval üksnes siis, kui lubatud on avaldamine. Avaldamise saate lubada, kui valite Sätted > Saidisätted > Saidi funktsioonide haldamine > SharePoint Serveri avaldamisteenus. Vastasel juhul eespool nimetatud valikut ei kuvata.

Pildi renderduse suuruse muutmisel võetakse väikseim teie määratav mõõde, kas pikkus või laius, ning muudetakse seejärel pildi suurust nii, et muud mõõtmed määratakse automaatselt fikseeritud proportsioonide järgi. Vaikimisi kärbitakse sellega pilti keskelt määratud mõõtmeteni. Kui määrate näiteks renderduse, mis on 100px lai ja 50 px kõrge, ning teie originaalpilt on 1000px lai ja 800px kõrge, muudetakse pildi suurust nii, et 800px on nüüd 50px ja 1000px (nüüd 62,5px) kärbitakse pildi keskelt.

Juhised on suhteliselt lihtsad, kuid piltide renderduste kasutamiseks peavad renderdused olema enne piltide lisamist SharePointi saidil. Lisaks peavad olema sisse lülitatud SharePoint Serveri avaldamistaristu (saidikogumi tasemel) ja SharePoint Serveri avaldamisteenus (saidi tasemel).

Pildirenderduse lisamine lehe laadimise kiirendamiseks

  1. Veenduge, et seda toimingut sooritaval konto on vähemalt saidikogumi ülataseme saidi kujundusõigused ning et sait avaldatakse veebilehel.

  2. Minge brauseris avaldamissaitide kogumi ülataseme saidile.

  3. Valige ikoon Sätted.

  4. Lehel Saidi sätted jaotises Ilme ja olemus näete valmis-pildirenderdusi.

    Saate kasutada valmisrenderdusi või valida Pildirenderdused, et luua uus renderdus.

    Kuvatõmmis pildirenderduse lehest
  5. Tehke lehel Pildirenderdused valik Lisa uus üksus.

    Kuvatõmmis käsust „Lisa uus üksus”
  6. Sisestage lehe Uus pildirenderdus väljale Nimi renderduse nimi.

  7. Tekstiväljadele Laius ja Kõrgus sisestage pikslites renderduse laius ja kõrgus ning valige Salvesta.

    Kuvatõmmis pildirenderduse nime väljast

Kohandatud kärpimine pildirenderdustega SharePointis

Vaikimisi luuakse pildi renderdus pildi keskelt. Iga pildi renderdust saate muuta selle osa kärpimisega pildist, mida soovite kasutada. Pilte saate kärpida ühekaupa iga renderduse puhul. Piltide kärpimine kiirendab lehe laadimist SharePointi ajaveebi vahemälu kasutamisega pildi versiooni loomiseks iga renderduse jaoks. Nii vähendatakse serveri koormust, sest pildi suurust muudetakse ainult üks kord ja seejärel saab seda kasutajate jaoks rakendada mitmeid kordi. Lisateabe saamiseks pildirenderduse kärpimise kohta lugege teemat Pildirenderduse kärpimine.

Täiendage oma oskusi
Tutvuge koolitusmaterjalidega
Kasutage uusi funktsioone enne teisi
Liituge Office Insideri programmiga

Kas sellest teabest oli abi?

Täname tagasiside eest!

Täname tagasiside eest! Tundub, et võiksime teid kokku viia ühega meie Office'i tugiagentidest, kes aitab teil probleemi lahendada.

×