标签: cdn

捆绑.js文件与CDN

为了提高网页的性能,我们建议使用CDN来提供.js网页上的文件.那讲得通.

此外,我们建议捆绑我们的.js文件,以减少加载时对服务器的请求数.

因此,如果我们使用CDN或捆绑.js文件,我们需要坐下来做出决定.

优缺点都有什么?哪些更有意义?

javascript asp.net resourcebundle cdn asp.net-optimization

47
推荐指数
2
解决办法
8026
查看次数

在MVC脚本包中使用CDN.我错过了什么?

我正在尝试使用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构建.我错过了什么?我认为这应该是非常简单的.谢谢.

c# asp.net-mvc cdn

43
推荐指数
3
解决办法
6万
查看次数

如何创建自己的CDN?它只是创建一个子域吗?

我想知道是否可以通过plesk单独在我的服务器上创建自己的CDN?
我的意思是创建一个额外的子域cdn.mywebsite.com就足够了吗?
我应该为我创建的每个网站创建一个cdn子域,还是应该创建一个带有服务器空间的子域并上传所有图像?

cdn

38
推荐指数
1
解决办法
3万
查看次数

从CDN获取jQuery?

我使用require JS并想知道使用CDN版本的jQuery的最佳方法.我听说1.7版本是"AMD",应该有所帮助,但找不到直接的例子.希望一些RequireJS大师可以帮助我.

javascript jquery cdn requirejs

37
推荐指数
2
解决办法
1万
查看次数

如何在生产中的Webpack项目中使用CDN中的库

我想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检查.其中一个答案侧重于此.

production cdn webpack webpack-externals

37
推荐指数
2
解决办法
2万
查看次数

如何使用语义UI CDN?

如何使用CDN将语义UI包含到HTML页面?CDN链接是https://cdnjs.com/libraries/semantic-ui,但如何使用它?

cdn semantic-ui

36
推荐指数
2
解决办法
4万
查看次数

字体真棒图标未在Chrome中显示,这与MaxCDN相关的跨源资源共享策略问题

刚刚在几个网站上注意到,谷歌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

35
推荐指数
3
解决办法
8万
查看次数

如何在API网关前添加CloudFront

API网关(APIG),虽然它使用CloudFront(CF),但它不支持CDN边缘缓存.当我配置CF分发以使用API​​G作为自定义源时,我收到权限被拒绝错误.

如何配置CF来解决这个问题?

cdn amazon-web-services amazon-cloudfront aws-api-gateway

33
推荐指数
2
解决办法
2万
查看次数

jquery ui - 如何使用谷歌CDN

我想将谷歌CDN用于jQuery和jQuery UI ..

我在这里使用jQuery的答案. 使用谷歌托管的jQuery的最佳方式,但回到我在谷歌上的托管库失败

但我不明白这一点:

if (typeof jQuery == 'undefined')
Run Code Online (Sandbox Code Playgroud)

那么我怎样才能为jQuery UI做到这一点?此外,这将使用自定义jQuery UI主题,因为这也产生一个自定义的js文件?

javascript jquery jquery-ui cdn google-cdn

32
推荐指数
2
解决办法
7万
查看次数

如何将twitter-bootstrap cdn回退到本地副本

有很多关于如何通过检查全局变量JQuery的存在来将JQuery CDN回退到本地副本的帖子.

我的问题是,如何对twitter-bootstrap做同样的事情?是否在引导程序中定义了变量,以便我可以检查以确保CDN可用?

顺便说一句,我使用netdna.bootstrapcdn.com作为我的bootstrap CDN

javascript cdn twitter-bootstrap

32
推荐指数
2
解决办法
1万
查看次数