高端定制网站

如何提升网站打开速度?

阅读  ·  发布日期 2020-07-28 10:57

开放网站的速度和速度直接关系到访问者的用户体验。网站的加载速度与服务器质量差、网络带宽大而小、网页代码复杂和简单等因素有关。如果你受到资金的限制,通过优化网页代码...

详细信息
开放网站的速度和速度直接关系到访问者的用户体验。网站的加载速度与服务器质量差、网络带宽大而小、网页代码复杂和简单等因素有关。如果你受到资金的限制,通过优化网页代码来加快网站的开放速度,是一种有效的方法。

一:压缩或精简Javascript代码和CSS代码。

无论是哪种类型的网站,用户第一次点击网站时,他们都会加载网站的Javascript和CSS代码,假设这些代码是多余的,势必会减慢站点的打开速度。

如果存在这样的问题,就必须压缩或简化代码。

其次:减少HTTP请求。

一些数据显示,流量计将花费80%的时间加载脚本、CSS样式表、图片和其他站点元素,只有大约20%的时间将用于加载站点的其他主要文本内容。问题是,每个站点都会有HTTP请求,一次只能有两个HTTP请求。在这样的问题下,假设同时请求了两个以上的HTTP请求,势必会减慢站点的打开速度。如图所示:

下一个解决方案是,当发现HTTP请求对网页速度的影响时,减少HTTP请求的数量。

3:服务器端为Javascript代码和CSS代码以及图片设置缓存。

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

大多数服务器或空间在默认情况下已经设置了缓存功能,而网站管理员或Seoer所要做的就是在后台设置适当的文件类型和过期时间。在这里,建议在Windows主机上将图片、CSS和Javascript文件的缓存时间设置为30天;如果是ApacheWeb服务器,则使用mod_cache模块打开缓存函数。

4:优化CSS中的参考图片。

假设一个页面需要大量的周围图片,例如下面的图标,如果这些图片单独调用,那么请求的数量就会增加,这意味着:太多的cssimage,请求的数量会增加,站点的打开速度会变慢。

如果我们将需要在一张图片上使用的图片组合在一起,那么这些图片的请求数就会变成1,页面的速度也会相对较快。我如何将所需的图片放在图片上并在适当的位置调用它呢?方法是坐标定位。即通过CSS坐标获取图片路径,并在标签中引用相应的坐标。

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

5:跳码位置,跳码加载顺序

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

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

6:压缩图像

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

7:在服务器端打开gzip压缩。

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

大多数服务器,如虚拟主机、vps等,默认情况下都已打开,如果不打开,您将不会设置适当的设置,建议直接与空间提供商联系,让它们解决。