0755-28286476
网站开发如何提高网站的打开速度?
2019-11-28 09:09:14   深圳原创信息技术有限公司   

1.减少网站HTTP请求

一些数据显示,流量设备将花费80%的时间加载脚本、css样式表、图片和其他网站制作元素,只有大约20%的时间将用于加载网站的其他主要文本内容。问题是每个网站都有一个请求,并且只能同时发出两个请求。在这种情况下,假设同时请求两个或两个以上的HTTP请求,网站的打开速度将不可避免地降低。

发现超文本传输协议请求对网页制作速度的影响。下一个解决方案是减少超文本传输协议请求的数量。

2.压缩或简化Javascript代码和css代码

不管是什么类型的网站,当用户第一次点击网站时,他们都会加载网站的Javascript和css代码。假设代码是多余的,它肯定会降低网站的打开速度。

如果有这样的问题,必须压缩或简化代码。在压缩方面,有大量的第三方工具,比如站长家的CSSJS压缩工具,可以直接免费试用。压缩代码通常可以减少40%到65%。就简化而言,可以使用一种样式来控制,但不能使用两种样式。这个想法不仅是为了满足网站的页面布局,也是为了尽量减少代码量。

3.为Javascript代码、css代码和图片执行服务器端缓存设置

我们发现,如果用户第一次访问您的网站,下次用户再次访问您的网站时,速度会更快。原因是什么?原因是浏览器缓存。

默认情况下,缓存设置在大多数服务器或空间上。网站管理员或seoer需要做的是在后台设置相应的文件类型和到期时间。这里的建议是:如果是windows主机,将图片、css和Javascript文件的缓存时间设置为30天;如果是Apache网络服务器,使用mod_cache模块打开缓存功能。

4.优化css中的参考图片

假设一个页面需要大量的周围图片,比如下面的图标。如果单独调用这些图像,请求的数量将会增加,这意味着如果有太多的CSS图像,请求的数量将会增加,网站打开速度将会减慢。

如果我们将页面需要使用的图片合并成一张图片,对这些图片的请求数量将变为1,页面速度将相对较快。如何将所需的图片放在图片上,并在相应的位置调用它?该方法包括坐标定位。换句话说,图片路径是通过css坐标获得的,相应的坐标在标签中被引用。

如果你知道前端,那么这些都不是大问题。如果你不知道css,css图片合并生成器类工具(Baidu)可以直接提供相应的内容:合并CSS图片,同时生成相应的代码。

5、跳转代码位置,跳转代码加载顺序

点击网站后,页面代码从上到下加载。因此,我们可以相应地调整脚本代码。

它相对简单。我们通过查看和之间的代码,主要是Javascript脚本代码,将不重要和不必要的代码调整到页面底部。只要页面能够正常显示,其余的统计代码可以稍后加载。

如果搜索引擎优化是这个网站,像共享这样的按钮被放在底部。

6、压缩图像

一些数据显示,图像加载时间是导致网站速度的最大因素。如果图片加载速度的问题得到解决,页面速度的问题将解决一半以上。假设网站上有大量jpg和其他格式的图片,有必要在不影响视觉的情况下尽可能压缩它们,以减小图片本身的大小。与压缩Javascript文件类似,大量在线工具提供相应的压缩服务,大量图像编辑软件,如美图秀秀,都有压缩功能。

7.服务器启动gzip压缩功能

Gzip压缩是一种高效的数据压缩格式。如果打开gzip压缩,压缩率一般可以达到75%左右,效果非常明显。

默认情况下,大多数服务器(如虚拟主机和虚拟专用服务器)都启用了此功能。如果未打开,您将无法设置相应的设置。建议直接联系航天供应商,让他们解决问题。

网站开放的快慢与用户体验的难题和网站对百度搜索引擎的良好印象有关。似乎有必要以既定的方式加快网站的加载速度。