web长页面如何优化？（CDN加速和对象存储哪个更好？）
web长页面如何优化？
要成为合格的Web前端工程师，优化Web前端性能是必备的知识，但应该如何进行Web前端性能优化1、CSS向导
CSS Sprites是国内很多人称为CSS向导的网页图像APP处理。 这样，与一个页面相关的所有零星图像都可以包含在一张大图上。 这样，在访问页面时，加载的图像将不再像以前那样一个接一个地缓慢显示。 以目前网络流行的速度，200KB以下的单张图像的加载时间差不多，所以不必在意这个问题。
2、代码压缩
(1)将table变更为div布局
通过尽可能将table标签布局HTML重建为div布局，可以至少节省40%的代码量。 搜索引擎的索引权重也优于table布局的HTML页面，因为div代码比table布局的HTML页面少。
)缩小精简div、span、ul、li等系列标签
在布局DIV CSS页面时，您可能希望节省DIV布局代码并减少代码量。
)3)删除多余的空格
通过删除多馀的空格换行符，可以有效地压缩HTML代码占用的字节。 一般来说，开发完成后，可以在HTML中删除换行符和空格内容。
)4)表类型的布局时，适当使用table代替div布局
如果本身是表数据列表格式，建议选择table。 表布局比div布局使用table，表布局比div布局节省HTML标记代码和CSS样式。
)5)网页的GZIP压缩
建议在自己的服务器上设置网页的Gzip压缩功能。
3、高质量的JS代码可以节省很多，JS的封装和方法的重复调用可以减少很多操作。
4、减少对DOM的操作
(1)创建虚拟父元素。
)2)创建子元素，添加内容，设置属性。
)3)将子元素添加到虚拟父元素中。
)4)在DOM树中添加虚拟父元素。
或者(1)找到要添加位置的要素。
)2)将此元素的内容更改为所需的HTML。
5、以JSON格式进行数据交换
原理: JSON是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。 此外，JSON是JavaScript的本机格式。 这意味着在JavaScript中处理JSON数据不需要特殊的API或工具包。
6、高效使用HTML标签和CSS样式
7、使用CDN加速(内容分发网络)。
CDN的全名是内容设备网络，即内容分发网络。 CDN是以现有网络为基础构建的智能虚拟网络，依赖于部署在各地的边缘服务器，通过中央平台的负载均衡、内容分发、调度等功能模块，使用户能够就近将所需的内容 CDN的主要技术主要包括内容存储和分发技术。
8、简化CSS和JS文件
9、注意控制Cooki
CDN加速和对象存储哪个更好？
一般将CDN加速与对象存储结合使用。对象存储将数据通道(需要访问的数据)和控制路径(元数据或索引)分开，基于索引或元数据找到数据存储的位置，然后返回到底层存储接口
这样，对象存储器具有像块存储器那样的访问性能和像文件存储器那样的共享便利性，可以说是鱼和熊的手兼用的存储。 对象存储主要用于存储图像、音频、视频等非结构化数据。
内容保护网络( cdn )是内容分发网络。 基本思想是在网络各处部署服务节点，系统实时根据网络流量、负载情况、服务节点对用户的响应时间等信息，自动将用户的请求引导到离用户最近的节点。 目的是让用户就近获取数据，提高响应速度。
CDN主要应用于站点加速，以提高对站点中静态数据(包括照片、音频、视频和静态HTML页面)的访问。 网站上的静态数据以前存储为文件存储，但现在主要使用对象存储。
以图像存储为例，简单来说，对象存储存储图像，而CDN可以加速图像的下载。 目标存储器CDN已经成为web APP演示的不可缺少的组成部分，小鸟云为目标存储器CDN提供专业的存储分发服务，目前正在活动中，您可以了解！
如何使用阿里云cdn加速？
1、加快云解决CDN的开通-对于选择所有域名并绑定云解决企业版的域名，增值服务下方将显示CDN图标。 将鼠标悬停在CDN图标上，然后按照说明单击该图标以启动CDN服务；2、点击开通；
3、云解决-返回域名列表页面，进行页面更新。 如果没有添加需要加速的子域名，请按照CDN图标上的说明继续单击；
4、选择要添加CDN加速的子域名
如果该域名下没有子域名或a记录，则选择子域名将为空，解析设置页面并设置解析即可。
锁定或暂停的分析记录不支持CDN加速
5、加速域名添加完成，提交CDN加速审核
如果您使用的是AlibabaCloud (阿里巴巴云)主机/ECS产品，CDN加速审核将立即通过。
如果您使用的是第三方对于主机产品，可能存在1-2天的CDN加速审查期；
6、CDN加速审计通过，设置为一键通过CNAME CDN加速审计，加速状态将更改为“正常运行”。 此时，CDN加速的通信量实际上尚未禁用。 最后一步，你需要操作一键cname。 一键cname会自动删除所有的a记录，并创建cname记录。 此步骤完成后，将正式启用CDN服务；
cdn推流和普通推流区别？
cdn配置后可以提高用户的访问速度，相关静态数据存储在cdn节点。一般没有加速也没有缓存。
cdn三大应用场景？
CDN的主要作用是通过分布在各地的缓存网络节点，优化路径，就近分发，解决网络拥塞问题，更快、更稳定地传输内容，实现多种APP教育平台
网络教育今年发展迅速，但网络延迟、图像质量不清晰、突发流量管理、交互功能等都是视频直播需要解决的问题。 CDN具有低延迟的产品特性，可实时传输数据，为师生带来快速响应、流畅的视频观看体验。
2、电商平台
EC平台是CDN服务的老客户，意味着任何大的促进背后都有电商业务的高峰，为了让电商更远、更顺利地进行，CDN技术的维护是必不可少的。 CDN提供充足的带宽资源，为CDN提供冗馀储备，在用户访问激增时灵活快速地为用户调配资源，避免用户的“访问高峰”影响购物体验，同时
3、生活场景
现在，CDN技术已经深入到我们生活的方方面面，可以为我们提供更方便、更高质量的生活。 例如，当我们日常观看短视频时，CDN使用网页静态资源优化分发，缩短网页响应时间，确保视频上传更流畅。 例如，我们选课、取票的时候，面对激增的流量，CDN可以将延迟降到最低。 在这简单的几秒钟内，我们的体验感可以提高90%以上。