优化网站性能的35条规则

  1. 最小化HTTP请求次数
  2. 使用内容分发网络(CDN)
  3. 添加Expires或Cache-Control标头
  4. 使用Gzip组件
  5. 将CSS样式表放在顶部
  6. 将JavaScript脚本放在底部
  7. 避免使用CSS中的expressions(貌似已废弃)
  8. 将JavaScript和CSS独立成外部文件
  9. 减少DNS查询
  10. 压缩JavaScript和CSS(包括内联<script>和<style>)
  11. 避免重定向
  12. 删除重复的脚本
  13. 配置实体标记ETag
  14. 使Ajax可以缓存
  15. 尽早清除缓冲区
  16. 使用GET进行Ajax请求
  17. 延迟加载组件
  18. 预加载组件
  19. 减少DOM元素的数量
  20. 跨域拆分组件
  21. 最小化iframe数量
  22. 不出现404s
  23. 减小Cookie大小
  24. 对组建使用cookie-free的域名
  25. 最小化DOM的访问次数
  26. 开发巧妙的事件处理程序
  27. 优先选择使用<link>而非@import
  28. 避免使用filters
  29. 优化图片
  30. 优化CSS Sprites
  31. 不要在HTML中缩放图像
  32. 减小favicon.ico的体积并缓存
  33. 保持组件小于25K
  34. 将组件拆分到多个文档中
  35. 避免设置空图像的src

参考:

Best Practices for Speeding Up Your Web Site

原文地址:https://www.cnblogs.com/princess-knight/p/9314138.html

时间: 2024-11-08 09:30:28

优化网站性能的35条规则的相关文章

雅虎十四条 - 14个优化网站性能提高网站访问速度的技巧

14个优化网站性能提高网站访问速度的技巧 又叫“雅虎十四条”,想起一年前那个懵懂的我,大四傻乎乎的跑到大学城面试前端,那个时候以为寒暑假看了两套CSS的视频,就很牛B了,出发先还把视频温了一下,嗯嗯,这是滑动门,嗯嗯这是绝对定位,嗯嗯这是浮动清除…… 当时是彪叔面试我的,当时我还不知道那个人,全身黑漆漆的,黑色T-shirt,黑色皮肤,黑色帽子,黑色墨镜,还有点黑色胡渣的人,就是彪叔,补做了试题后支支吾吾的跟他谈了一下,发现完全不行,第一个问题是“雅虎十四条”是什么?然后我蒙了,pardon?

14个优化网站性能提高网站访问速度技巧

相信互联网已经越来越成为人们生活中不可或缺的一部分.ajax,flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功能.比如Google机会已经把最基本的office应用都搬到了互联网上.当然便利的同时毫无疑问的也使页面的速度越来越慢.自己是做前端开发的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的. 以上是一张web2.0页面的生命周期图.工程师很形象地讲它分成了“怀孕,出生,毕业,结婚”四个阶段.如果在我们

RedHat Enterprise 6.5环境下使用eAccelerator优化网站性能

RedHat Enterprise 6.5环境下使用eAccelerator优化网站性能 第一步:在做优化之前,首先对网站服务器的硬件做一下检测 1,内存信息:2G内存,swap容量为4G [[email protected] ~]# free -m total       used       free     shared    buffers     cached Mem:          1870       1228        642          0         47

优化网站性能必备的六种架构方案

1.应用,数据,文件分离. 将应用程序,数据库,文件各自部署在独立的服务器上,并且根据服务器的用途配置不同的硬件,达到最佳的性能效果. 2.利用缓存改善网站性能. 大部分的网站访问都遵循28原则,即80%的访问请求,最终落在20%的数据上,所以我们可以对热点数据进行缓存,减少热点数据的访问路径,提高用户体验.缓存实现的常见方法是本地缓存,分布式缓存,CDN,反向代理. 本地缓存:速度快,空间有限缓存数据量也有限.OSCache 分布式缓存:可缓存海量的数据,拓展非常容易,速度没有本地缓存快.Me

使用Minify来优化网站性能

Minify 是用PHP5开发的应用,通过遵循一些Yahoo的优化规则来提高网站的性能.它会合并多个CSS或者JavaScript文件,移除一些不必要的空格和注释,进行gzip压缩,并且会设置浏览器的缓存头.Minify 在设计上和Yahoo的 Combo Handler Service非常像,不过Minify可以合并任何你想要合并的JavaScript和CSS文件. 一般情况下,网站速度的瓶颈都在前端,而最关键的就是资源的加载速度,但是大多数浏览器都有单个域名并发请求数限制,所以如果一个页面中

优化网站性能之数据库架构篇

很多小型网站的开发人员一开始将注意力放在产品需求设计上,这本无可厚非.但如果忽视整体性能.可扩展性等方面的考虑,眼看着访问量一天天往上爬,可突然发现有一天网站因为访问量过大而崩溃了,到时候哭都来不及. 我在后端设计中曾经提到,对于高并发高访问的Web应用来说,数据库存取瓶颈一直是个令人头疼的问题.特别当你的程序架构还是建立在单数据库模式,而一个数据池连接数峰值已经达到500的时候,那你的程序运行离崩溃的边缘也不远了.在Web网站的规模从小到大不断扩展的过程中,数据库的架构也需要动态扩展,每一次扩

NTOPNG,用来平时优化网站性能,用处大的

最近考察一下NTOPNG和NGX-REQ模块,看哪个对网站优化性能用户更大... 参考URL: http://www.68idc.cn/help/jiabenmake/qita/20150109164851.html 中间有此曲折. ./third-party/zeromq-3.2.4/src/.libs/libzmq.a(libzmq_la-ipc_listener.o): In function `zmq::ipc_listener_t::set_address(char const*)':

开启SQLSERVER数据库缓存依赖优化网站性能

很多时候,我们服务器的性能瓶颈会是在查询数据库的时候,所以对数据库的缓存非常重要,那么有没有一种方法,可以实现SQL SERVER数据库的缓存,当数据表没有更新时,就从缓存中读取,当有更新的时候,才从数据表中读取呢,答案是肯定的,这样的话我们对一些常用的基础数据表就可以缓存起来,比如做新闻系统的新闻类别等,每次就不需要从数据库中读取了,加快网站的访问速度. 那么如何开启SQLSERVER数据库缓存依赖,方法如下: 第一步:修改Web.Config的<system.web>节的配置,代码如下,让

Yahoo网站性能优化的34条军规

1.尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容,这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数,这是提高网页速度的关键步骤. 减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 1.合并文件:合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法,例如可以简单地把所有的CS