CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。 公共CDN能为您的应用程序提供稳定、可靠、高速的服务,包含全球所有最流行的开源JavaScript库。
使用最为广泛的CDN了,除了有静态库的加速外,还有npmgithubWordPress加速,甚至还能加速你自己的GitHub库。不过21年年底,国内CDN备案给注销了,现在使用的是日本等周边的服务器,速度已经比不上以前了。
经营博客已经快一年了,更换了三次主题,从中学习了很多,当然也踩了很多的坑,但总的来说还是有收获的。今天为大家介绍一些博客提速的方法,有些自己也亲身实践过。
我自己搭建的网站https://price.monitor4all.cn/网页打开的速度一直比较慢,经查证是我的网站有很多静态js大文件,通过浏览器读取这些js比较耗时间。
1.线上环境静态文件存放于前端CDN静态池,有一个专门的发布系统可以上传文件.在发布文件的时候需要创建url路径,因为CDN的缓存原因,在路径中增加了版本号,最终结果的url类似这种//n.sinaimg.cn/mail/sinamail66/js/139276/xxx.js
直接说正题,把这个我打好的字符直接复制到wordpress自定义css里即可,免费白嫖
JavaScript 库 - jQuery、Prototype、MooTools。
提供静态网站托管服务的厂商还是很多的, 上次这个博客还是在阿里云的OSS上面, 虽然oss很便宜但还是没有一种”永久使用权”的归属感, 于是我遇到了Github Pages:
目的是在不刷新页面的情况下更新路由,实现类似 location.reload() 的功能,区别是只更新路由而不是刷新整个页面。关于这个问题的讨论可以查看 Github Issues [Feature] A reload method like location.reload()。
之前张戈博客全站启用了 https,并分享了相关经验心得。用了一段时间,问题还是不少,所以继续整上一篇文章,汇总一下网站启用 https 之后出现的问题以及解决办法。 在分享这些问题之前,我先分享一个国内支持 https 的 CDN,让个人博客也能无忧启用 https,而不暴露真实 IP。 我现在用的是腾讯云内测的支持 https 的 CDN,其他人也就暂时用不了。本以为国内基本就没有其他支持 https 的 CDN 了,结果晓庄等几个博主留言分享了一个支持 https 的 CDN——VeryCloud。
今天给大家最近蛮火的 Hexo 静态博客框架,熟悉明月的都知道明月最近几天一直都在折腾研究 Hexo 静态博客框架的博客站——『明月登楼 Hexo 博客』(hexo.imydl.tech),其实这个博客明月很早就有了(可参考「开始体验 Hexo 纯静态化博客平台」一文),至今都快 8 个多月了,期间被搁置了一段时间没有搭理过,最近又仔细深入的研究折腾了一番收获不少,今天就给大家来讲讲这个 Hexo 静态博客框架。
博客的文章经常需要插入图片,如果我将文档与图片放在一起,那么图片的加载速度将会很慢,于是我使用了图床。
挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有动。
图片外链(图床)可以用于论坛、网站、评论、聊天等;下面推荐一些免费稳定好用的永久图片外链图床。 如果你知道更多免费图床网站,可以通过下方....
最近在研究JAMStack的一些相关内容,发现这的确是个好东西,所以想写一篇文章把这个概念分享给还不了解JAMStack的同学。本篇文章主要包含以下的内容:
前面学习到什么是CDN,全称是Content Delivery Network,即内容分发网络。CDN的通俗理解就是网站加速,CPU均衡负载。
前言:CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
原因就是我的网站引用了这个站点 cdn.jsdelivr.net 的静态文件,而这个站点崩了!
Github是目前最大的项目的托管平台!19年年初的时候被微软收购了。免费套餐还支持私有仓库了!还真不错哇!可惜国内访问比较慢!! jsDelivr是一款公共免费 CDN ,调用多家 CDN 保证全球服务质量、拥有多层缓存和灾后保障 SLA 100 。也是为数不多的有 ICP 备案,提供许多中国节点的海外 CDN 服务商。 针对Github提供免费的CDN加速,在国内使用的是网宿的CDN加速!访问速度一点儿都不慢! 那么我们就可以好好利用一下!下面博主就分享下使用过程把!
在之前的开发中主要用的是vue-cli2,最近空闲时间比较多,接下来有新项目,本着偷懒的本能,自己打算搭建一个基础包以备后期开发应用,并对其进行性能优化和配置
本文主要介绍了HTTP/2对比HTTP/1.1在性能上的突出优势,通过支持请求与响应的多路复用来达到低延迟的效果,同时实现了一个在线的对比样例,并具体介绍了使用腾讯云CDN,COS,以及万象优图搭建这个样例的过程。如果你的网站还没使用HTTP/2,赶快来试一试吧!
其中许多内容是从原始文章里获取的,例如 cover、原标题和原 URL,这些内容的处理比较简单,一般的 RPA 工具,或者直接写程序解析网页内容都可以很容易的获取。但是 title 还有摘要(多云不仅仅...)则是翻译而来。相对于传统的翻译工具,ChatGPT 和 Claude(我现在用的) 的效果更好,我要完成这个工作,就需要将原文复制到 Claude 里,然后再把翻译结果拷贝到 markdown 里。真的有点烦。
上篇文章《基于 Serverless Component 的全栈解决方案(上)》 介绍了如何借助 Serverless Component 快速搭建 Restful API 后端服务 和 Vue.js + Parcel 的前端开发架构,但是最终部署后,腾讯云 COS 的访问 URL 并非自定义的,而且实际应用中,我们更偏向于使用自定义域名,同时静态文件一般都会通过 CDN 加速。那么如何为之前部署的静态网站配置 CDN 加速域名呢? 注意:在开始阅读本篇文章之前,你需要一个国内备案通过的域名,如果没有,那
一般来说,在html页面底部 (也就是</body>之前)引入JavaScript,如jQuery 和 jQuery插件是个不错的做法。原因很简单,HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。
说起 360 网站卫士 CDN 很多站长们应该是都不陌生的!明月也一直都在推荐站长们使用 360 网站卫士,包括明月自己也一直在使用这个免费 CDN 服务。虽然明月使用和推荐这个 CDN 很久了,但明月一直没有给大家专门的讲解过,这个是真的“忘了”!其实也是因为 360 网站卫士的设置和部署都很简单,这点儿也是蛮符合 360 一贯的产品设计风格的。
对于博客来说,媒体资源的存取方式至关重要,借助Jsdelivr加速Github上存储的图片已经是公认的方案,但对于视频来说,面对动辄几百兆的视频资源,你几乎无法找到一个免费的“视频床”,在第三方直接防盗链能力日渐完善的当下,急切需要一种折中方案。本文就借鉴前辈的尝试,将视频存放在Github之上并利用Jsdelivr实现加速,并利用DPlayer将其插入到自己的博客中。
jsDelivr是一个免费、快速和可靠的开源CDN,适用于npm和GitHub。 大多数GitHub链接可以轻松转换为jsDelivr链接。 // 加载任何 GitHub 发布、提交或分支 // 注意:我们建议对支持npm的项目使用npm https://cdn.jsdelivr.net/gh/user/repo@version/file // 加载 jQuery v3.2.1 https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.
vue-cli3也可以采用UI面板进行配置,相对比较方便,目前先写命令行创建,后续再加上面板创建。
注意:在使用bootstrap的时候引入文件<link rel="stylesheet" src="bootstrap的css文件路径">,外部引入方式引入css的方法引入就OK.但是如果用到bootstrap的js文件,需要提前移入jquery,bootstrap的js文件是基于jquery的.因此需要提前引入jq文件在引入bootstrap.
Google出品,必属精品了,谷歌的公共CDN公共库应该是 最强大的了,像其中的前卫的各种代码类库和Google Web Font 字体库,但国内被墙
WP Fastest Cache 是一个多功能缓存插件,通过创建HTML文件来帮助减少您网站的页面加载时间,由于 WordPress 网站是通过 PHP 和 MySQL数据库呈现的,因此每次从服务器请求页面时都需要使用 RAM 和 CPU,会减慢加载时间,并在用户的计算机或设备以及数据库上投入更多精力。但是,使用缓存系统,页面会呈现一次,然后存储为静态 HTML 文件,从而减少每个新访问者的加载时间。
之前写过一篇CDN推荐,但是好多小伙伴不知道CDN该怎么配置,下面就拿性价比特高的多吉云CDN来举例子CDN该怎么配置,如果你还没注册多吉云CDN,戳这里注册:多吉云直达 ,如果你还没看过我之前的文章,可以戳下面一键传送:
因为方便,我使用的是 BootCDN 提供的免费 CDN 加速服务 第一次使用,导入顺序错了,下拉菜单功能不显示,修改一下就好
前端开发时,为了让网站的资源快速响应,提高网站的响应速度,我们通常会使用到 CDN。CDN 又叫做内容分发网络,原理是将服务内容分发到全网加速节点,让用户优先从最近的服务器节点上获取内容,从而加速网站访问速度。大多服务商,比如阿里云、腾讯云、又拍云、七牛云等的 CDN 都是按量收费的,但也有一些服务商提供了免费的 CDN 服务。今天就来看看,我从网上给大家找到的一些免费可用的 CDN!
关于WordPress加速这个老生常谈的问题,其实钻芒早已不怎么关注,因为自从换了独立服务器然后经过一些基础优化,速度已经不那么缓慢了。也就没有继续折腾(深究)速度这个问题。
jsDelivr 是免费、高速且稳定的 CDN 服务,提供了 NPM、Github、WordPress Plugin 和其他自定义网站的资源镜像。
JSDelivr是一种特殊的CDN。 它旨在让用户下载npm和Github上托管JavaScript库,jsDelivr是一个开源的网站,提供免费的cdn加速加载资源。
对于博客来说,媒体资源的存取方式至关重要,作为资深的老白嫖怪,借助Jsdelivr加速Github上存储的图片已经是公认的方案,但对于视频来说,面对动辄几百兆的视频资源,你几乎无法找到一个免费的“视频床”,在第三方直接防盗链能力日渐完善的当下,急切需要一种折中方案。本文就借鉴前辈的尝试,将视频存放在Github之上并利用Jsdelivr实现加速,并利用DPlayer将其插入到自己的博客中,大多数影视站就是这么淦的,所以咱也来试试。
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
很久以前(大概今年3月还是去年12月),曾经想过写一套建站教程,奈何要做的事情太多了一直没啥空。最近帮助了某一个群员建好了自己的博客,其中诸多曲折,相信新人肯定会踩很多坑。虽然我也是一路踩坑积累的经验,但是还是希望新人少踩点坑比较好。
还记得在 Angular 2 Component 中使用第三方 JS 库这篇文章里说有个新项目用了 Angular2 么?这篇文章还是跟这个项目有关,为了减少每次访问页面的连接数(访问个首页居然会起 132 个连接!就算是调试时的情况也有点吓人了。。。),我用了 SystemJS builder 将整站打包成了单文件,然后另一个数字又狠狠糊了我一熊脸:这个 app.js 在经过 uglifyjs 压缩之后,容量居然还高达 1.2mb 。。。
cdn加速必须要设置的是缓存,但是缓存的缺点就是,写完博客要进行一个缓存的清理或者url的刷新,如何进行缓存的设置和缓存的刷新呢,下面跟我一起研究吧。
一个基于 HTML5 Canvas 绘制的网页背景效果。 Github canvas-nest.js 配置方法 使用 jsDelivr 提供的免费 CDN 服务。 将下面的代码插入到 <body> 和 </body> 标签之间 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/canvas-nest.js/dist/canvas-nest.js" ></script> 自定义样式 color : 线条颜色, 默认: '0
这里我选择的是 Cnblogs-Theme-SimpleMemory V2.1.0 版本
引入魔改样式的方法很简单,自建一个css文件,然后引入即可。 以butterfly主题为例。可以在[Blogroot]\themes\butterfly\source\css\目录下新建custom.css文件,然后在[Blogroot]\_config.butterfly.yml的inject配置项中引入自定义样式文件。
你是否也见过像apollo这样的清爽干净的指南界面,是否觉得阅读起来赏心悦目?是否想过自己也弄一套类似的个人博客网站?作为程序员,积累技术文档还是很有必要的,只需要看完这篇,你也可以拥有属于自己的漂亮博客网站。
领取专属 10元无门槛券
手把手带您无忧上云