优化网页速度的7种方法

Posted 2020-08-13 riyo123

优化网页速度的7种方法

为什么网站优化要把网页静态化？

SEO优化过程中，把动态网页转化为静态页面是许多SEO优化人员常常做的事情，面对这种SEO优化操作的行为很多人可能有疑问，那就是为什么网站优化要把网页静态化？下面就给大家详细的介绍一下关于网页静态化的一些问题。

什么是动态页面？什么是静态页面？

动态网页：是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“？”。动态页面是以ASP、PHP、JSP、Perl、或CGI等编程语言制作的，用上面两个指标基本上可以判断出是不是动态页面，如果你想知道详细介绍，可以自己百度搜索一下。

静态页面：静态网页是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间，且不能自主管理发布更新的页面，如果想更新网页内容，要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）常见的静态页面举例：.html扩展名的、.htm扩展名的。

除了静态页面和动态页面还有一种的伪静态页面，在网站页面转化的时候大多转化成伪静态页面。

 

网页静态化对于SEO优化有哪些好处？

1、网页静态化有利于搜索引擎收录

静态页面和动态页面想对比来说，搜索引擎更喜欢静态页面，对于静态页面也更好抓取收录，这样对于网站优化来说有很大的好处，更利于排名，你可以去观察那些大型的门户网站，比如新浪、阿里巴巴、百度等页面大多采用静态或伪静态页面来显示，可想而知，连百度都要把页面静态化，那这足够说明了静态化带给网站很大好处。

2、网页静态化有利于网站的稳定性

首先从安全角度来看，静态页面不容易遭受黑客的攻击，黑客从你的网址中看不出你网站的后台、网站的程序、数据库的地址，这样就比动态页面要安全的多。还有就是静态页面不会因为程序、数据库等出问题，影响网站的正常打开，可以看出静态页面会使网站更加稳定，增加网站的信任度。

3、网页静态化有利于提高速度

SEO网站优化的一个很重要的因素就是网站打开速度的快慢，打开速度越快，SEO优化效果越好，众所周知动态页面打开都是要调用数据库内容，这样就影响了网站速度，而静态页面则不用，减少了环节，提高了网站反映速度。

下面我们就来学习一下优化网页速度的7种方法

首先，我们来看下网页的加载流程。打开一个网页，会先拉取一个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点：减少请求数、减少资源大小、找最快的服务器。