So, you can use the environment tag helper to use the right files depending on the environment: During development, you want to use your original files so your app is easier to debug. In general, you want to use the minified files of your app only in a production environment. Now, the solution contains the source files and the minified files. So, when you refresh the page in your browser, the minified files are up to date. The extension monitors the input files, and automatically re-generated the output file as soon as you save a file. This file contains the list of bundles and some optional properties. After you create a bundle, a file named bundleconfig.json is added to the project. This menu is available for CSS and JS files. Once you install the extension, a new menu item is available in the solution explorer: This extension relies on NUglify, a fork of the Microsoft Ajax Minifier, to minify CSS and JS. To remove the Node.js dependency, Mads Kristensen has written an extension for Visual Studio for minifying files: BundlerMinifier. Finally, every developer must install Node.js on their computer to build the project. For instance, creating a new project is longer because of installing the Node.js dependencies (about 1500 files in node_modules).
However, using Node.js and gulp has also negative effects. This tool is widely used by front-end developers to automate build tasks. In the preview version of ASP.NET Core, the web site template uses Gulp to generate the min files. Now we understand why we should bundle and minify stylesheets and JavaScript files, let's see how we can do that with Visual Studio and ASP.NET Core. If you are not familiar with HTTP/2, you should read this blog post from 2 members of the IIS team. With HTTP/2, this is less important, mainly if you can take advantage of Server push (not currently supported in. This reduces the number of requests needed to display a web page, and so the loading time.
Minifying consists of reducing the size of the JavaScript and Stylesheet files by removing comments, spaces, merging CSS rules, shortening variable/function names, replacing true by !0, and lots of advanced techniques.īundling consists of combining multiple files. Today, I'll stay on improving performance with bundling and minifying stylesheets and JavaScript files. The second is about reducing the size of the server response with gzip compression. The first one was about caching files to ensure the browser download them only once. In the last two posts, I wrote about improving ASP.NET Core web site performance.
0 kommentar(er)
