使用CDN提高Flask-Moment（Moment.js）的加载速度

Flask-Moment的默认js文件从Cloudflare的CDN上加载，在中国地区速度很慢，居然花费了3.05秒

为了提高加载速度，可以使用中国大陆地区的CDN服务商，例如由又拍云提供支持的BootCDN http://www.bootcdn.cn/

在Flask-Moment中，include_jquery()和include_moment()都默认接收两个默认参数，第一个默认参数为版本号，第二个默认参数为本地js文件的地址。
先看include_moment():

当local_js参数指定时，Flask_Moment的js文件从指定地址加载；当local_js参数未指定时，js文件从CloudFlare上加载，版本为默认版本。

再看include_jquery()：

同理。

要想使用bootcdn的加速服务，只需要在页面中引入moment.js库时将bootcdn的链接作为关键字参数传入即可。

{{ moment.include_moment(local_js="https://cdn.bootcss.com/moment.js/2.22.1/moment.min.js") }}

刷新一下网页，只花费了67.71毫秒

include_jquery()同理，如果项目使用了bootstrap，那么就不需要设置jq了，因为bootstrap已经引入了jq。

使用CDN提高Flask-Moment（Moment.js）的加载速度相关推荐

JS测试CND js文件加载速度
实际文件大小也会有些差异统一使用的是jquery 3.1.0 未压缩版本这段代码执行的结果和chrome的控制台基本差在10ms以内方便测试本地网络以及方便修改逻辑批量测试压力测试 &l ...
iframe js 加载失败_如何提高Vue项目首页的加载速度
为何当一个VUE项目过大时,打包之后初次访问首页加载速度会异常的缓慢,是什么原因导致以及如何解决这些问题? 首页打开速度慢的原因其实浏览器加载一个页面的过程就是通过http协议从服务器端下载项目所需 ...
用 Flask 来写个轻博客 (28) — 使用 Flask-Assets 压缩 CSS/JS 提升网页加载速度
Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录目录前文列表扩展阅读 Flask-Assets 将 Flask-Assets 应用 ...
Windows下使用apache模块实现合并多个js、css提高网页加载速度
这篇文章主要介绍了Windows下使用apache模块实现合并多个js.css提高网页加载速度,本文使用的模块是基于mod_concat自己修改的,需要的朋友可以参考下现在的网站表现力越来越丰富,页 ...
替换 google cdn 提高网页加载速度
最近在浏览 zeromq 文档,发现 1. Basics | ØMQ - The Guide (zeromq.org) 页面加载非常慢,而且语言相关的链接点了也没反应.看不了示例程序. 为了解决这个 ...
php延迟加载js,延时加载JavaScript代码提高速度
延时加载js代码提高速度,具体内容如下所示: 如果网页中存在大量的javascript代码会极大的影响网页的访问速度,下面就简单介绍一下如何处理此问题. 一.延时加载js文件: 可以使用定时器函数se ...
关于提高网页加载速度个人学习以及经验总结
性能黄金法则: 记住:只有10% - 20%的最终用户时间花在了下载HTML文档上,其余的80%-90%时间花在下载页面中的所有组件(js.css .image .flash)进行的http请求上. ...
网页速度很慢优化方案：如何提高网页加载速度，提升网站加载速度
网站加载速度的快慢,直接影响用户的去留.这里为大家持续更新我的经验,帮你解决网页速度很慢,慢在哪里,该怎么优化的问题.希望对你有所帮助! 1. 网站空间要好:网站需要一个稳定的服务器或者虚拟机,可以 ...
vue 加载太慢_如何提高Vue项目首页的加载速度
为何当一个VUE项目过大时,打包之后初次访问首页加载速度会异常的缓慢,是什么原因导致以及如何解决这些问题? 首页打开速度慢的原因其实浏览器加载一个页面的过程就是通过http协议从服务器端下载项目所需 ...

使用CDN提高Flask-Moment（Moment.js）的加载速度

使用CDN提高Flask-Moment（Moment.js）的加载速度相关推荐

最新文章

热门文章