从哪几方面提升网站首屏加载速度?

2021-09-27 11:09:26

网站加载的速度不仅对_屏幕很重要!如果打开速度太慢,用户很匆忙,他们会转身离开。我们如何谈论营销和转型?所以营销网站首屏的加载速度是非常重要的。如何优化_屏幕的加载速度?

1、 代码足够简洁

减少代码冗余和保持简洁的代码风格是web程序员所必需的。如果你能达到同样的效果,如果你能用CSS,你应该尽量不要用js;如果你能用两行代码来解决问题,就不要写三行代码。这是最基本的一点。

2、 减少资源负载

这里的资源主要是指JS和CSS文件,因为我知道很多前端的开发者和设计师喜欢使用各种开源的特效或者别人的好效果,包括引入开源图标字体库来给网站添加几个图标,为了某种特殊的效果而引入了几个JS和CSS文件,这实际上加重了网站的一部分。

3、 图片加载缓慢,视频或音频不允许自动播放

如何在不影响网站优化的前提下,合理使用图像延迟加载技术来提高用户体验,因为延迟加载是为了防止页面一打开就加载图片,这会占用网络带宽,从而影响了网站的打开速度和对网站首屏的要求,使得非文本图片可以偷懒加载。

图片对于每个网站来说都是必不可少的,但是对于影音网站来说,如果打开页面,就会自动播放,这会占用网站更多的带宽资源。因此,这也是一点关于优化网站打开速度的知识。

4、 利用CDN加速静态资源

对于网站整体的CDN加速,目前还存在一些分歧,但我非常赞同对网站静态资源进行CDN加速镜像或缓存优化。比如网站的JS、CSS、图片等文件的CDN加速,更有利于整个网站的加载和打开速度。

5、 加速页面呈现

在标题样式表中编写CSS样式,以减少CSS文件网络请求导致的呈现阻塞。将Java放在文档末尾或以异步模式加载它,以避免JS阻塞呈现。指定非文本元素(如图片和视频)的宽度和高度,以避免重新排列和重新绘制浏览器。

从哪几方面提升网站首屏加载速度?插图

从哪几方面提升网站首屏加载速度

6、 压缩部件

接受-编码:gzip

如果web服务器在请求中看到头,它将使用客户端列出的压缩方法之一。web服务器通过响应中的内容编码通知web客户端。

内容-编码:gzip

当浏览器通过代理发送请求时,情况就不同了。假设发送到代理的_URL请求来自不支持gzip的浏览器。这是来自代理的一个请求,缓存为空。代理将请求转发给服务器。响应被解压缩,代理缓存同时被发送到浏览器。现在,假设对代理的请求是来自启用gzip的浏览器的相同URL。代理用缓存中未压缩的内容进行响应,因此失去了压缩的机会。相反,如果一个浏览器支持gzip,而第二个浏览器不支持gzip,则无论后续浏览器是否支持gzip,都将向后续浏览器提供代理缓存的压缩版本。

解决方案:在web服务器的响应中添加一个变量头。web服务器可以根据一个或多个请求标头通知代理更改缓存的响应。因为压缩的决定基于accept-encoding请求头,所以需要在vary响应头中包含accept-encoding。

7、 删除重复脚本

当一个团队开发一个项目时,由于不同的开发人员可能会向页面添加页面或组件,所以同一个脚本可能会被多次添加。

重复的脚本可能会导致不必要的HTTP请求(如果没有缓存脚本),浪费执行额外Java的时间,并可能导致错误。

形成一个好的剧本组织。当不同的脚本包含相同的脚本时,可能会出现重复脚本。其中有些是必要的,但有些不是。因此,需要一个良好的脚本组织。

    WordPress database error: [Unknown column 'skip' in 'where clause']
    SELECT `name` FROM wp_wb_spider WHERE `skip` = 1

    WordPress database error: [Unknown column 'url_type' in 'field list']
    INSERT INTO `wp_wb_spider_log` (`spider`, `visit_date`, `code`, `visit_ip`, `url`, `url_md5`, `url_type`) VALUES ('CCBot', '2021-11-30 11:24:40', '200', '52.23.219.12', '/archives/1072.html', '454f5182d146da4fbe8ebc448fd92f3d', 'post')