前端优化方案
15篇文章 · 0订阅
  • 十分钟上手chrome性能分析面板
    chrome 的开发者工具中提供了很多高效工具方便我们对页面进行性能分析.之前自己只用着一些基本的功能, 最近详细的过了一下官方文档,特别是 performance 面板(大部分都是之前的Timeline面板) 的使用(需要相对新一些的chrome浏览器版本). 如果勾选了 m…
    Chrome 前端 图片资源
  • 网站性能优化实战——从12.67s到1.06s的故事
    ——本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。 作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动…
    性能优化 服务器
    网站性能优化实战——从12.67s到1.06s的故事
  • 让老板虎躯一震的前端技术，KPI杀手
    天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…
    前端
  • 前端性能优化之浏览器渲染优化 —— 打造60FPS页面
    前言 本文整理自：developers.google.cn 及 高性能JavaScript，再加上了一些个人对其中提到的知识点的理解与补充。前端性能优化涉及很多方面，本文仅针对高性能渲染进行分析。
    浏览器 JavaScript 前端
  • 前端性能优化的常用手段
    反正，前端性能优化就是很重要，不好好学习怎么进阶到20K+的薪水啊？！ 性能优化方面一直有所关注，但如果不去对自己所负责的项目进行一下回锅，实践实践，优化优化，总会有点“书上得来终觉浅”的感觉吧！ 从最开始的CSS放到<head>里面、js放到</body>前面、使用雪碧图等，到…
    前端
  • 70%以上业务由H5开发，手机QQ Hybrid 的架构如何优化演进？
    随着前端开发的兴起，QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时，QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面，受到了更多的挑战。在快速的Web运营节奏下，必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题…
    前端
  • CSS @font-face性能优化
    本文主要介绍字体加载优化的常用策略，大部分内容为引用和翻译。 这样就可以使我们的网页用上自定义字体了。 除了font-family 和 src属性之外，还拥有font-style以及font-weight属性。 src可以指定多种字体，会按顺序依次适用，比如上面的示例中会先加载…
    CSS 前端
  • 前端离线化探索
    某天，小明同学突然反馈 ：“昨晚发现根本无法使用你们的应用... ....怎么回事呢”。我和我的小伙伴们立马惊呆了，心想：“老司机多年的经验有一种预感，那就是同学你使用姿势不正确...（此处省略300字）”。 然后默默排查了许久，答案竟然是： “小明昨晚在飞机上”。 为了以后能…
    前端
  • 2018 前端性能检查表
    众所周知，性能十分重要。然而，我们真的知道性能瓶颈具体在哪儿吗？是执行复杂的 JavaScript，下载缓慢的 Web 字体，巨大的图片，还是卡顿的渲染？研究摇树（Tree Shaking），作用域提升（Scope Hoisting），或是各种各样的与 Intersection…
    浏览器 JavaScript 前端
    2018 前端性能检查表