[转]浏览器的加载与页面性能优化

标签: 页面 每日一文 浏览器 加载 优化 | 发表时间:2011-02-19 11:43 | 作者:rocrocket Allen
出处:http://roclinux.cn

本原创文章属于《Linux大棚》博客,博客地址为http://roclinux.cn。文章作者为rocrocket。

为了防止某些网站的恶性转载,特在每篇文章前加入此信息,还望读者体谅。

===

[正文开始]

文章部分转自“百度泛用户体验平台”,本文地址为:http://www.baiduux.com/blog/2011/02/15/browser-loading/

这篇文章总结的不错,其中涉及到浏览器加载优化思路的部分,对于广大站长很价值,我记录在此:

带宽

  • 使用CDN
  • 压缩js、css,图片优化


HTTP优化

  • 减少转向
  • 减少请求数
  • 缓存
  • 尽早Flush
  • 使用gzip
  • 减少cookie
  • 使用GET

DNS优化

  • 减少域名解析时间
  • 增多域名提高并发

JavaScript

  • 放页面底部
  • defer/async

CSS

  • 放页面头部
  • 避免@import

其它

  • 预加载

其他内容请各位直接进入原文页面阅读。

over~

©2011 感谢您来到linux大棚。如转载请注明:“ linux大棚

.

我猜您对这些文章感兴趣:

相关 [浏览器 加载 页面] 推荐:

[转]浏览器的加载与页面性能优化

- Allen - linux大棚-roclinux.cn
本原创文章属于《Linux大棚》博客,博客地址为http://roclinux.cn. 为了防止某些网站的恶性转载,特在每篇文章前加入此信息,还望读者体谅. 文章部分转自“百度泛用户体验平台”,本文地址为:http://www.baiduux.com/blog/2011/02/15/browser-loading/.

浏览器的加载与页面性能优化

- 彦强 - 百度泛用户体验
本文将探讨浏览器渲染的loading过程,主要有2个目的:. 了解浏览器在loading过程中的实现细节,具体都做了什么. 研究如何根据浏览器的实现原理进行优化,提升页面响应速度. 由于loading和parsing是相互交织、错综复杂的,这里面有大量的知识点,为了避免过于发散本文将不会对每个细节都深入研究,而是将重点放在开发中容易控制的部分(Web前端和Web Server),同时由于浏览器种类繁多且不同版本间差距很大,本文将侧重一些较新的浏览器特性.

Conditioniz – 探测浏览器并条件加载 JavaScript 和 CSS

- - 博客园_梦想天空
  Conditioniz 是一个快速、轻量级(3KB)的 JavaScript 工具,用于探测浏览器和分辨率并条件加载 JavaScript 和 CSS 文件. Conditioniz 从它的 jQuery 前身重建,现在速度要快50%. 结合类名添加和 Conditionizr 集成的脚本和样式加载功能,允许你为不同的浏览器指定想加载的脚本和样式.

再聊聊浏览器资源加载优化

- - Web前端 - ITeye博客
几乎每一个前端程序员都知道应该把script标签放在页面底部. 关于这个经典的论述可以追溯到Nicholas的 High Performance Javasript 这本书的第一章Loading and Execution中,他之所以建议这么做是因为:. 简而言之,如果浏览器加载并执行脚本,会引起页面的渲染被暂停,甚至还会阻塞其他资源(比如图片)的加载.

腾讯浏览器官方页面出现“aiww"字

- Shadow - Solidot
Pb 写道 "今天有网友发现腾讯浏览器的 官方页面 上,介绍“超级拖拽”功能的配图上出现“#aiww#”字样(截图).

5大Chrome浏览器一键截图扩展,整张页面

- - 够趣堂
在日常生活和工作中,截图功能有经常要使用到的. 当你QQ运行时只需要“Ctrl+Alt+A”组合键即可局部截图,还可以简单的DIY,但是需要截图整个页面的时候,内置的QQ截图功能就有点鸡肋了. 如果你正在使用Chrome浏览器,那么通过安装扩展一键点击即可截取整个页面,非常的傻瓜,在这里Anliu推荐 5款Chrome一键截图整个页面的Chrome插件,当然局部截取也是可以的.

表格自动适应浏览器大小及DIV浮动设计(页面自适应浏览器大小)

- - CSDN博客Web前端推荐文章
        一、表格自适应浏览器大小.       之前写了个页面,将width和height值给定死了,这样导致浏览器缩小时,表格不会跟着自动适应浏览器大小.       1.一般是给表格整体使用样式: table-layout:fixed;.       2.将表格中的各个单元格的 width和height属性值设为比例,而不是给定值.

浏览器加载和渲染html的顺序-css渲染效率的探究

- - CSDN博客互联网推荐文章
1.浏览器加载和渲染html的顺序. 1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的. 2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完). 3、如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载.

怎样让浏览器随意修改访问中的 web 页面

- - ITeye博客
  丈 母娘在的那些日子, 天天玩 4399 上的 花花连连看 游戏, 明天要走了, 说要把游戏下载下来回去玩,因为她家里没有网络. 我看了下这个页面, 发现是个 flash 的游戏, 心想应该能下载到本地玩. 看了看页面上有个下载的连接, 点进去却发现还需要安装 4399 游戏盒. 安装软件对于丈母娘来说太难了, 我心想,直接把 flash 下载下来不就完了吗.