如何提高独立站页面加载速度（网站打开速度和什么有关）

墨雨婷 03月31日 23:57 0

内容

网站打开速度的快与慢，直接影响到访客的停留

网站打开速度的快与慢，直接关系到访客的用户体验度。网站被加载的速度与多个要素相关，如服务器优于劣，网络带宽大与小，页面代码繁与简等。如果受限于资金，那么通过优化网页代码来加速网站打开速度，就是很有效的方法。

提升网站打开速度的方法

—:压缩或精简Javascript代码和css代码。

无论什么类型的网站，用户次点击网站的时候，都会加载网站的Javascript和css代码，假设这些代码冗多，势必会降氐网站打开速度。

如果有这样的问题，就要对代码进行压缩或精简。压缩方面，有大量的第三方工具如站长之家的CSSVS压缩工具可供大家直接免费试用，经过压缩的代码，普遍能减小40%到65%。精简方面，能用一个样式控制就不用两个，思路是既能满足网站的页面布局，又是小的代码量。

二:降低HTTP请求。

有数据显示，流行器会花费8成的时间来加载脚本，css样式表，图片等网站元素，只有约2成的时间会用于加载网站其他的主要文字内容。问题是各个网站都会有HTTP请求，且同一个时间内只能有2个HTTP请求，这样的问题下，假设有大于2个的HTTP请求—同请求，那么势必会降低网站打开速度。如图:

找到了HTTP请求对网页速度的影响，下一步的解决办法就是降低HTTP请求数。

三:对Javascript代码和css代码以及图片进行服务器端的缓存设置。

大家有发现这样一个情况，假设用户次访问了你的网站，那么用户下一次再次访问你的站点，速度就会更快。这是什么原因呢?原因在于浏览器缓存。

大多数服务器，或空间已经默认设置了缓存功能，站长或者seoer要做的就是在后台设定相应文件类型以及过期时间。在此，建议为:如果是windows主机，就将图片，css和Javascript文件的缓存时间设置为30天;如果是ApacheWeb服务器，则使用mod_cache模块开启缓存功能。

四:优化css中的引用图片。

假设一个页面需要大量的周边图片，如下图标等，如果这些图片都是单独调用，那么请求数就会加大，这就说明:cssimages过多，请求数就会增大，网站打开速度就会变慢。

如果我们将页面所需要使用的图片合并在一张图上，那么这些图片请求数就会变为1，页面速度相对就会加快。如何将需要的图片放在一张图上并在相应的位置调用呢?方法在于坐标定位。即:通过css坐标取得图片路径，标签中引用相应坐标。

如果你对前端了解，那么这些都不是大问题，如果你不懂css，那么CSS图片合并生成器类工具(百度即可）能直接提供相应内容:合并css图片，同时生成相应代码。

五:跳转代码位置，跳转代码加载顺序。

网站被点击后，页面代码是从上到下加载的。因为这个原因，我们就能对<head>部分的脚本代码做相应的调整。

比较简单，我们通过查看<head>与</head>之间的代码，主要是Javascript脚本代码，把不重要的，非必须的调整到页面底部。只要页面能正常显示，那么其余的统计代码等都可以后一步加载。

如seo是什么这个站点，分享等按钮都放置到了底部。

六:压缩图像。

有数据显示，图片加载时间是造成网站速度的因素，将图片加载速度问题解决，页面速度问题就解决了一大半。假设网站有大量jpg等格式的图片，需要在不影响视觉的前提下，尽量对其压缩，以减少图片本身的大小。与压缩Javascript文件类似，有大量的在线工具提供相应压缩服务，有大量的图像编辑软件如美图秀秀等，都有压缩功能。

七:服务器端开启gzip压缩功能。

gzip压缩是效率较高的一种数据压缩格式。如果开启gzip压缩，压缩率一般能达到75%左右，效果非常明显。

大部分服务器如虚拟主机，VPS等都已经默认开启了这一项功能，如果没有开启，你对相应设置又不会，建议直接联系空间商，让他们解决。

如何提高独立站页面加载速度

网站运营的任何时期，网站访问速度都是至关重要的部分，它是网站友好体验中最基本的一项，如果访问体验令人不满意，那么后期所做的营销推广模式都成了无用功。

今天我们就从几个方面来说一下如何提升网站的响应速度。

页面结构

前端制作网站模板时候尽量避免冗余的html标签产生，尽量避免大量调用js文件，css文件也是尽量保持简洁，不用的css最好就删除掉。

优化图片

网站加载过程中最耗时的是什么？没错，就是图片。一个几百行代码的JavaScript文件或许还没有一个500×500尺寸的图片大，如果网站上存在大量图片，那绝对会减缓网页加载速度。

所以我们上传图片时候，网站上使用的图片尽量控制在1M以内，尽最大可能在图片软件中减少像素后再上传。

精简数据库

做独立站，不可避免地会用到包含帖子、产品、搜索页面、客户信息和评论的数据库。当数据库过载时，也会拉低网页运行速度。这时候，卖家就需要不断清理垃圾评论、电子邮件或404页面。

通过使用搜索产品、添加到购物车和添加到愿望清单等功能，测试性能顺畅程度；
使用标签管理系统（TMS），如谷歌标签管理器，将客户数据放置到一个文件中；
每周安排一次数据库维护，可以通过如WP-Optimize、 Advanced Database Cleaner或是Siteground Optimizer等插件来实现。

代码位置调整

网站在加载时是自上而下加载的，可以将网站不那么重要的代码或信息放到最后加载，而需要优先显示的内容放到前面加载，这样即使网站加载速度稍慢，用户也能够即使获取网站的重要信息。