网页加载速度优化-产品经理要知道的几种方法

作为新手产物司理时的我，也走过网页加载速度慢的坑。若是你方才入行，不要认为上线产物了就成功了，对于网页加载速度要非常正视。有研究表明，用户的守候时间跨越3秒后，57%的用户就会脱离。所以大多数网站都要求本身的打开速度在3秒以内；并且是越快越好；因为每多等一秒，就会造成大量的用户脱离，若是是你，你也不肯意守候这么久吧。所以，网站里网页的加载速度，真的很主要。

关于网页加载速度的优化首要都是从手艺层面，涉及到代码；这里不会说的太深，产物小伙伴们只需要知道道理，以及一些常用到的对照主要的优化网页速度的方式，就能自在的和工程师们沟通并找到问题了。

先来说一个对象，在百度统计里面，登录后，有一个网站速度测试，能够对本身网站进行网页速度的诊断和测试。如下图就是诊断的究竟，这是我本身的产物，加载速度惨不忍睹啊。

下面百度还给出了优化速度的建议，能够拿来作为参考（我家前端说了这个很有效）：

从诊断建议里面我们大略总结了3个首要的优化偏向：削减恳求数量、削减下载资源巨细、提高办事器响应速度。 1、优化图片资源 图片资源一样都对照大，所以我们要尽量降低图片的巨细；一方面在做产物设计的时候要限制图片的差别率，另一方面要在前端挪用的时候注重下尺寸限制。图片巨细一样几十kb就够用了，越大加载就越慢。不信你看下面图，跨越100kb的加载了4秒以上。所以图片巨细很主要。

上面这个图片里的信息的获得方式是右键“搜检”就能够了，能够切换浏览情况，这也是产物司理常用的一个小技能。 2、CDN

尽量把不经常更新的资源放在cnd上，如许能够让用户更快地获得网页资源。

注释一下cdn是啥，来自百度百科的注释：CDN的全称是Content Delivery Network，即内容分发收集。CDN是构建在现有收集根蒂之上的智能虚拟收集，依靠布置在各地的边缘办事器，经由中心..的负载平衡、内容分发、调剂等功能模块，使用户就近获取所需内容，降低收集拥塞，提高用户接见响应速度和射中率。

简洁说就是能够把本来用户需要接见办事器里面的器材，提前放到离用户更近的本地的cdn上，如许用户就能够直接从cdn上下载资源，速度也就更快了。

3、精简代码

我们能够压缩css、js代码的内容，把一些不需要的字符去掉，例如空格、各类符号等等；此外压缩一些代码，好比一些对照长的变量能够从新用短的名称声明。

经由精简代码，将字符数量削减，使得加载速度提拔。

4、图片下载域名

好多人喜欢把好多图片放到统一个域名下面，也有人喜欢把每个图片都放在分歧的域名下面；其实都不太好。

放到统一个域名下面的话，因为浏览器每次都有一个最大下载数量的限制，好比谷歌是6个，每次都最多加载六个，在统一个域名下面的话后背的就只能等前面的下载完了才能起头加载。然则为每个文件都生成分歧的域名是能够避免如许的状况，然则恳求数量就太多了，每次解析域名也都要需要时间。

所以合理的体式是用多个域名，每个域名下面放置少量的文件。

还有好多体式，上面的只是一些平时工作中我总结的和产物司理最相关的几个，尤其是图片巨细；进展人人看了今后不要踩这个坑。