前端优化
6篇文章 · 0订阅
  • 2018 前端性能优化清单
    推荐大家时间充裕的话可以自己阅读英文原文，此文是根据掘金翻译的四篇文章 + 其他的翻译文章 + 自己翻译修改得出的。因为翻译大家懂得，会有一些错误的地方，欢迎大家指出，本人不保证翻译没有错误，但已经尽力去翻译了，所以欢迎大家直接阅读英文原文！！欢迎大家直接阅读英文原文！！欢迎大…
    JavaScript HTTP 掘金翻译计划
    2018 前端性能优化清单
  • 单页式应用性能优化 - 首屏数据渐进式预加载
    针对首页和部分页面打开速度慢的问题，我们开始对单页式应用性能进行优化。本文介绍其中一个方案：基于 HTTP Chunk 的首屏数据渐进式预加载方案，该方案总体减少了单页应用 1.2s 的首屏呈现时间。同时对比其与同构渲染方案的异同。
    前端
    单页式应用性能优化 - 首屏数据渐进式预加载
  • 浏览器页面资源加载过程与优化
    当浏览器截获到一个页面请求后，将会按照顺序做如下图所示的4件事。 首先会将所有需要加载的资源进行分类。 然后根据浏览器相关的安全策略，来决定资源的加载权限。 接着对各个资源的加载优先级进行计算和排序。 最后一步，根据加载优先级顺序来加载资源。 chrome浏览器会将资源分为14…
    浏览器 JavaScript 安全
  • 全新Chrome Devtools Performance使用指南
    运行时性能表现（runtime performance）指的是当你的页面在浏览器运行时的性能表现，而不是在下载页面的时候的表现。这篇指南将会告诉你怎么用Chrome DevToos Performance功能去分析运行时性能表现。在RAIL性能评估模型下，你可以在这篇指南中可以…
    Chrome 前端 JavaScript
  • 浏览器渲染流水线解析与网页动画性能优化
    若干年前，我写过一篇介绍浏览器渲染流水线的文章 - How Rendering Work (in WebKit and Blink)，这篇文章，一来部分内容已经过时，二来缺少一个全局视角来对流水线整体进行分析，所以打算重新写一篇新的文章，从一个更高抽象层次和高度简化的方式对浏览…
    Chrome JavaScript WebGL
  • [译] 无尽滚动的复杂度 -- 来自 Google 大神的拆解
    原文地址：https://developers.google.com/web/updates/2016/07/infinite-scroller 原文作者：Surma 译者：王芃 摘要: 重用你的 DOM 元素以及删除那些远离可视范围的元素。为延迟显示的元素使用占位符。这里是一个无尽滚…
    JavaScript 设计模式 程序员
    [译] 无尽滚动的复杂度 -- 来自 Google 大神的拆解