如何优化网页加载速度及seo 提高网站访问速度的方法

如何优化网页加载速度

我们都知道如果一个网站打开速度特别慢的话会流失很多用户，因为用户有很多选择， 没必要去花时间等待你这个网站,如果我们的网站页面在加载过程中出现延迟或者卡顿的话，用户会第一时间离开我们的网页，并自然而然的切换到其他竞争对手的网站页面，好不容易流量进来了，却因为网页打开速度慢而导致用户流失，导致网站订单大大下跌。

如何优化网页加载速度

网页加载速度的重要性

影响SEO优化：在日常的SEO优化工作中，相信有很多做网站建设的公司都会在网站内容更新的时候加入一些高清图片或者是高内存的视频，企图通过这种方式达到更好的企业网站宣传效果，结果就是导致网站的加载速度极其缓慢。

影响用户体验：而站在用户的角度来说，如果在打开了一个网站之后，网站上的图片或者视频无法加载出来的话，难免会达不到心理预期。试想一下，如果我们在打开一个网站页面的时候，整体的网站页面打开速度非常快，在三秒之内就可以将所有的内容呈现在我们面前，那么无论我们对于这个网站中的内容是否感兴趣，都会给我们留下良好的第一印象，起码有能够阅读下去的兴趣。但是相反，如果网站的加载速度很慢，而且所展示的内容也并不全面，那么就会在一定程度上降低用户的浏览体验，甚至会造成用户对网站的反感。

导致用户流失：从一定意义上来说，网站页面加载时间过长，会造成一定的用户流失，因为大部分用户根本没有耐心等待一个加载时间过长的网页。所以对于大部分用户来说，都是希望网站页面的打开时间越短越好，因此网站加载速度多一秒的延迟，就可能造成很大的经济损失，而网站的加载速度长短也会直接影响用户的满意度。所以提高网页加载速度显得尤其重要。

下面小编就来讲讲如何优化网页加载速度。

1.选择可靠服务器或者虚拟主机为提高速度打基础

2.开启gzip功能对网站源文件进行压缩，这个大家都比较了解，即将需要传输的内容压缩后传输到客户端再解压，这样在网络上传输的 数据量会大幅减小。通常在服务器上的Apache、Nginx可以直接开启这个设置，也可以从代码角度直接设置传输文件头，增加gzip的设置，也可以从 负载均衡设备直接设置。不过需要留意的是，这个设置会略微增加服务器的负担。如果你的网页服务器也支持gzip压缩数据，那么数据以gzip方式传输时，会减少70～80%的流量。

3.减少DNS查询次数，很多人喜欢把不同的图片挂在不同当域名下，当一个网页同时使用图片A和图片B时，浏览器需要查询两个域名，要知道，每次解析域名都是会浪费时间的，所以尽可能的将全部图片放在一个域名下。

4.减少flash的使用，Flash不要太多，如果Flash视频动画太多，索引擎也抓取不到，还会影响网页加载速度。

5.非必要js放到页面底部延时加载，很多Javascript脚本执行效率低下，或者有的第3方域名脚本出现意外无法载入'如果将这些脚本放置到页面比较靠前的位置，可能会导致我们自己网站的内容载入速度下降甚至无法正常加载，所以一般将这些脚本放置在网页文件末尾，一定要放 置在前面的脚本要改用所谓的“后载入”方式加载，在主体网页加载完成后再加载，防止其影响到主体网页的加载速度。

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

7.js css文件外部调用减小文件大小及，如果css、js内容比较庞大，尽量不要写到同1个页面中去，改由外部载入比较妥当，因为浏览器本身会对css、js文件进行缓存。有时为了要css的参数动态改变，可能会采用css expression来实现，但这样做得不偿失，会使用户端浏览器负担明显加重，所以不建议这样做，如果需要改变，可以使用Javascript脚本去实现。一般js、css文件中存在大量的空格、换行、注释，这些利于阅读，如果能够压缩掉，将会很有利于网络传输。这方面的工具也有很多，一般可以保留开发版本，利用工具生成生产版本，2个文件比较，一般压缩率能达到50%以上，减少的数据量还是比较可观的。

8.减少重定向请求，有的网站对于不同的终端制作了不同的页面，每一次重定向都会导致浏览器重新发起请求，延长加载时间。对于这种情况，应该尽可能使用响应式设计，一个站点覆盖至所有终端。

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

10.优化图片资源的格式和大小，页面不要全是图片，相对于文字来说，纯图片的网站加载速度要慢得多，建议网站一定要图文结合，并且尽量少用纯图片。一个网页中，图片资源的大小占比是最多的，而且单个的文件的大小也很可观。因此，在保证图片质量不变的情况下，尽可能的使用高压缩率的图片格式，图片格式可以按照这个优先级选择webp > jpeg > png > bmp。同时也要根据图片展示尺寸来拉取大小最为匹配的图片资源，不要没事就把原图拉下来使用。以前我就遇到过这种情况，一个196*196大小区域展示的图片，它的文件竟然达到了几兆，最后才发现把1960*1960分辨率的原图拉下来了。

好了以上就是小编对如何优化网页加载速度的分享，欢迎大家讨论分享。

提高网站访问速度的十个技巧

1、如果可能的话，延迟加载一些内容

可以使用Ajax来按需加载部分内容。比如一个相册，可以在用户浏览页面时先出缩略图，当用户点击了，然后异步请求原图并展示，这样用户如果只需要看几张图片，就不需要等待所有图片都加载下来。这种开发模式叫做延迟加载。

Ajax/Web开发类库如jQuery，Prototype，与及MooTools可以使得延迟加载更容易实现。

2、使用外部JS和CSS文件

当用户第一次加载网页时，浏览器会缓存住外部的CSS和JavaScript文件，所以将javascript和CSS放到外部文件比内联的会好。

使用内联CSS还会增加网页的渲染时间，让所有样式都定义在你的主CSS文件中使得浏览器渲染页面时少做一些工作，因为它一开始就知道所有需要应用的样式规则。另外使用外部javascript和css文件也有助于维护代码。

3、使用缓存系统

如果你发现网站总是连接数据库来查询产生出同样的结果，可能就需要使用缓存系统了。使用缓存的话，只需要生成一次特定的内容而不需要用户每次访问的时候都去生成。缓存系统也会根据配置周期性的刷新缓存。你可以生成静态HTML页，以减小服务器脚本执行的开消，或者使用数据库和服务端脚本缓存系统，比如PHP的加速器，memcached等。

4、避免在html中改变图片大小

如果一张图片原本是1280*900px的，但是你需要它显示为400*280px的，你应该用图片编辑器，如Photoshop来改变它的大小，而不是使用HTML的width和height属性。

5、不要使用图片来展示文字

图片中的文字不但对用户不友好(无法复制等)，对SEO也没有好处，而且使用图片来显示文字会增加页面加载时间。如果你需要在网站中使用很多自定义的字体，可以考虑使用CSS的@font-face特性去更有效率地展现特定字体。

6、使用正确的文件格式来优化图片大小

通过选择正确的力图片格式，你可以在不损失图片质量的情况下优化图片大小。例如，除非你需要PNG提供的图片透明，否则JPG一般来说可以在较小的文件情况下逼真地显示图片。有很多工具可以用来进一步减小图片的大小，可以参看这里。

7、优化写代码的方式

查看你的源代码，看看是否所有标签都是需要的，或是可不可以用CSS来代替。有效的书写代码不但减小HTML和CSS文件的大小，也能方便维护。

8、在文档的最后加载javascript

所有scripts都在页面最后加载会比一开始就加载好，它可以让浏览器在加载javascript前渲染所有东西。浏览器在javascript下载完之前阻塞下面的内容的加载。如果可以的话，尽量将javascript放在紧挨着body结束标签的地方。

9、使用内容分发网络-ontent Delivery Network，CDN)

网站的速度和用户相对于服务器的位置有很大的关系。将内容分发到不同的地理位置可能可以缓解这个问题。使用CDN可能会增加费用，但是收益也是很明显的。

10、优化网页缓存

既然使用了缓存系统，你应该使用尽可能多的缓存技术。网页缓存是浏览器端对文件做的缓存，然后供用户之后的访问。浏览器可以缓存的内容包-SS文件，javascript文件和图片。