摘要：
页面静态资源|上一个站点-字体视频作为一种重要的媒体形式网站优化，在网站中使用可以提高网站内容的丰富度，但同时也是网络负载的负担。因此，针对Web上的视频会有如下一些优化。1.使用... 视频作为一种重要的媒体形式 网站优化 ，在网站中使用可以提高网站内容的丰富度，但同时也是网络负载的负担。 因此，针对Web上的视频会有如下一些优化。
1.使用正确的视频格式
与图片类似，不同的视频编码格式的数据大小大多不同。 目前国内常用的格式是MPEG-4。 除了 MPEG-4 之外 seo优化 ，还支持一种称为 WebM 的新视频格式。
不过，WebM(VP9) 将小于 MPEG-4(x264)。 因此请考虑在 中指定多个。
此外，使用 AV1 编码 [1] 将比 VP9 (WebM) 小约 30%，比 x264 (MPEG-4) [2] 小约 45-50%。
2.视频压缩
对于视频，我们还可以进行有损和无损压缩，这样也可以有效减小视频尺寸。 以下是一些常用的工具：
3.删除不必要的音轨信息
上一节我们提到可以用GIF代替来实现动画，而且尺寸会更小。 由于在这种情况下不需要声音，因此我们将其设置为 。
那么，既然不需要声音 seo优化 ，我们是不是可以直接去掉音轨数据呢？ 是的，这样做也有助于进一步减小视频的大小。
4.使用“流”
尝试要求浏览器使用“流式”或小片段来播放你的视频，例如常用的HLS（HTTP Live）技术。 简单地说，使用 HLS 技术，您的视频将包含一个 .m3u8 索引文件和一系列包含播放内容的 .ts 片段。 浏览器通过不断下载小片段的方式播放视频，避免了下载完整视频的流量消耗。
您还可以尝试使用 MPEG-DASH[3] 技术。 目前，开源社区也有支持的客户端实现。
5.删除不必要的视频
对于不需要使用视频的场景，最好的优化方法就是去掉视频。 例如，在小屏幕上 网站优化 ，您可以避免通过媒体查询下载视频：
screen (: ) { {: none;}}关于视频优化，这里只介绍一些基本的方法，但是对于一个正经的视频网站来说，会包括更多的优化内容，比如播放器SDK优化、数据预取、码率适配等，参考资料中有一篇关于视频体验优化的分享[4]来自B站，有兴趣的同学可以进一步阅读。
另外，虽然上面介绍了一些视频处理软件工具，但如果有较高的定制或集成要求，建议使用[5]或来处理。
简单了解网站性能优化
在此之前先谈谈为什么要对网站进行优化我认为有两个主要的方面
一:为了提高用户的浏览体验,我想没有一个用户在访问网站时等个几秒钟后,网站页面还为加载出来,此时对网站的优化是优化性能,优化交互,使用户喜欢上这个网站,使网站变得更加的友好.
二:为了提升网站的排名,做一个网站最大的目的是为了展示信息,那么如何更好的展示信息呢,这里就需要对网站进行搜索引擎优化(SEO),通过优化提升浏览器在搜索引擎中的排名,使自己的网站优先展示.
接下来说一下怎么对网站进行性能优化进行性能优化无非是为了提高浏览器的加载速度和渲染速度.
性能优化主要包括两个方面:
网络请求优化
减少HTTP请求:在加载时可以先确定加载的顺序,这个是非常重要的,通过加载顺序可以判断出哪些请求是可以优先加载,哪些请求可以在页面渲染后加载,以此来提升用户体验,减少HTTP加载时间
使用CDN和DNS:CDN为内容分发网络,主要解决的是如何将数据快速可靠的发给用户,通过CDN的分发,用户可以从较优的服务器获取资源而无需从源站获取,从而达到快速访问,DNS为域名系统,是互联网的一项服务,减少用户的等待时间，提升用户体验(具体有关CDN和DNS的优化可以浏览前端项目性能分析之聊聊DNS和CDN缓存)
静态资源加载优化
将样式放在顶部,JS放在页面底部:用户在进入一个网页是首先看到是内容,浏览器在渲染时会将所有css下载完之后才对页面进行渲染,将样式放在头部可以加快浏览器渲染速度,而将脚本放在底部是为了优先渲染内容,其次再渲染交互
少使用css表达式,虽然css表达式带来了很多方便,但是同时当css表达式计算次数会对性能有所损耗
在html引入css时使用link不使用@import:link是html方式,@import是css方式,link最大限度支持并行下载,@import过多嵌套会导致串行下载,出现文档样式短暂失效,影响用户的体验
图片的优化:图片的加载也会影响浏览器的渲染,我们可以使用精灵图来一次性加载多张图片通过减少http请求来提高渲染速度,当图片较小时可以使用base64格式来加载图片,而当图片较大时可以对图片进行压缩,也可以根据可视区的判断选择对图片进行懒加载
对代码进行打包,减少代码体积
最后来说一下搜索引擎优化做搜索引擎优化的目的主要是为了提高网站权重,增加流量,改善体验
合理的title,description,keywords:通过对标题描述关键词的设置可以更好地让蜘蛛更好的抓取.
语义化:代码要符合w3c规范,可以使搜索引擎更加容易的理解网页
扁平化目录结构:网站的结构层次越少越容易被蜘蛛抓去,从而被收录,可以通过优化目录结构来进行搜索引擎优化
少用iframe:搜索引擎不会抓取iframe里的内容
对网站优化的记录先到这里,日后随着知识的增长会不断补充...
参考链接:原文：
实现静态资源访问的几种方法
静态资源是指那些存储在服务器上、内容不会动态变化的文件，如HTML、CSS、JavaScript、图片、音频和视频等。 这些文件在每次请求时返回的是固定内容，常用于网站设计和应用开发。
使用静态资源的原因在于，它可以提高网站加载速度和用户体验。 通过优化存放策略，我们可以更好地管理这些资源的访问。 以下是一些常见的存放和访问静态资源的方法：
选择存放和访问静态资源的方法应根据项目规模、访问量和资源更新频率等因素来决定，以实现最佳性能和管理效率。提高网站性能的10种方法：加速用户体验和降低服务器负担
在当今这个数字时代，网站性能的重要性不言而喻。 一个快速响应的网站不仅能够提升用户满意度，还能减轻服务器压力。 以下是10种提升网站性能的策略，旨在加快页面加载速度并减轻服务器负担。 压缩网页资源运用gzip等压缩算法，缩小HTML、CSS和JavaScript等资源文件的大小，从而提升页面加载速度并降低带宽消耗。 图片优化根据需要选择合适的图片格式，如JPEG、PNG或WebP，并利用工具压缩图片文件大小，去除不必要的元数据，缩短图片加载时间。 CDN加速借助内容分发网络（CDN），将网站的静态资源缓存在全球多个服务器上，使用户从最近的CDN服务器获取资源，从而加速加载速度。 缓存策略设置适当的缓存头，如Cache-Control和Expires字段，以降低对服务器的请求次数。 对于不经常更新的资源，可以设置较长时间的缓存，减轻服务器负担。 延迟加载对于大型图片、视频或JavaScript文件等资源，采用延迟加载技术，仅在用户滚动到可见区域时加载资源，从而提高页面响应速度。 代码优化优化HTML、CSS和JavaScript代码，去除冗余和重复的代码，减小文件大小，提高执行效率，减少资源加载时间和客户端的处理时间。 服务器优化确保服务器的硬件和软件配置最佳化，选择高性能服务器。 采用缓存和压缩等技术，提供更快的响应时间，减轻服务器负荷。 DNS优化使用快速可靠的DNS解析服务提供商，减少DNS解析时间，加速域名解析。 减少HTTP请求合并和压缩网页上的文件，减少HTTP请求次数，从而降低页面加载时间。 使用异步加载通过异步加载CSS和JavaScript文件，避免阻塞页面的渲染和加载，提高页面的响应速度和用户体验。 在选择CDN加速服务商时，国内市场繁杂，既有知名厂商如腾讯云和阿里云，也有众多性价比高的服务商，如白山云和剑盾云等，他们提供快速响应和定制化服务。 这些方法和策略应根据网站需求与特点灵活运用，通过采用这些技术，网站管理员可以提升网站性能，为用户提供更好的体验，同时减轻服务器负担，实现更高效的运行。