🗊 Презентация JS and CSS Bundling and Minification

Нажмите для полного просмотра!
JS and CSS Bundling and Minification, слайд №1 JS and CSS Bundling and Minification, слайд №2 JS and CSS Bundling and Minification, слайд №3 JS and CSS Bundling and Minification, слайд №4 JS and CSS Bundling and Minification, слайд №5 JS and CSS Bundling and Minification, слайд №6 JS and CSS Bundling and Minification, слайд №7 JS and CSS Bundling and Minification, слайд №8

Вы можете ознакомиться и скачать презентацию на тему JS and CSS Bundling and Minification. Доклад-сообщение содержит 8 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1


Frontend Optimization. JS and CSS Bundling and Minification
Описание слайда:
Frontend Optimization. JS and CSS Bundling and Minification

Слайд 2


R.JS (require.js) > npm install -g requirejs > r.js -o app.build.js ({ baseUrl: "../../Scripts", paths: { "d3": "d3",...
Описание слайда:
R.JS (require.js) > npm install -g requirejs > r.js -o app.build.js ({ baseUrl: "../../Scripts", paths: { "d3": "d3", "jquery": "jquery-2.0.3", "bootstrap": "bootstrap", "select2": "select2/select2", }, name: "../App/EntryPoint", exclude: ["JsAction", "signalr", "Config"], optimize: "uglify2", generateSourceMaps: true, preserveLicenseComments: false, out: "app.js" })

Слайд 3


Microsoft ASP.NET Web Optimization Framework > Install-Package Microsoft.AspNet.Web.Optimization public class BundleConfig { public static void...
Описание слайда:
Microsoft ASP.NET Web Optimization Framework > Install-Package Microsoft.AspNet.Web.Optimization public class BundleConfig { public static void RegisterBundles(BundleCollection bundles) { ScriptBundle thirdPartyScripts = new ScriptBundle("~/Scripts/ThirdParty"); thirdPartyScripts.Include("~/Scripts/jquery-2.0.3.js", "~/Scripts/bootstrap.min.js"); bundles.Add(thirdPartyScripts); BundleTable.EnableOptimizations = true; } } BundleConfig.RegisterBundles(BundleTable.Bundles); @Scripts.Render("~/Scripts/ThirdParty")

Слайд 4


System.Web.Optimization var lessBundle = new Bundle("~/st-style-common-2") .IncludeDirectory("~/Admin/Resources/styles/",...
Описание слайда:
System.Web.Optimization var lessBundle = new Bundle("~/st-style-common-2") .IncludeDirectory("~/Admin/Resources/styles/", "*.less"); lessBundle.Transforms.Add(new LessTransform()); lessBundle.Transforms.Add(new CssMinify()); bundles.Add(lessBundle); @Scripts.Render("~/st-style-common-2")

Слайд 5


HTTP GZIP compression 1. Open IIS server by using inetmgr from windows Run command box. 2. Click on sites. It shows you all the sites hosted on this...
Описание слайда:
HTTP GZIP compression 1. Open IIS server by using inetmgr from windows Run command box. 2. Click on sites. It shows you all the sites hosted on this server. If you want to to enable http compression for all sites you can configure settings by clicking on server name. 3. Select the site for which you want to configure http compression under Sites node. 4. From right pane of IIS manager click on Compression. 5. Select Enable dynamic content compression for dynamic contents. 6. Select Enable static Content compression for static contents.

Слайд 6


HTTP GZIP compression public class CompressAttribute : ActionFilterAttribute { public override void OnActionExecuting(ActionExecutingContext...
Описание слайда:
HTTP GZIP compression public class CompressAttribute : ActionFilterAttribute { public override void OnActionExecuting(ActionExecutingContext filterContext) { var request = filterContext.HttpContext.Request; var response = filterContext.HttpContext.Response; CompressResponse(request, response); } public static void CompressResponse(HttpRequestBase request, HttpResponseBase response) { var acceptEncoding = request.Headers["Accept-Encoding"]; if (string.IsNullOrEmpty(acceptEncoding)) return; acceptEncoding = acceptEncoding.ToUpperInvariant(); if (acceptEncoding.Contains("GZIP")) { response.AppendHeader("Content-encoding", "gzip"); response.Filter = new GZipStream(response.Filter, CompressionMode.Compress); } else if (acceptEncoding.Contains("DEFLATE")) { response.AppendHeader("Content-encoding", "deflate"); response.Filter = new DeflateStream(response.Filter, CompressionMode.Compress); } } }

Слайд 7


HTTP expire header
Описание слайда:
HTTP expire header

Слайд 8


HTTP expire header public class NoCache : ActionFilterAttribute { public bool Disable { get; set; } public override void...
Описание слайда:
HTTP expire header public class NoCache : ActionFilterAttribute { public bool Disable { get; set; } public override void OnResultExecuting(ResultExecutingContext filterContext) { if (!Disable) { filterContext.HttpContext.Response.Cache.SetExpires(DateTime.UtcNow.AddDays(-1)); filterContext.HttpContext.Response.Cache.SetValidUntilExpires(false); filterContext.HttpContext.Response.Cache.SetRevalidation(HttpCacheRevalidation.AllCaches); filterContext.HttpContext.Response.Cache.SetCacheability(HttpCacheability.NoCache); filterContext.HttpContext.Response.Cache.SetNoStore(); } base.OnResultExecuting(filterContext); } }



Похожие презентации
Mypresentation.ru
Загрузить презентацию