Nõuded: Varasemates .NET Framework MVC projektides saab JS-i ja CSS-i Microsofti Microsoft.AspNet.Web.Optimization teegi abil kokku pakkida ja tihendada. Pärast ASP.NET Core'i kasutamist, kuidas ma saan olemasolevaid JS ja CSS faile kokku pakkida ja tihendada?
.NET Framework projekt viitab järgmistele:
Näidiskood:
siduv
Pakkimine ühendab mitu faili üheks failiks. Pakkimine vähendab serveripäringute arvu, mis on vajalik veebivara, näiteks veebilehe renderdamiseks. Sa võid luua nii palju individuaalseid komplekte kui soovid spetsiaalselt CSS-i, JavaScripti ja muu jaoks. Vähem faile tähendab brauserist serverisse või teenusesse, mis rakendust pakubVähem HTTP-päringuid。 See parandab avalehe laadimise jõudlust.
suruma
Minimeeri, eemalda oma koodist tarbetuid tähemärke ilma funktsionaalsust muutmata. Tulemus oliTaotletud ressursside, nagu CSS, pildid ja JavaScripti failid, suurus on oluliselt väiksem。 Minifikatsiooni levinumad kõrvalmõjud on muutujate nimede lühendamine ühe tähemärgi peale ning kommentaaride ja tarbetute tühikute eemaldamine. Samas võib see kaSega koodi, mis ei soodusta teiste konkurentide meie lähtekoodi lugemist.
Jõudluse paranemine pakkimisest ja kompressioonist
Järgmine tabel toob välja erinevused varade individuaalsel laadimisel ning pakkimise ja minimeerimise kasutamisel:
See säästab liiklust ja parandab laadimiskiirust võrgutranspordi osas, vähendades samal ajal HTTP päringuid ja parandades laadimiskiirust.
HTTP päringupäiste puhul on brauser väga detailne. Kui need on kokku pandud, väheneb saadetud baitide kogusumma märkimisväärselt. Laadimisajad näitavad märkimisväärseid paranemisi, kuid see näide töötab kohapeal. Pakkimist ja minimeerimist saab kombineerida võrgu kaudu transporditavate varadega, et saavutada kõrgemat jõudluse kasvu.
ASP.NET Core'il puudub oma komplekteeritud ja tihendatud lahendus ning ta peab kasutama kolmanda osapoole poolt pakutavat lahendust, kasutab see artikkel "LigerShark.WebOptimizer.Core(Raamatukogu helistas lõpuks.)NUglifyRakenda JS ja CSS haldamine), GitHubi aadress:Hüperlingi sisselogimine on nähtav.
Esiteks loo uus projekt Core 6 ASP.NET ja käivita järgmine käsk:
Loo projektis wwwroot uus staatiline kaust, kuhu salvestada test-css ja js failid. Loo uus CSS ja JS fail, nagu allpool näidatud:
Muuda Program.cs faili ja lisa WebOptimizer teenus ning vahendustarkvara, põhikood on järgmine:
Kui proovime projekti alustada, leiame, et nii CSS kui ka JS koodi kommentaarid on kustutatud, failid on tihendatud ning mõned JS-i muutujad on vähendatud üheks täheks, nagu alloleval joonisel näidatud:
Seejärel loo staatilisest kaustast uus js-fail, et testida komplektimisfunktsiooni.Pane test.js ja test2.js ühte common.js faili(ja ei genereeri common.js füüsilist faili), on konfiguratsioonikood järgmine:
Renderdused on järgmised:
Viide:
Hüperlingi sisselogimine on nähtav.
Hüperlingi sisselogimine on nähtav.
|
Postitatud 2022-3-28 20:55:50
|
|
|
|
Üürileandja|
Postitatud 2022-3-28 20:56:47
|
Postitatud 2022-3-29 00:38:21
|
(Ma ei tea, kuidas dreplikaatkommentaare kustutada, palun kustuta see postitus, kui veebimeister seda näeb)