为了提高网页的性能,我们建议使用CDN来提供.js网页上的文件.那讲得通.
此外,我们建议捆绑我们的.js文件,以减少加载时对服务器的请求数.
因此,如果我们使用CDN或捆绑.js文件,我们需要坐下来做出决定.
优缺点都有什么?哪些更有意义?
我正在尝试使用CDN加载jquery.我读过这篇文章,看起来应该非常简单.
我的脚本包定义如下.
bundles.UseCdn = true;
bundles.Add(new ScriptBundle("~/bundles/jquery", "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js").Include(
"~/Scripts/jquery-{version}.js"));
Run Code Online (Sandbox Code Playgroud)
我将其包含在页面中如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
@RenderBody()
@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
但是当我看到firebug时,似乎从localhost加载了jquery.

我尝试过使用realease和debug构建.我错过了什么?我认为这应该是非常简单的.谢谢.
我想知道是否可以通过plesk单独在我的服务器上创建自己的CDN?
我的意思是创建一个额外的子域cdn.mywebsite.com就足够了吗?
我应该为我创建的每个网站创建一个cdn子域,还是应该创建一个带有服务器空间的子域并上传所有图像?
我使用require JS并想知道使用CDN版本的jQuery的最佳方法.我听说1.7版本是"AMD",应该有所帮助,但找不到直接的例子.希望一些RequireJS大师可以帮助我.
我想react.min.js在生产中使用CDN(例如https://unpkg.com/react@15.3.1/dist/react.min.js)
让Webpack将我的import React from 'react'语句转换为const React = window.React而不是构建node_modules/react到bundle中的最佳方法是什么?
我一直这样做resolve.alias:
在index.html:
<head>
<script type="text/javascript" src="https://unpkg.com/react@15.3.1/dist/react.min.js"></script>
<script type="text/javascript" src="/assets/bundle.js"></script>
</head>
Run Code Online (Sandbox Code Playgroud)
在webpack.prod.config.js:
alias: {
react$: './getWindowReact',
},
Run Code Online (Sandbox Code Playgroud)
getWindowReact.js:
module.exports = window.React;
Run Code Online (Sandbox Code Playgroud)
注意:在旧的问题中,我没有意识到将React构建到Webpack包中NODE_ENV=production会剥离propTypes检查.其中一个答案侧重于此.
如何使用CDN将语义UI包含到HTML页面?CDN链接是https://cdnjs.com/libraries/semantic-ui,但如何使用它?
刚刚在几个网站上注意到,谷歌Chrome中显示的字体很棒.控制台显示以下错误:
来自" http://cdn.keywest.life "的字体已被跨源资源共享策略阻止加载:请求的资源上没有"Access-Control-Allow-Origin"标头.因此,不允许来源" http://www.keywest.life "访问.
我在其他几个网站上发现了完全相同的问题.通过使用以下代码替换自己的CDN引用,可以轻松解决此问题:
//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css
- 但是,这不是解决方案,只是一种解决方法.我很想知道原因和正确的解决方案.
(原因是:网站正在使用它自己的CDN,由MaxCDN提供,并且引用了字体非常棒的字体,如果你从上面提到的Bootstrapcdn资源加载相同的资源,这些字体不会被Chrome加载 - 它作品)
这是一个问题的例子(在菜单和页脚中的社交图标:http://www.keywestnight.com/fantasy-fest)
感谢您的帮助/解释!
google-chrome cdn access-control cross-domain-policy font-awesome
API网关(APIG),虽然它使用CloudFront(CF),但它不支持CDN边缘缓存.当我配置CF分发以使用APIG作为自定义源时,我收到权限被拒绝错误.
如何配置CF来解决这个问题?
我想将谷歌CDN用于jQuery和jQuery UI ..
我在这里使用jQuery的答案. 使用谷歌托管的jQuery的最佳方式,但回到我在谷歌上的托管库失败
但我不明白这一点:
if (typeof jQuery == 'undefined')
Run Code Online (Sandbox Code Playgroud)
那么我怎样才能为jQuery UI做到这一点?此外,这将使用自定义jQuery UI主题,因为这也产生一个自定义的js文件?
有很多关于如何通过检查全局变量JQuery的存在来将JQuery CDN回退到本地副本的帖子.
我的问题是,如何对twitter-bootstrap做同样的事情?是否在引导程序中定义了变量,以便我可以检查以确保CDN可用?
顺便说一句,我使用netdna.bootstrapcdn.com作为我的bootstrap CDN
cdn ×10
javascript ×4
jquery ×2
asp.net ×1
asp.net-mvc ×1
c# ×1
font-awesome ×1
google-cdn ×1
jquery-ui ×1
production ×1
requirejs ×1
semantic-ui ×1
webpack ×1