提高网站打开速度的18点要素分享

所属分类: 网站运营 / 建站经验 阅读数: 107
收藏 0 赞 0 分享
下面是18条网站加速方法:

1、减少HTTP请求

图片、css、script、flash等等这些都会增加 http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下 写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用 CSS sprites 将小图拼合后利用background来定位。

2、设置头文件过期或者静态缓存

浏览器会用缓存来减少http请求数来加快页面加 载的时间,如果页面头部加一个很长的过期时间,浏览器就会一直缓存页面里的元素。 不过这样如果页面里的东西变动的话就要改名字了,否则用户端不会主动刷新,看自己 衡量了~ 这项可以通过修改.htaccess文件来实现。

3、Gzip压缩

Gzip格式是一种很普遍的压缩技术,几乎所有的 浏览器都有解压Gzip格式的能力,而且它可以压缩的比例非常大,一般压缩率为85%。

4、不要在HTML中缩放图片

图片要用多大的就用多大的,1000X1000的图片 被width=”100″ height=”100″以后,本身的KB数是不会减少 的。

5、优化图片

将你的GIF转为PNG8会是个减小体积的好办法, 另外有很多方法处理你的JPG及PNG图片以达到优化效果。

6、不要出现404页面

站点本身里(非搜索结果)出现404页面,无意 义的404页面会影响用户体验并且会消耗服务器资源。

7、减小Cookie

Cookie在服务器及浏览器之间的通过文件头进行 交换,尽可能减小Cookie体积,设置合理的过期时间,能够很好的提高效率。

8、减少iframe数量

需要更有效的利用 ifames。
iframe 优点:有利于下载缓慢的广告等第三方内 容,安全沙箱,并行下载脚本
iframe 缺点:即使为空也会有较大资源消耗,会阻止页面的onload,非语义

9、尽早的释放缓冲

当用户进行页面请求时,服务器端需要花费200 到500毫秒时间来拼合HTML,将写在head与body之间,释放缓冲,这样可以将文件头先 发送出去,然后再发送文件内容,提高效率。

10、删除重复脚本

重复调用的代码浏览器并不会识别忽略,而是会 再次运算一遍,这当然是大大的浪费。

11、减小JS和CSS的体积

写JS和CSS都是有技巧的,用最少的代码实现同 样的功能,减少空白,增强逻辑性,用缩写方式等等,当然也有不少工具也能够帮你实 现这一点。

12、减少DNS查找

减少网站从外部调用资源,网页加载效率会大大 提高。

13、将JS和CSS外链

一些较为公用的JS和CSS,我们可以使用外链的 形式,譬如我就是从Google外链来的Jquery文件,如果我的浏览者在浏览别的使用了这 个外链文件的网站时已经下载并缓存了这个文件,那么他在浏览我的网站的时候就不需 要再进行下载了!

14、避免CSS表达式

CSS表达式很可怕,这个只被IE支持的东西执行 时候的运算量非常大,你移动一下鼠标它都要进行重计算的,但有时候为了做浏览器的 兼容必须要用到这个||| IE6去死去死!

15、把CSS放顶部

让浏览者能尽早的看到网站的完整样式。

16、把JS放底部

网站呈现完毕后再进行功能设置,当然这些JS要 在你的加载过程中不影响内容表现。

17、用GET方式进行AJAX请求

Get 方法和服务器只有一次交互(发送数据), 而 Post 要两次(发送头部再发送数据)。

18、减少DOM的访问次数

JS访问DOM是很慢的,尽量不要用JS来设置页面 布局。

更多精彩内容其他人还在看

医疗行业怎么做好网站建设?建站注意事项及经验

踏足互联网,医疗行业可以将自身优势资源整合到网站中去,为大家提供病理知识、在线咨询或者预约就诊服务等。那么如何做好医疗行业的网站建设呢?本期为大家分享一些在建站过程中需要注意的东西和建站经验,希望能给大家带来帮助
收藏 0 赞 0 分享

企业应该怎么策划自己的网站?规划网站注意事项总结

网站建设虽然是一个比较复杂的过程,包括网站策划、网页设计、程序开发、上传网页、发布网站等,那么企业应该怎么策划自己的网站?下面为大家介绍规划网站注意事项,来看看吧
收藏 0 赞 0 分享

大众点评网站的支付系统构建经验分享

大众点评网站的服务器端在迭代的同时保持了很好的扩展性和可用性,这里我们来看一下大众点评网站的支付系统构建经验分享,主要以大众点评的支付渠道网关系统为核心.
收藏 0 赞 0 分享

网易蜂巢的容器运维管理服务使用指南

网易蜂巢提供对Docker容器的警报和性能监控服务,通过图形化面板操作十分简洁,这里前提假设服务器端已经架设在容器中,那么接下来就让我们来看网易蜂巢的容器运维管理服务使用指南
收藏 0 赞 0 分享

为什么认为自助建站不适合SEO?自助建站工具搭建出来的网站对SEO的支持如何?

最近有一个做SEO优化朋友询问为什么自助建站做出来的网站排名很难做上去?自助建站工具搭建出来的网站真的适合SEO吗?本文将提供相关内容供大家了解,希望对大家有所帮助和启发
收藏 0 赞 0 分享

支持支付宝的高性价比美国VPS主机Pzea的购买及使用评测

Pzea一直是低价位VPS的人气之选,在美国三个大城市分别建有机房,且构建于KVM虚拟机之上,性能较为出众,接下来就为大家来分享一下这个支持支付宝的高性价比美国VPS主机Pzea的购买及使用评测
收藏 0 赞 0 分享

网站页面一定需要HTML静态化吗 实战说明静态化的必要性

很多刚开始运营网站的伙伴们都要知道网站内的页面需要进行URL优化吗?如设置静态化等,对此,本文就为大家解析一下网站静态化的必要性,有兴趣的朋友们可以了解下哦
收藏 0 赞 0 分享

移动端界面设计之尺寸基础知识学习

这篇文章主要为大家详细介绍了移动端界面设计之尺寸基础知识,通俗易懂的学习教程帮助大家了解关于移动端设计尺寸的相关知识,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

如何提高用户体验?优秀的用户体验需要遵守的十大准则

自己的网站做的很漂亮却依然没有排名,这是为什么呢?这个时候,你应该考虑你是否关注到用户体验?而如何提高用户体验又是你要考虑的问题了,本文将提供优秀的用户体验需要遵守的十大准则供大家了解,希望对大家有所帮助和启发
收藏 0 赞 0 分享

DoubleClick Ad Exchange Seller(adx) 为您的广告代码生成异步代码的方法

这篇文章主要介绍了DoubleClick Ad Exchange Seller(adx) 为您的广告代码生成异步代码的方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多