优化网页速度的7种方法

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。

周末连续两天给大家讲了面向对象编程的主要特性「封装」和「继承」,如果你期待今天继续讲「多态」这个特性,可能你要失望了,今天并没有「多态」,而是教你如何优化网页加载速度,我就是这么不按规矩出牌,哈哈。

周末在家宅着,刷了不少的网页,发现很多网站都没有优化它的加载速度,有时打开一个网页要等待10来秒才能加载完成,虽然网页内容很不错,但是给我的第一印象就是慢,不能忍啊!

其实有很多简单粗暴,又很有疗效的优化方法,我觉得有必要给各位产品经理分享一下,好让你们去督催开发哥哥优化,改善一下网页的加载体验~

我们来看下网页的加载流程。打开一个网页,会先拉取一个html页面,然后浏览器解析了这个html页面后,会根据页面的内容,去拉取javascript、css和图片文件,最终根据这些文件,将页面渲染出来。

我们可以看到,影响一个网页展示速度的主要因素不是网页本身,而是它依赖的一些其它文件。如果优化了这些资源的加载速度,那么网页展示的速度也就上去了。

有哪些简单粗暴的方法呢?让我来一一列举:

1.优化图片资源的格式和大小

一个网页中,图片资源的大小占比是最多的,而且单个的文件的大小也很可观。在保证图片质量不变的情况下,尽可能的使用高压缩率的图片格式,图片格式可以按照这个优先级选择webp > jpeg > png > bmp。同时也要根据图片展示尺寸来拉取大小最为匹配的图片资源,不要没事就把原图拉下来使用。以前我就遇到过这种情况,一个196*196大小区域展示的图片,它的文件竟然达到了几兆,最后才发现把1960*1960分辨率的原图拉下来了。

2.开启网络压缩

大部分浏览器在发出请求时,会带上这个标记「Accept-Encoding: gzip, deflate」,表示这个浏览器可以接受以gzip压缩方式传输数据,如果你的网页服务器也支持gzip压缩数据,那么数据以gzip方式传输时,会减少70~80%的流量。

3.使用浏览器缓存

同一个站点下面的不同页面,往往都会复用一部分资源文件,如果把这些资源文件设置为可缓存的,那么在刷新或者跳转到另一个页面时,都无须再从网络拉取相关资源,这样就大大加快了网页的加载速度。

4.减少重定向请求

有的网站对于不同的终端制作了不同的页面,比如说在手机上访问微博,会从weibo.com重定向至weibo.cn,每一次重定向都会导致浏览器重新发起请求,延长加载时间。对于这种情况,应该尽可能使用响应式设计,一个weibo.com站点覆盖至所有终端。

5.使用CDN存储静态资源

CDN是一种静态内容分发网络,它在每个省,甚至每个城市都部署有自己的服务器,用于分发这些静态内容,那么当某个城市的用户要拉取某个资源时,他会首选从本地的CDN服务器上拉取,这样可以保证他最快速的获得该资源。据砖家统计,网络资源中有70%的是静态资源。这就意味着,有70%的内容产生后是不会变化,那么将它们全部放在CDN上面,可以提升这70%的资源的下载速度。

6.减少DNS查询次数

很多人喜欢把不同的图片挂在不同当域名下,比如说图片A挂在a.pm-teacher.com,图片B挂在b.pm-teacher.com。当一个网页同时使用图片A和图片B时,浏览器需要查询两个域名,要知道,每次解析域名都是会浪费时间的,所以尽可能的将全部图片放在一个域名下。

7.压缩css和js内容

这里说的压缩和第2点并不重复,上面提到的压缩是不改变文件内容的压缩。而css和js中有大量的空格和变量命名(如hello="hello word";),如果将这些空格去除,并用简单的字母来代换变量名(如a="hello word";),那么这些css和js原文件的大小也会缩小,这样也对加快拉取速度是有帮助的。

不知道你有没有看出来,上面提到的优化方案的核心就3点:减少请求数、减少资源大小、找最快的服务器。如果你是一个网站的产品经理,快去找你们的开发确认是否有做过类似的优化吧。

#专栏作家#

给产品经理讲技术,微信公众号(pm_teacher),人人都是产品经理专栏作家。资深程序猿,专注客户端开发若干年,对前端、后台技术略懂,热衷于对新的科技领域的探索。

最常见的网站优化方法技巧

最常见的网站优化技术有哪些?

1、Title标签是最有效的网站优化方法,但是必须要使用得当。你最好在标签里边放一样东

西,那就是这个网页要优化的具体关键词。

2、链接广泛度是一个非常著名的网站优化方法。是因为大多数搜索引擎不考虑没有链接的

网站这个事实。

所以,链接到其它和你网站内容相关的网站是十分重要的,同时也要获得外部链接。这样能够增加流量,获得良好的排名并为你的网站加值。

3、每个网页使用一个不同的标题是十分重要的,并且主要的关键词要在Title标签的最前边。

4、时刻记得,在搜索引擎优化中,关键词的密度是非常重要的。关键词在Title标签和标题标签的使用最好是出现一次,在文本中的密度最好在5%到20%之间。

5、另外一个网站优化方法使你的关键词出现在锚定文本中,不管是内部链接还是外部链接。

6、建立主题丰富的网站是非常明智的,因为搜索引擎对主题非常感兴趣。

7、你应该建立跟你网站内容相关的网页内容,每个页面在250个字左右,因为网站的速度

对访问者和搜索引擎来说都非常重要。

8、时刻记住增加新的和独特的内容使访客有规律地访问你的网站。

9、不要忘记增加一个站点地图,它可以为搜索程序建立网站结构。

10、提交带有你网站链接的文章到一些地址目录也是一个非常著名的SEO诀窍,它能迅速

地增加你的网站流量。

11、同样,不要忘记了提交你的带有你网站链接的文章到一些发布者的网站。不要希望他们去寻找你的文章,要把文章直接提交到发布者的网站。

12、寻找与你的网站内容相关的论坛,加入到里边,在里边做一些广告。

13、最后一个但也是最重要的一个。把你的网站提交到一些地址目录,“包括”PR为零的地址目录。

这就是一些非常著名的可以为你的网站提高排名并保持排名一直上升的SEO诀窍。值得注意的是,使用这些技巧的重要性是非常重要的。

想更深入了解更多SEO技巧请关注并私信留言

相关问答

怎么才能很好的的 优化 自己的 网站 ?

没做过网站,不好意思。没做过网站,不好意思。

网站优化有 几种 方法 ?

[回答]做好网站优化首先要明确网站的主题风格的定位。里面可以细分为:(1)主题定位(2)网站的域名定位(3)网站布局导航;其次就是基础设施和优化要做好,服务...

如何给自己的网站做 网站优化 ?

1、网站定位和关键词分析首先需要进行网站定位分析,看起来很简单却很容易在实践中逐渐被遗忘的点,优化者需要明确知道网站的定位,才能为后面的操作确定方向。...

网站 优化 途径 有哪些

[回答]只能在线下实体店采购服务和产品到如今的足不出户,只需要通过一部连网的手机或电脑就可以搜索查询自己需要采购产品的资讯以及知识信息。这...网络...

SEO工作中如何对网址进行 优化 ?

SEO工作过程中包括很多细节上的优化,有网站结构的优化、导航的优化以及文章的优化等等,除此之外,还有对于网站网址的优化,济南网站建设的小编就自己的经验说...S...

企业 网站有哪些优化 方案?

许多企业在建立完网站之后,就不再对网站进行进一步的优化,这样做显然是不行的。一个网站建好后,一定要遵循搜索引擎的规范,不然网站的页面是不利好搜索引擎,...

网站 怎么布局有利于 优化 ?

把自己当成客户,可以看看这个站有什么地方不利于体验的,如果自己找不出来,就发给朋友看看,看看有什么问题,然后改进,网站的布局一定要利于搜索引擎的收录,...

在SEO工作中,你觉得应该如何做好 网站 内容的 优化 ?

在SEO工作中,内容如同的网站的灵魂,它严重影响网站的长期发展,几乎没有任何网站可以脱离内容,而独立存在。而常见的内容创作类型主要包括:文字、图片、短视...

网络怎么 优化 排名?

不同阶段的网站需要有更加针对性的优化方法,专业的网站优化团队一般都会根据每个网站的特点单独制定优化方案,对于新网站来说需要做的工作可能会更多一些、方...

网络运营人员应该如何 优化网站 ?

应该如何进行网站优化?在互联网时代,绝大部分有实力的企业都会选择在网上建立网站,来推广自己的服务或产品。在这个大趋势下,越来越多的同质化企业网站或同...