访问速度对于网站的影响及提升速度的方法

　　想想你上次遇到一个缓慢加载的网站，您可能完全关闭了浏览器选项卡，或者在最终加载后感觉不太愿意光顾该网站。百度了解消费者希望快速访问信息，产品和服务。因此，它奖励那些加载速度快的网站。

　　什么是网站打开速度？

　　网站打开速度是指当有人手动输入网址或点击引导他们访问您网站的链接时，您的网站加载速度。

　　所有行业和的平均负载速度约为8.66％，但建议将时间缩短至3秒或更短。

　　网站速度优化可以让您领先竞争对手，这将提高您的搜索引擎排名。如果您的网站在三秒钟内加载并且您的竞争对手在9秒内加载，那么百度希望首先提供您的内容。

　　如果您知道自己的网站速度很慢，则需要系统地考虑潜在的罪魁祸首并解决它们，以便让访问者获得更愉快的用户体验。

　　如何确定您的网站是否缓慢

　　了解您的网站是否运行缓慢的一种方法是在您的计算机或移动设备上打开新的私人浏览器标签，然后输入您的网址。使用秒表查看它加载的速度（或缓慢）。

　　这不是最科学的方法，但它会给你一个大致的想法。如果您的网站按计数加载需要10秒钟，那么您就知道自己有一些工作要做。

　　有几种工具可以帮助您减少网页速度优化的页面加载时间，他们将在不同的设备上测试您的网站速度，并建议降低速度以获得最佳效果的方法。

　　网站速度测试

　　网站速度测试使用特定/地区的特定服务器来衡量您的网站加载所需的时间，然后，您可以将信息传递给开发人员或设计人员。或者，如果您愿意更改网站的后端，则可以自行进行更改。

　　网站速度测试工具推荐

　　互联网存在许多网站速度测试工具，用它们来测试我自己的网站以及我的客户网站的网页速度，以确保我们不会失去搜索引擎优化或用户体验。

　　1.GTMetrix

　　GTMextrix允许您通过手动操作数据来实现网站速度优化。只需在文本字段中输入您网站的网址，然后点击或点按“分析”即可。您将在几秒钟内收到详细报告。

　　2.Pingdom

　　如果您正在寻找更具体，更精细的工具，Pingdom可能对您有利。它提供网站速度优化分数以及您网站的页面速度监控。

　　但它不是免费的。您将支付每月14.95美元至199美元的费用，该公司定期提供折扣，这可能有助于控制成本。

　　如果您经常更改网站的结构和内容，Pingdom是最好的网站速度优化工具。您可以使用它来监控页面速度的变化，并发现可能对您网站的性能产生负面影响的潜在瓶颈。

　　为什么网站打开速度优化对用户体验如此重要？

　　想一想为什么要建立一个网站。您可能想要分享关于您自己和您的业务的事情，您可能想赚钱。要做到这一点，你需要流量。

　　SEO允许您通过百度有机搜索吸引流量。您可以随时购买付费广告，但写出精彩内容并获得排名要便宜得多。

　　一旦你有了流量，你的工作没有完成，您还需要转换流量。根据您的销售周期，您可能会尝试立即将访客转换为客户。但更常见的是，您将使用您的网站生成潜在客户。

　　您希望访问者提供他们的电子邮件地址，以便您与他们保持联系。这样，一旦他们考虑了他们的选择，他们就有充分的理由向你而不是竞争对手购买，网站打开速度优化在这个过程中发挥着不可或缺的作用。

　　网站打开速度的可用性

　　无法使用或难以使用的网站无法帮助您或您的访问者。当人们登陆您的网站时，他们想知道如何导航，他们需要查看页面上的每个元素，以便他们可以找到他们正在寻找的内容。

　　某些页面元素可能加载速度较慢。例如，如果您有一个巨大的背景图像，它可能会逐渐出现在屏幕上。在移动设备上尤其如此，因为它们具有较少的处理能力。

　　您还必须记住，您希望将人员保留在您的网站上。当访客到达时，请查看页面，然后立即离开，您的跳出率会很高，这些访问者不会深入挖掘您的网站。

　　如果消费者点击指向您网站的链接并且页面加载缓慢，他或她可能会认为其他网页需要花费同样多的时间。即使消费者没有考虑它，该人也可以点击以避免令人沮丧的体验。

　　网站打开速度对于SEO影响

　　您可能已经知道百度使用网页速度作为桌面设备的排名因素。然而，截至2018年7月，百度还在为移动设备排名网站时考虑了网页速度。

　　您在百度的搜索引擎结果页中出现的距离越远，获得点击的可能性就越小。事实上，在第三个位置后，点击量急剧下降。

　　如果百度决定因为其网页速度而将您的网站排名较低，那么您就错过了流量。此外，您正在失去流量可能产生的潜在转化和销售。

　　网站打开速度对用户体验的影响

　　我曾经试图在网站上填写表格。它使用了一个多步骤的过程，因此每次我完成一个页面时，我都必须单击一个CTA按钮才能转到下一个页面，每个新页面都需要很长时间才能完全放弃。

　　用户喜欢与能够快速移动的网站互动。如果你强迫他们等待，他们会感到沮丧，然后点击。

　　这适用于表单，点击推文按钮以及您网站上要求访问者与其互动的任何其他元素。通常，膨胀的Javascript和CSS – 刘少庆将在下面详细介绍 – 作为这个问题背后的罪魁祸首。

　　你还需要一个好的网络主机，如果您的主机服务器没有足够快地加载您的内容，那么在幕后进行任何修补都不会导致网站速度优化。

　　网站打开速度对于转化率的影响

　　您的网站可以产生流量，提供优质内容，鼓励转化，并让用户保持参与，以便最终购买。如果这些阶段中任何一个阶段的用户体验崩溃，您的转化率就会受到影响。

　　要提高转化率，请确保您的网站快速，干净地加载。您可能不得不消除花哨的编码或特殊效果，但是一个快速加载的干净网站将比华而不实的设计为您的转换做更多的事情。

　　网站建设标准打开速度是多少？

　　网站打开速度无论是什么样的网站我们认为都是越快越好。因为，无论您的网站做得多漂亮，又或者网站上做了多么重大的优惠活动，如果网站打不开或者打开速度非常缓慢，您的一切网络营销活动都是徒劳的。那么对于网站来说标准打开速度是多少，多少的打开速度对于企业来说的合理的？成都网站制作锐美网络来告诉您这个问题。

　　网上说的8秒打开速度是错误的

　　网上说“网站要在8秒内打开，因为网民的忍耐极限是8秒，8秒没有打开那么企业的网民就会流失70%以上”。这个说法虽然正确，但是你却不能把你的网站搞到8秒才打开，注意那个用词，是"极限",那么我们网站的打开速度就一定要大于8秒，我们根据日常访问数据来看4秒内打开网页，90%以上的网民都能顺利进入您的网站。

　　网站多少时间打开才算快？

　　综上所述，我们认为PC网站在4秒内打开就是合格的，手机网站在2秒内打开就能满足用户需求。不过要实现这样一个技术标准却需要做很多工作。比如，很多公司做的响应式网站，那么如何PC网站和手机网站显示的图片大小一样大，网站网页的大小一样，很显然手机上的打开速度就和PC端的打开速度一样了，那么响应式的移动端就显然不合格，这也是很多做响应式网站的公司处理不了的。

　　提高网站访问速度的方法汇总

　　以下方法都有在公司实际项目中应用，的确能够提升客户端体验和访问速度。

　　1、建议客户端使用Chrome或高版本IE浏览器；

　　2、能够实现静态化的页面尽量在服务器端保存静态页面，访问动态页面肯定会比静态页面慢。

　　3、减少HTTP请求

　　1）合并压缩js、css，可以使用前端自动化构建工具。

　　2） 使用精灵图，将一些小图标做成一张图片，再使用CSS进行定位。

　　3） 使用Iconfont，优点占用资源小，可以和字体一样设置大小和颜色。

　　推荐两个免费的iconfont下载地址：http://www.flaticon.com   http://www.iconfont.cn

　　4） 移动端页面利用CSS3(圆角、阴影、渐变、透明等)替换不必要图片。

　　4、使用内容发布系统CDN

　　将一些访问量较大的静态资源放在CDN服务上，另外国内各大互联网公司都有免费提供常用JS框架。

　　5、静态资源客户端缓存

　　将静态资源（例如：图片、js、css）在客户端进行缓存，该效果非常明显，性能可以提升50%以上

　　IIS中设置方法：

　　1）打开“HTTP响应标头”

　　2）设置常用标头

　　3）设置静态内容缓存时间

　　Apache 设置方法：

　　具体设置方法可以参照：http://www.maixj.net/wangzhan/shezhiwangyejingtaineironghuancunshijian-1187

　　开启LoadModule expires_module modules/mod_expires.so模块

　　然后，在httpd.conf中添加如下内容：

　　6、Link样式标签应放在Head标签中，否则IE浏览器可能加载时会白屏

　　7、js文件引用放在页面底部标签内

　　8、将js和css放到外部文件中，这样通过静态文件缓存，可以有效减少html页面的大小

　　9、资源懒加载

　　通过将图片或其他资源按需加载，可以有效提高用户体验，如各大电商网站（淘宝、天猫、京东等）目前都有对图片进行按需加载，当图片即将进入可视区域则进行加载。

　　10、JavaScript 优化

　　以上几点大部分都是优化网络资源，如果当页面中需要执行大量js代码时我们也有必要对js进行优化。

　　我们可以使用 Chrome Profiles来检查js代码，从而找出比较消耗资源的代码再具体进行优化。

　　HTTP与HTTPS对访问速度（性能）的影响

　　1 前言

　　HTTPS 在保护用户隐私，防止流量劫持方面发挥着非常关键的作用，但与此同时，HTTPS 也会降低用户访问速度，增加网站服务器的计算资源消耗。

　　本文主要介绍 https 对用户体验的影响。

　　2 HTTP与HTTPS的概念和区别

　　（1）HTTPS（全称：Hypertext Transfer Protocol over Secure Socket Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。 它是一个URI scheme（抽象标识符体系），句法类同http:体系。用于安全的HTTP数据传输。https:URL表明它使用了HTTP，但HTTPS存在不同于HTTP的默认端口及一个加密/身份验证层（在HTTP与TCP之间）。这个系统的最初研发由网景公司进行，提供了身份验证与加密通讯方法，现在它被广泛用于万维网上安全敏感的通讯，例如交易支付方面。

　　（2）超文本传输协议 (HTTP-Hypertext transfer protocol) 是一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。

　　（3）https协议需要到ca申请证书，一般免费证书很少，需要交费。

　　http是超文本传输协议，信息是明文传输，https 则是具有安全性的ssl加密传输协议

　　http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80,后者是443。

　　http的连接很简单,是无状态的，HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议 ，要比http协议安全

　　3 HTTPS 对访问速度的影响

　　在介绍速度优化策略之前，先来看下 HTTPS 对速度有什么影响。影响主要来自两方面：

　　协议交互所增加的网络 RTT(round trip time)。

　　加解密相关的计算耗时。

　　下面分别介绍一下。

　　3.1 网络耗时增加

　　由于 HTTP 和 HTTPS 都需要 DNS 解析，并且大部分情况下使用了 DNS 缓存，为了突出对比效果，忽略主域名的 DNS 解析时间。

　　用户使用 HTTP 协议访问http://www.baidu.com(或者 www.baidu.com) 时会有如下网络上的交互耗时：

　　图 1 HTTP 首个请求的网络耗时

　　可见，用户只需要完成 TCP 三次握手建立 TCP 连接就能够直接发送 HTTP 请求获取应用层数据，此外在整个访问过程中也没有需要消耗计算资源的地方。

　　接下来看 HTTPS 的访问过程，相比 HTTP 要复杂很多，在部分场景下，使用 HTTPS 访问有可能增加 7 个 RTT。如下图：

　　图 2 HTTPS 首次请求对访问速度的影响

　　HTTPS 首次请求需要的网络耗时解释如下：

　　1，三次握手建立 TCP 连接。耗时一个 RTT。

　　2，使用 HTTP 发起 GET 请求，服务端返回 302 跳转到 https://www.baidu.com。需要一个 RTT 以及 302 跳转延时。

　　a)大部分情况下用户不会手动输入 https://www.baidu.com 来访问 HTTPS，服务端只能返回 302 强制浏览器跳转到 https。

　　b)浏览器处理 302 跳转也需要耗时。

　　3，三次握手重新建立 TCP 连接。耗时一个 RTT。

　　a)302 跳转到 HTTPS 服务器之后，由于端口和服务器不同，需要重新完成三次握手，建立 TCP 连接。

　　4，TLS 完全握手阶段一。耗时至少一个 RTT。

　　a)这个阶段主要是完成加密套件的协商和证书的身份认证。

　　b)服务端和浏览器会协商出相同的密钥交换算法、对称加密算法、内容一致性校验算法、证书签名算法、椭圆曲线（非 ECC 算法不需要）等。

　　c)浏览器获取到证书后需要校验证书的有效性，比如是否过期，是否撤销。

　　5，解析 CA 站点的 DNS。耗时一个 RTT。

　　a)浏览器获取到证书后，有可能需要发起 OCSP 或者 CRL 请求，查询证书状态。

　　b)浏览器首先获取证书里的 CA 域名。

　　c)如果没有命中缓存，浏览器需要解析 CA 域名的 DNS。

　　6，三次握手建立 CA 站点的 TCP 连接。耗时一个 RTT。

　　a)DNS 解析到 IP 后，需要完成三次握手建立 TCP 连接。

　　7，发起 OCSP 请求，获取响应。耗时一个 RTT。

　　8，完全握手阶段二，耗时一个 RTT 及计算时间。

　　a)完全握手阶段二主要是密钥协商。

　　9，完全握手结束后，浏览器和服务器之间进行应用层（也就是 HTTP）数据传输。

　　当然不是每个请求都需要增加 7 个 RTT 才能完成 HTTPS 首次请求交互。大概只有不到 0.01% 的请求才有可能需要经历上述步骤，它们需要满足如下条件：

　　1，必须是首次请求。即建立 TCP 连接后发起的第一个请求，该连接上的后续请求都不需要再发生上述行为。

　　2，必须要发生完全握手，而正常情况下 80% 的请求能实现简化握手。

　　3，浏览器需要开启 OCSP 或者 CRL 功能。Chrome 默认关闭了 ocsp 功能，firefox 和 IE 都默认开启。

　　4，浏览器没有命中 OCSP 缓存。Ocsp 一般的更新周期是 7 天，firefox 的查询周期也是 7 天，也就说是 7 天中才会发生一次 ocsp 的查询。

　　5，浏览器没有命中 CA 站点的 DNS 缓存。只有没命中 DNS 缓存的情况下才会解析 CA 的 DNS。

　　3.2 计算耗时增加

　　上节还只是简单描述了 HTTPS 关键路径上必须消耗的纯网络耗时，没有包括非常消耗 CPU 资源的计算耗时，事实上计算耗时也不小（30ms 以上），从浏览器和服务器的角度分别介绍一下：

　　1，浏览器计算耗时

　　a)RSA 证书签名校验，浏览器需要解密签名，计算证书哈希值。如果有多个证书链，浏览器需要校验多个证书。

　　b)RSA 密钥交换时，需要使用证书公钥加密 premaster。耗时比较小，但如果手机性能比较差，可能也需要 1ms 的时间。

　　c)ECC 密钥交换时，需要计算椭圆曲线的公私钥。

　　d)ECC 密钥交换时，需要使用证书公钥解密获取服务端发过来的 ECC 公钥。

　　e)ECC 密钥交换时，需要根据服务端公钥计算 master key。

　　f)应用层数据对称加解密。

　　g)应用层数据一致性校验。

　　2，服务端计算耗时

　　a)RSA 密钥交换时需要使用证书私钥解密 premaster。这个过程非常消耗性能。

　　b)ECC 密钥交换时，需要计算椭圆曲线的公私钥。

　　c)ECC 密钥交换时，需要使用证书私钥加密 ECC 的公钥。

　　d)ECC 密钥交换时，需要根据浏览器公钥计算共享的 master key。

　　e)应用层数据对称加解密。

　　f)应用层数据一致性校验。

　　由于客户端的 CPU 和操作系统种类比较多，所以计算耗时不能一概而论。手机端的 HTTPS 计算会比较消耗性能，单纯计算增加的延迟至少在 50ms 以上。PC 端也会增加至少 10ms 以上的计算延迟。

　　服务器的性能一般比较强，但由于 RSA 证书私钥长度远大于客户端，所以服务端的计算延迟也会在 5ms 以上。