个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我试图通过对我的网页的本地回退支持来实现CDN资源。但是现在我无法摆脱“首屏”内容中 jquery 和 Bootstrap 的渲染阻塞 JavaScript 和 CSS CDN 资源。
我尝试遵守 Google 指南，但它并没有解决我的问题:
<html>
<head>
</head>
<body>
<div id="wrapper">...</div>
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<!-- jQuery local fallback -->
<script>
window.jQuery || document.write('<script src="./assets/scripts/jquery-2.2.2.min.js"><\/script>')
</script>
<!-- Bootstrap JS CDN -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js</script>
<!-- Bootstrap JS local fallback -->
<script>if(typeof($.fn.modal) === 'undefined') {document.write('<script src="./assets/scripts/bootstrap.min.js"><\/script>')}</script>
<!-- Bootstrap CSS local fallback -->
<div id="bootstrapCssTest " class="hide "></div>
<script>
$(document).ready(function() {
if ($('#bootstrapCssTest').is(':visible') === true) {
$("head ").append('<link rel="stylesheet " href="./assets/styles/bootstrap.min.css">');
}
});
</script>
</body>
</html>
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet " href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css ">更新:我尝试使用“async/defer”属性加载我的 .js CDN 脚本。但它没有工作，因为我的本地后备脚本给我 "Uncaught ReferenceError: $ is not defined" 错误，因为它们是在 jquery 异步加载完成之前执行的。
最佳答案
<style type="text/css">...</style> <html>
<head>
</head>
<body>
<div id="wrapper">...</div>
<div id="bootstrapCssTest" class="hide"></div>
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<!-- jQuery local fallback -->
<script src="../scripts/jquery-2.2.2.min.js"></script>
<!-- Bootstrap JS CDN -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
</script>
<!-- Bootstrap JS local fallback -->
<script src="../scripts/bootstrap.min.js"></script>
<!-- Bootstrap CSS local fallback -->
<script>
$(document).ready(function() {
if ($('#bootstrapCssTest').is(':visible') === true) {
$("head ").append('<link rel="stylesheet " href="./assets/styles/bootstrap.min.css">');
}
});
</script>
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet " href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css ">
</body>
</html>关于javascript - 使用 CDN 的 Google PageSpeed Insight CSS Javascript "above the fold"问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36408959/
25
4
0
如何使用 CDN 将语义 UI 包含到 HTML 页面？ CDN链接为https://cdnjs.com/libraries/semantic-ui ，但是怎么使用呢？ 最佳答案 您只需复制要用于语义
我有一个我似乎无法解决的特定用例。 典型的 gcloud 设置: K8S集群 一个 gcloud 存储桶 gcloud 负载均衡器 我设法获得了我的域 https://cdn.foobar.com/u
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
我有 blob 存储和 CDN 端点，用于存储我的静态内容。 现在我想更新 app.js 文件，因为它被修改了，但是当我将此文件写入 blob 时，CDN 仍然给我旧的 app.js 文件。如何更新我
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
出于性能原因，我希望通过 Azure CDN 提供很少更改的内容。但是，当内容确实发生变化时，更新的数据立即可用很重要。理想情况下，我可以设置一个长 TTL，然后在我更新内容时主动告诉 CDN 使内容
以下main.js代码不遵守优先级顺序(有时underscore.js在backbone.js需要时不会加载它): require({ baseUrl:'/scripts', prio
为什么我不能重用以前删除的端点的名称？例如，如果我创建一个名为“acme-cdn1”的端点，将其删除，然后尝试创建一个具有相同名称的新端点，我会收到以下消息:“错误，该端点名称已经存在。”是否有必要删
我不确定我是否使用 CDN 还是本地。本地是否意味着jquery资源需要安装在智能手机上，以便离线应用程序成为可能？ 最佳答案 在这种情况下，本地意味着您自己托管文件(作为网站的一部分)，而不是依赖
一种不言自明的问题:为什么建议从 CDN 加载 jQuery 或任何其他库？ 最佳答案 CDN 将比您的服务器更快。 服务器具有最大连接数。浏览器将同时请求的数量限制在单个域中。将您的库卸载到 CDN
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，
我知道 Google AMP 缓存会缓存网站的有效 AMP 页面和资源文件，并通过 .cdn.ampproject.org/提供它们。我做了一些测试，它对我的网站运行良好。 我在一家受欢迎的网站工
我有一个用静态 html/js/css 编写的 HTML5 应用程序(它实际上是用 Dart 编写的，但会编译成 javascript)。我通过 CDN 提供应用程序文件，REST api 托管在一个
我不太确定如何防止谷歌将我的 CDN 域与我的主域名混合编入索引。我想在直接访问 CDN 域时通过 .htaccess 重定向到主域。 事实: 两个域都指向文件系统中的同一个位置。 两者共享相同的 r
引自此处:https://www.ampproject.org/docs/get_started/about-amp.html AMP is a way to build web pages for
我刚刚尝试设置 Azure CDN 帐户，到目前为止(现在已经持续了四个小时)我还无法让它返回除 400 和 404 错误之外的任何内容。 如果这是一个真正的 CDN，我需要做的就是将 CDN 指向我
我们希望提供来自少数可用 AWS 区域的大量视频文件。目标受众来自全局多个地点。不保证连接速度。因此，绝对需要 CDN(最好是 CloudFront)。 视频需要受到保护，因此只有在用户经过身份验证和
有没有content delivery network (CDN)正在托管google-code-prettify ？ 我正在 TypePad 上建立一个博客如果可能的话，希望利用 CDN。 最佳答案
在我的应用程序中，使用 ember-cli 开发，我还需要一些外部资源，例如 bootstrap；现在我通过 Brocfile 导入它: app.import('bower_components/bo
我想知道是否有像 960GS 这样的 CSS 框架的 CDN。因为我认为很多人都在使用它。 最佳答案 我还没有尝试过 cachedcommons.org，但他们有一个 960 的链接，听起来像你所要求
我是一名优秀的程序员,十分优秀！