- 博客(9)
- 收藏
- 关注
RSS订阅转载 如何使CSS渲染更高效
<br />这是应该是浏览器开发者应该关心的(页面加载更快，用户就会更愉快)。Mozilla有一篇文章： about best practices . Google 当然也很关心这个问题，他们也有这样一篇文章：Optimize browser rendering。<br />让我们了解下他们主要倡导的东东，然后讨论他们的实用性。<br />从右到左<br />浏览器如何读取你的CSS选择器有一个很重要的原则，那就是它们从右到左读取。这意味这像 ul > li a[title="home"] 这样的选择
2011-02-25 17:41:00
1271
转载 优化浏览器渲染
资源被下载到客户端后，浏览器仍需加载，解释，并渲染HTML、CSS和Javascript代码。只需利用现有浏览器的特性简单地编排你的代码和页面，就可以提升客户端的性能。1. 使用高效率的CSS选择器2. 避免CSS expressions3. 将样式表放在页面顶部4. 指定图像尺寸使用高效率的CSS选择器概述避免低效率的匹配大量元素的键选择器【key selectors】可以加快页面渲染。详细信息当浏览器解析HTML时首先构造一个内部文件树来代表所有显示的元素
2011-02-25 17:39:00
1248
转载 Yahoo!网站性能最佳体验的34条黄金守则——服务器
除了在网站在内容上的改进外，在网站服务器端上也有需要注意和改进的地方，它们包括：1. 使用内容分发网络2. 为文件头指定Expires或Cache-Control3. Gzip压缩文件内容4. 配置ETag5. 尽早刷新输出缓冲6. 使用GET来完成AJAX请求11、使用内容分发网络 用户与你网站服务器的接近程度会影响响应时间的长短。把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。但是首先我们应该做
2011-02-25 17:36:00
1063
转载 Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用
JavaScript和CSS也是我们页面中经常用到的内容，对它们的优化也提高网站性能的重要方面：CSS：1. 把样式表置于顶部2. 避免使用CSS表达式（Expression）3. 使用外部JavaScript和CSS4. 削减JavaScript和CSS5. 用代替@import6. 避免使用滤镜JavaScript1. 把脚本置于页面底部2. 使用外部JavaScript和CSS3. 削减Java
2011-02-25 17:30:00
1021
转载 Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS
<br />JavaScript和CSS也是我们页面中经常用到的内容，对它们的优化也提高网站性能的重要方面：<br />CSS：<br />1. 把样式表置于顶部<br />2. 避免使用CSS表达式（Expression）<br />3. 使用外部JavaScript和CSS<br />4. 削减JavaScript和CSS<br />5. 用<link>代替@import<br />6. 避免使用滤镜<br />JavaScript
2011-02-25 17:30:00
1212
转载 Yahoo!网站性能最佳体验的34条黄金守则——内容
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。其中内容部分一共十条建议：一、内容部分1. 尽量减少HTTP请求2. 减少D
2011-02-25 17:28:00
758
原创 做过的几个javascript面试题
1.现需要一个函数counter()，使每次调用它的时候返回递增的值。第一次返回1，第二次返回2，以此类推。请写出这样一个函数，不允许使用任何全局变量，也不允许在counter函数上附加属性，如counter.n这样的属性，也不允许使用cookie这样的东西。闭包。var counter = function(){ var n = 0; return function(){return ++n;};}();for (var i=0; i2.“加入收藏”功能function add2F
2011-02-25 17:21:00
854
原创 图片延迟加载的实现
<br />有时候，我们的一个网页上会包含很多张图片。这些图片有可能都是存在一台服务器上，使用同一个域名，如img.com。虽然现在的浏览器在加载图片时，可以同时打开多个线程去拉取图片，但是如果图片太多的话依然会产生阻塞。<br />解决办法有以下几种：<br />1.将这些图片放到不同的域名下；<br />2.如果这些图片不是处于首屏，那么可以延迟加载。这里面又有两种方式：<br />a)当滚动条滚动快要滚动到该图片的位置时，加载图片。采用这种技术的如淘宝网；<br />b)先不加载图片，而当页面load
2011-02-25 17:02:00
1164
1
原创 锚点重置组件的实现
1、 前言前段时间，需要做一个类似腾讯微博的锚点重置组件功能：当滚动页面时，页面右下角出现一个跳转到页面顶部的按钮，并一直浮动。如下图所示：同时，在滚动到页面底端时，要做到如下效果：当滚动条处于页面最顶端时，默认隐藏该组件。2、 实现首先是页面实现，主要代码如下：#goTop a{background:url(http://mat1.gtimg.com/news/newlist/goTop.png) no-repeat;width:35px;height:35px;line-height:99em;ov
2011-02-25 16:45:00
1455
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人