htmlcdn的简单介绍

本文目录一览：

• 1、纯静态HTML页有必要扔cdn吗
• 2、如何使用cdn进行配置?
• 3、webpack使用HtmlWebpackPlugin进行cdn配置

纯静态HTML页有必要扔cdn吗

1、对于任何网站而言，最好的做法也许是将两种方法结合使用，也就是使用CDN来处理静态HTML页面，使用AJAX处理动态数据。这样便可以从后台系统提供服务数据，给用户快速提供动态数据，使用户有良好的体验。

2、是否是需要静态化，还是得看整体的需求，俗话说只有最适合自己的才是最好的（有点废话的赶脚 ^^）。

3、尽可能的静态化也是提高性能的必要手段，将社区内的帖子、文章进行实时的静态化、有更新的时候再重新静态化也是大量使用的策略，像Mop的大杂烩就是使用了这样的策略，网易社区等也是如此。

如何使用cdn进行配置?

主要有以下步骤：域名解析：首先需要拥有一个域名，然后通过域名进行访问。配置服务器：需要有一个支持HTTP和HTTPS的服务器，以响应来自CDN的请求。

首先，打开苹果手机设置，选择无线局域网选项。其次，点击连接wifi或者是需要修改CDN的wifi最右边的“惊叹号”标记。最后，后点击配置CDN，里面具有自动和手动两种方式，选择手动就可以自由添加DNS服务器使用了。

配置CDN：将其添加到CDN服务商提供的控制台中，并按照服务提供商的要求进行配置。一般需要进行域名绑定，设置缓存时间和缓存策略、加速节点选择等操作。

登合cdn管理后台入口，创建加速域名，域名配置完成后会提供cname地址，自定义域名配置管理。CDN加速作为缓解互联网络拥塞、提高网络业务响应速度、改善用户体验的重要手段，已成为互联网基础设施中的重要组成部分。

在使用 CDN 服务前，您需要进行实名认证及 CDN 服务的开通，如果您的腾讯云账号已经开通 CDN，请直接跳到 接入域名。接入域名 填写域名配置 进入 CDN 控制台，单击左侧菜单中【域名管理】进入相应页面，单击【添加域名】。

百度云加速支持通配符格式，比如我要缓存全站内的所有zip格式的压缩包，那么添加*.zip的所有都缓存规则，记住缓存粒度一定要选所有都缓存，否则是不会缓存资源的。

webpack使用HtmlWebpackPlugin进行cdn配置

1、其实使用cdn就是在webpack热启动打包的时候动态插入脚本和样式链接。为了维护方便，我们在build/utils.js文件中增加了几个方法，以后可以在webpack.dev.conf.js和webpack.prod.conf.js上使用。

2、使用cdn其实也就是在webpack热启动和打包项目的时候动态插入script和style链接 ，为了方便维护，我们通过在 build/utils.js 文件上添加几个方法，将来在 webpack.dev.conf.js 和 webpack.prod.conf.js 上可以使用。

3、HtmlWebpackPlugin 生成的 index.html 文件：MiniCssExtractPlugin 生成的 css 文件：不管通过哪种路径设置 output.publicPath ，都只是影响 HtmlWebpackPlugin 和 MiniCssExtractPlugin 生成的文件中引用其他资源的路径。

4、找到 public/index.html 通过配置CDN Config 依次注入 css 和 js。

5、我们的项目使用了 webpack，如果用这个方案，就需要写一个 webpack 插件去改造 HtmlWebpackPlugin 的构建流程。目前来说，方案 1 和 方案 3 都是不错的。

标签：htmlcdn简单介绍