前端优化：BigRender
前言 有对象才叫跨年，没对象叫熬夜。所以，在这没对象的元旦假期的夜里捣弄了一下前端优化的东西。如果你听说过FaceBook，太好了，你肯定是个网 络潮人；如果你还听说过FaceBook的bigpipe，那么你多数和我一样是单身IT猿。很好，那么今天我就说说bigrender吧，你没看 ...
原文：前端优化：BigRender的textarea延迟渲染和关于LABjs的实践
郑昀 前端优化三：BigRender的textarea延迟渲染 淘宝网首页的实践 首页的右侧栏的 全球购 旅行 拍卖 和 二手市场 四个模块，逐一被textarea所包裹。 这部分的特点是，直接把html代码放置入textarea，来做到延迟渲染： 首页最下方的 热卖单品 模块则是把ajax放入textarea，只有屏幕滚动到此处，才会触发下载数据 Append新节点和渲染，通过 kissy的 d ...
2012-07-21 20:47 0 6870 推荐指数：
相关推荐
前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
一、背景：页面为何会卡？ 1.1 等待时间长（性能） 项目本身包/第三方脚本比较大。 JavaScript 执行阻塞页面加载。 图片体积大且多。 特别是对于首屏资源加载中的 ...
浅析渲染引擎与前端优化
Reference: http://blog.csdn.net/john1337/article/details/53579506 本文以 Chrome 浏览器的内核 WebKit（更确切是 WebKit 分支 Blink，以下统称为 WebKit ）为例，对渲染引擎如何展示页面做个简单 ...
前端多数据渲染优化
前言 在前一段时间做一个需求的时候, 碰到一个自定义列表的功能, 他的所有数据显示都是通过 jSON 字符串来存储,使用也是通过 JSON 解析 起先他是有数据上限的, 但是后面提高上限后就出现了卡顿等问题, 所以本文就是介绍一些方案来解决前端大量数据的渲染问题 方案 innerHTML ...
前端性能优化-页面加载渲染优化（未完成）
HTTP 响应里返回给客户端，拿到响应数据的浏览器就可以开始走一个渲染的流程。渲染完毕，页面便呈现给了用 ...
前向渲染和延迟渲染的区别
前向渲染和延迟渲染是两种光照渲染模式。 假设有1个光源和1000个具有光照反射的三角形在view coordinate沿着z轴正方形延伸摆放，法线与z轴平行，即所有三角形xy全相同，只有z不同，但是这里增加一个条件：摆放顺序是无序的。 从屏幕上其实你只能看到一个带光照的三角形，其他的都被挡住了 ...
前端优化之图片延迟加载（lazyload.js）
要想缩短首屏加载时间，思路一般是减少http请求次数和降低每次的请求量。本文中使用现成的lazyload.js插件，文末会放出下载地址。 lazyload.js可以实现图片分批次加载，不是一 ...
Deferred Shading（延迟渲染）
1、简介 在计算机图形学的词典里，Shading表示“对受光物体的渲染”，这个渲染过程包括下面几步[1]： 1） 计算几何多边形（也就是Mesh）。 2） 决定表面材质特性，例如法线、双向反射分布函数（bidirectional ...