网站加载的速度不仅对_ screen重要！如果打开速度太慢，用户着急，就会掉头就走。我们怎么谈营销和转型？所以营销网站首屏的加载速度很重要。如何优化_ screen的加载速度？
代码足够简洁。
web程序员有必要减少代码冗余，保持简单的代码风格。如果可以达到同样的效果，如果可以用CSS，尽量不要用JS；如果两行代码就能解决问题，那就不要写三行代码。这是更基本的一点。
并减少资源负载。
这里的资源主要指的是JS和CSS文件，因为我知道很多前端的开发者和设计师喜欢使用各种开源的特效或者别人的好的特效，包括引入开源的图标字体库给网站增加几个图标，为了一些特效引入几个JS和CSS文件，实际上加重了网站的一部分。
，图片加载慢，视频或音频不允许自动播放。
如何合理利用图片的延迟加载技术，在不影响网站优化的情况下提高用户体验，因为延迟加载是为了防止页面一打开就加载图片，会占用网络带宽，从而影响网站的打开速度和对网站首屏的要求，让非文字图片可以懒懒加载。
图片对于每个网站来说都是必不可少的，但是对于视听类网站来说，如果打开页面就会自动播放，会占用网站更多的带宽资源。所以，这也是一个关于优化网站打开速度的小知识。
利用CDN加速静态资源
目前对于网站整体的CDN加速还是有一些分歧，但是对于网站静态资源的CDN加速镜像或者缓存优化，我是非常赞同的。比如网站的JS、CSS、图片等文件的CDN加速，更有利于整个网站的加载和打开速度。
并加速页面显示。
在标题样式表中写入CSS样式，以减少CSS文件的网络请求导致的渲染拥塞。把Java放在文档的末尾或者以异步方式加载，避免JS阻塞渲染。指定图片和视频等非文本元素的宽度和高度，以避免重新排列和重绘浏览器。
如何提高网站首屏的加载速度？
压缩部分
接受-编码:gzip
如果web服务器到达请求的末尾，它将使用客户端列出的压缩方法之一。web服务器通过响应中的内容编码通知web客户端。
内容编码:gzip
当浏览器通过代理发送请求时，情况就不同了。假设发送到代理的_URL请求来自不支持gzip的浏览器。这是来自代理的请求，缓存为空。代理将请求转发给服务器。响应被解压缩，同时代理缓存被发送到浏览器。现在，让我们假设对代理的请求是来自启用了gzip的浏览器的同一个URL。使用代理缓存中未压缩的内容进行响应，因此失去了压缩的机会。相反，如果一个浏览器支持gzip，而第二个浏览器不支持gzip，则不管后续浏览器是否支持gzip，代理缓存的压缩版本都将被提供给后续浏览器。
解决方案:在web服务器的响应中添加一个变量头。web服务器可以通知代理根据一个或多个请求头来改变缓存的响应。因为压缩的决定是基于accept-encoding请求头，所以有必要在vary响应头中包含accept-encoding。
，删除重复的脚本
当一个团队开发一个项目时，因为不同的开发人员可能会向页面添加页面或组件，所以同一个脚本可能会被多次添加。
的重复脚本可能会导致不必要的HTTP请求(如果没有缓存的脚本)，浪费时间执行额外的Java，并且可能会导致错误。
形成良好的剧本组织。当不同的脚本包含相同的脚本时，可能会出现重复的脚本。有些是必须的，有些不是。所以需要一个好的剧本组织。
作者：徐州百都网络 | 来源： | 发布于：2022-02-23 18:55:22