从7个方面总结的35条网站优化方法

1.content方面

01) .减少HTTP请求:合并文件、CSS精灵、inline Image

02) .减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法:DNS缓存、将资源分布到恰当数量的主机名,平衡并行下载和DNS查询

03) .避免重定向:多余的中间访问

04) .使Ajax可缓存

05) .非必须组件延迟加载

06) .未来所需组件预加载

07) .减少DOM元素数量

08) .将资源放到不同的域下:浏览器同时从一个域下载资源的数目有限,增加域可以提高并行下载量

09) .减少iframe数量

10) .不要404

2.Server方面

11) .使用CDN

12) .添加Expires或者Cache-Control响应头

13) .对组件使用Gzip压缩

14) .配置ETag

15) .Flush Buffer Early

16) .Ajax使用GET进行请求

17) .避免空src的img标签

3.Cookie方面

18) .减小cookie大小

19) .引入资源的域名不要包含cookie

4.css方面

20) .将样式表放到页面顶部

21) .不使用CSS表达式

22) .使用不使用@import

23) .不使用IE的Filter

5.Javascript方面

24) .将脚本放到页面底部

25) .将javascript和css从外部引入

26) .压缩javascript和css

27) .删除不需要的脚本

28) .减少DOM访问

29) .合理设计事件监听器

6.图片方面

30) .优化图片:根据实际颜色需要选择色深、压缩

31) .优化css精灵

32) .不要在HTML中拉伸图片

33) .保证favicon.ico小并且可缓存

7.移动方面

34) .保证组件小于25k

35) .Pack Components into a Multipart Document

时间: 2024-10-14 00:47:15

从7个方面总结的35条网站优化方法的相关文章

雅虎35条性能优化建议

雅虎35条性能优化建议分7类,共35条: [内容]尽量减少HTTP请求数 [服务器]使用CDN(Content Delivery Network) [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [js, css]把JavaScript和CSS放到外面 [内容]减少DNS查找 [js, css]压缩JavaScript和CSS [内容]避免重定向 [js]去除重复脚

Yahoo! 35条网站性能优化建议

Yahoo! 35条网站性能优化建议 分类: 网站性能优化2014-03-08 17:18 212人阅读 评论(0) 收藏 举报 网站性能优化 Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践.他们为此进行了一系列的实验.开发了各种工具.写了大量的文章和博客并在各种会议上参与探讨.最佳实践的核心就是旨在提高网站性能.原版猛戳:Best Practices for Speeding Up Your Web Site, Excetional Perfo

雅虎付出的34条网站加速方法

雅虎给出的34条网站加速方法 雅虎给出了优化网站加载速度的34条法则(包括Yslow规则22条) 详细说明,下载转发 ponytail 的译文(来自帕兰映像). 1.Minimize HTTP Requests 减少HTTP请求 图片.css.script.flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间.把多个JS.CSS在可能的情况下写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用 CSS sprites 将小图拼合后利用background

搜索引擎优化知识35条

以下35条搜索引擎优化知识,假设能做好,我相信排名不会非常差! 1.从标题说起,每一个页面标题字数最好控制在30个字左右,别问为什么. 2.关键词选择,做不了热门的,就选择中等的来做,不然会让你失去信心. 3.目标关键词放在首页,长尾关键词放在内容页. 4.每一个页面选择3个关键词,千万别想得到太多. 5.最重要的关键词放在标题首位,依此类推. 6.站点描写叙述简单,明了.開始 - 中间 - 结束部分自然出现关键词. 7.站点导航非常重要,用图片做导航讨好了用户,但缺失去了搜索引擎. 8.站点图

雅虎35条

前端优化:雅虎35条 写在前面 英文原版链接,若是觉得本文哪里不好还请指出,以便及时修改 目录(分7类,共35条): [内容]尽量减少HTTP请求数 [服务器]使用CDN(Content Delivery Network) [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [js, css]把JavaScript和CSS放到外面 [内容]减少DNS查找 [js, cs

雅虎35条优化黄金守则

Excetional Performance 团队总结出了一系列可以提高网站速度的方法.可以分为 7大类 35条.包括内容 .服务器 . CSS . JavaScript .Cookie .图片 .移动应用 ,七部分. 一.内容部分 尽量减少 HTTP请求 减少 DNS查找 避免跳转 缓存 Ajxa 推迟加载 提前加载 减少 DOM元素数量 用域名划分页面内容 使 frame数量最少 避免 404错误 1.尽量减少 HTTP请求次数 终端用户响应的时间中,有 80%用于下载各项内容.这部分时间包

前端优化:雅虎35条

写在前面 英文原版链接,若是觉得本文哪里不好还请指出,以便及时修改 目录(分7类,共35条): [内容]尽量减少HTTP请求数 [服务器]使用CDN(Content Delivery Network) [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [js, css]把JavaScript和CSS放到外面 [内容]减少DNS查找 [js, css]压缩JavaScr

Yahoo!团队:网站性能优化的35条黄金守则

Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践.他们为此进行了一系列的实验.开发了各种工具.写了大量的文章和博客并在各种会议上参与探讨.最佳实践的核心就是旨在提高网站性能.原版猛戳:Best Practices for Speeding Up Your Web Site, Excetional Performance 团队总结出了一系列可以提高网站速度的方法.可以分为 7大类 35条.包括内容 .服务器 . CSS . JavaScript .C

【转】Yahoo!团队:网站性能优化的35条黄金守则

Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践.他们为此进行了一系列的实验.开发了各种工具.写了大量的文章和博客并在各种会议上参与探讨.最佳实践的核心就是旨在提高网站性能. 原版猛戳:https://developer.yahoo.com/performance/rules.html,本文转自:http://blog.csdn.net/xianghongai/article/details/9241549 Excetional Performan