The main point of a Content Distribution Network (CDN) is to put the content as close to the end-user as possible, thereby reducing the Distance component of the Round Trip Time (RTT) and speeding up the request. Simply serving static content from a sub-domain isn’t really the same as using a CDN. The advantages of … Read more
Here is the working method to allow access from all domains for webfonts: # Allow access from all domains for webfonts. # Alternatively you could only whitelist your # subdomains like “subdomain.example.com”. <IfModule mod_headers.c> <FilesMatch “\.(ttf|ttc|otf|eot|woff|font.css|css)$”> Header set Access-Control-Allow-Origin “*” </FilesMatch> </IfModule>
As of December 2014, Paul Irish’s blog on protocol-relative URLs says: 2014.12.17: Now that SSL is encouraged for everyone and doesn’t have performance concerns, this technique is now an anti-pattern. If the asset you need is available on SSL, then always use the https:// asset. Unless you have specific performance concerns (such as the slow … Read more
Run your application in debug=”false” mode or use BundleTable.EnableOptimizations = true;
For those of you who came here looking for a way of importing a CDN as a sass @import I found the answer here: https://github.com/webpack-contrib/sass-loader/issues/246 This is how you do it (using bootstrap as an example): styles.scss @import url(https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css);
Why can’t you bundle them and place them are the CDN? It should hardly be a decision of one or the other? If you have to choose one or the other, it depends on how many .js files you are including. For a small number of files, I’d suggest that a CDN would be quicker, … Read more
requirejs.config({ appDir: “.”, baseUrl: “js”, paths: { /* Load jquery from google cdn. On fail, load local file. */ ‘jquery’: [‘//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min’, ‘libs/jquery-min’], /* Load bootstrap from cdn. On fail, load local file. */ ‘bootstrap’: [‘//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.’, ‘libs/bootstrap-min’] }, shim: { /* Set bootstrap dependencies (just jQuery) */ ‘bootstrap’ : [‘jquery’] } }); require([‘jquery’, ‘bootstrap’], function($) { … Read more
In your webpack config you can use the externals option which will import the module from the environment instead of trying to resolve it normally: // webpack.config.js module.exports = { externals: { ‘react’: ‘React’ } … }; Read more here: https://webpack.js.org/configuration/externals/