browser相关的贡献

Web缓存详解

缓存是用空间换时间的1中很有效的提高性能的办法,在日益发达的互联网中被运用到了没1个可能的角落,WEB的缓存都有哪些?如何控制这些缓存?具体的实现机制如何?

Browserhacks:不断更新的浏览器Hack集合

Browserhacks涵盖了各种浏览器的Hack(包括CSS、Javascript),所涉及到的浏览器几乎囊括了你开发时用到的主流浏览器:IE6~IE11、Chrome、FF、还有Android、Safari。发现需要hack时还在到处求索?把这个收藏起来吧~

High Performance Animations

Paul Lewis 和 Paul Irish为你解析哪些动画效果可以达到60FPS的速率,而哪些动画又可能让你的网页看起来很卡顿,遇到这些问题该咋办?各种动画的Library用起来很顺手,你知道背后工作原理么?

真正能帮到你的Favicon生成器

越来越多的前端工程师为网站添加响应式设计,但可能有个细节你还是忽略了,那就是网站的favicon,在不同的平台,不同的设备上表现都那么如一么?如果你还没有注意到这个问题,这个工具肯定会给你惊喜,利用高分辨率的图,帮你生成在各种平台和设备看起来都不错的favicon~

跨域资源共享(CORS)使用详解

浏览器的同源策略限制了不同域名之间的资源共享,于是产生了JSONP来跨域的获取数据,其实还有更简单的办法,就是跨域资源共享(CORS),按照W3C规范给被共享的资源服务器加上几个响应头,就可以实现跨域资源共享~

DevTools: Visually Re-engineering CSS For Faster Paint Times

Sometimes it’s the small, seemingly insignificant things that can be the greatest performance bottlenecks in your application. Watch your CSS and also keep in mind that it’s quite plausible to have poor paint times due to non-optimal JS, such as onscroll handlers firing multiple times or occupying a great deal of time.

Chrome中的Prerender详解

Chrome从V13开始就支持1种新的网页提速方法:Prerender,开发者使用简单的标签就可以指使浏览器预加载某个页面,当用户真正点击的时候,瞬间就能打开,能极大的提高用户体验。那么什么场景下该使用Prerender?浏览器这边又有什么限制?随之而来的网页统计问题如何解决?

High Performance Browser Networking

Ilya Grigorik在Velocity Europe 2013上的演讲,演讲标题就是他的新书标题:High Performance Browser Networking,内容上可以说是那本书的精华版,深度剖析各种网络的性能及其影响因素,以及你所能做的优化~

Prebrowsing: 给你的网页装上雷达

雷达能够在某些事件发生之前提前捕捉到,如果浏览器也能提前捕捉到用户接下来要去哪里,该有多好?利用各种Prebrowsing的技巧,你的网站在用户眼中可能就是瞬间就加在完成了。Steve Souders总结了各种Prebrowsing技术,并讨论了其与浏览器缓存的区别,以及缓存的局限,非常不错的文章~

如何彻底关闭浏览器表单的Autocompletion

几乎目前市面上的浏览器都提供了表单自动完成功能,不需要自动填充的时候就得把他关掉,大家可能想到的办法就是在Input上设置Autocompletion为off,有些浏览器需要在Form和Input上同时设置Autocompletion为off。但有些浏览器这样设置了还是会自动填充?到底咋回事儿?看看MDN这篇文章的剖析~

详解移动设备单击后的300ms延迟

快速响应是任何UI必备的特质,用户触发操作后100ms给出响应,才会有快的感觉,可是不知道你发现没有,在移动设备上上网时,不管单击什么貌似都慢半拍,准确的说是慢了300ms,这300ms到底是怎么产生的?在需要的时候如何禁用浏览器的这种行为?

A developer's guide to rendering performance

When we look back over the history of web performance we see a heavy focus on reducing the number of requests and getting files to the browser quickly. Our platform has changed a lot, and while optimizing for network performance remains a crucial part of our jobs, we now have to broaden our performance horizons. Our users also expect smooth scrolling, animations and interactions, even on mobile devices. In short we need to deal with not just how quickly our sites and apps load, but also how quickly they run

想看更多类似内容?