优化网页性能的方法 怎么优化网站打开速度

如何优化网站才能让网站打开速度更快

在建设网站的时候，很多人都很关注网页加载的速度。他们希望网站的访问速度会更快，这样用户访问的时候会更方便。那么，如何优化网站的打开速度呢?这样做吗?如何优化网站，使网站打开速度更快?一般来说，我们可以通过以下几种方法来提高网站的访问速度。

1. 优化网站代码

这个操作非常重要。我们需要做的就是删除多余的代码，这样网站就会更快。例如，我们可以删除无用的空格、换行符、注释等。删除不必要加载的前端脚本，JS代码和CSS样式需要压缩合并，尽可能减少对服务器的访问次数。

2. 减少页面上不必要的元素

许多人不知道如何浏览网页。其实就是把主机上的内容下载到计算机的本地硬盘上，然后就可以通过浏览器查看了。因此，如果一个网页本身占用的空间越少，那么它运行的速度就越快。这就要求在优化网站的打开速度时，尽量不要使用flash动画和大量图片。同时还需要注意的是要尽量少用多媒体资源，比如视频、音频等。

3.尽量使用静态页面

在建设网站的时候，要尽可能地使用静态页面。这个单一页面可以直接在客户端运行，不需要主机编辑，内容可以直接从浏览器中浏览，自然访问速度会快很多。很多人在建立网站时喜欢使用动态页面。这样做的原因是这样的页面交互性很好，但是它有一个很大的缺点，就是运行速度慢，因为它需要服务器处理

4. 简化页面结构

很多站长在设计网页的时候，为了使呈现出来的网页足够整洁，他们会把所有的页面内容放入一个表格中，然后把单元格分成各种块，这样的操作。使页面运行变慢。

这些都是网站打开速度的优化方法。那么，你在优化的时候不妨参考一下，这样可以保证更好的访问速度，让网站发挥更大的使用价值。

优化网页速度的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点：减少请求数、减少资源大小、找最快的服务器。如果你是一个网站的产品经理，快去找你们的开发确认是否有做过类似的优化吧。