网站开放的速度直接关系到访问者的用户体验。网站加载的速度与许多因素有关,例如服务器的优越性、大小网络带宽以及页面代码的复杂性和简单性。如果你受到金钱的限制,通过优化网页代码来加快网站的打开速度是非常有效的方法
提高网站打开速度的方法
一:压缩或简化JavaScript代码和CSS代码
无论什么类型的网站,当用户第一次点击网站时,都会加载网站的JavaScript和CSS代码。假设这些代码是冗余的,势必会减慢网站的打开速度。如果存在这样的问题,则有必要压缩或简化代码。在压缩方面,有大量的第三方工具,如站长之家的css\js压缩工具,可以直接免费试用。压缩代码通常可以减少40%到65%。就简化而言,如果可以使用一个样式控件,则不需要两个。这个想法是为了满足网站的页面布局和少量代码
减少HTTP请求
根据数据,流量计将花费80%的时间加载脚本、CSS样式表、图片和其他网站元素,而只有大约20%的时间将用于加载网站的其他主文本内容。问题是每个网站都会有HTTP请求,而同时只能有两个HTTP请求。在这种情况下,如果同时请求两个以上的HTTP请求,势必会减慢网站的打开速度。如图所示:
在找到HTTP请求对网页速度的影响后,下一个解决方案是减少HTTP请求的数量
3:设置JavaScript代码、CSS代码和图片的服务器端缓存
您发现,如果用户第一次访问您的网站,那么用户下次再次访问您的网站时,速度会更快。原因是什么?原因是浏览器缓存
大多数服务器或空间默认设置了缓存功能。网站管理员或SEOER需要做的是在后台设置相应的文件类型和过期时间。这里的建议是:如果是Windows主机,请将图片、CSS和JavaScript文件的缓存时间设置为30天;如果是apacheweb服务器,请使用mod
缓存模块启用缓存功能
上图显示:网站打开的速度和速度
IV:优化CSS中的引用图片
假设页面需要大量外围图片,如以下图标。如果单独调用这些图片,请求数将增加,这表明如果有太多的cssimages,请求数将增加,网站打开速度将减慢
如果我们将页面所需的图片合并为一张图片,这些图片的请求数将变为1,页面速度将相对更快。如何将所需图片放在图片上并在相应位置调用?该方法在于坐标定位。也就是说,图像路径是通过CSS坐标获得的,相应的坐标在标签中引用
如果你知道前端,这些都不是大问题。如果你不知道CSS,CSS图片合并生成器工具(百度可以)可以直接提供相应的内容:合并CSS图片并同时生成相应的代码
5:跳转代码位置,跳转代码加载顺序
点击网站后,页面代码从上到下加载。因此,我们能够&;书信电报;头部和;燃气轮机;脚本代码的一部分应该相应地调整
很简单。让我们检查一下(&W);书信电报;头部和;燃气轮机;带(&A);lt;/头部和;燃气轮机;它们之间的代码(主要是JavaScript脚本代码)将不重要和不必要的内容调整到页面底部。只要页面可以正常显示,其他统计代码可以稍后加载
例如什么是搜索引擎优化,这个网站,分享和其他按钮都放在底部
压缩图像
数据表明,图像加载时间是导致网站速度的因素。如果图像加载速度问题得到解决,页面速度问题将解决一半以上。假设网站有大量JPG和其他格式的图片,有必要在不影响视觉的情况下尽可能多地压缩它们,以减小图片本身的大小。与压缩JavaScript文件类似,大量在线工具提供相应的压缩服务,大量图像编辑软件,如MeituXiuXiu,具有压缩功能
服务器端启用gzip压缩功能
gzip压缩是高效的数据压缩格式。如果启用gzip压缩,压缩率通常可以达到75%左右,效果非常明显
大多数服务器(如虚拟主机和VP)都默认启用了此功能。如果未启用,您将无法设置相应的设置。建议直接联系空间提供商,让他们解决问题。