性能优化
18篇文章 · 0订阅
  • 前端性能优化 24 条建议（2020）
    性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …
    前端 性能优化 JavaScript
  • [译] 2019 前端性能优化年度总结 — 第三部分
    让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 17. 使用 Brotli 或 Zopfli 来对纯文本内容进行压缩 18. 使用响应式图像和 WebP 19. 图像是否已经被适当优化？ 20. 视频是否已经被适当优化? 21. …
    前端 性能优化
    [译] 2019 前端性能优化年度总结 — 第三部分
  • 轻松实现 Web 性能优化
    这是一篇关于性能优化的文章，是一篇非常值得你阅读的文章，文章的内容非常丰富，大概你花5-10分钟阅读。 在过去的一年里，我们忙于试图弄清楚如何让网络更快、更高效。因此就有了我们希望在本文中与你分享的新工具，方法和库。在第一部分中，我们将向你展示我们在开发 The Oodles …
    Google CSS JavaScript
    轻松实现 Web 性能优化
  • 前端黑科技：美团网页首帧优化实践
    自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…
    前端 Node.js JavaScript
  • 优秀前端必知的话题：我们应该做些力所能及的优化
    在 Web 应用开发过程中，我们经常谈及到的就是优化，而优化往往又是既简单而又复杂的过程，优化这个命题很广，最终体现出来的都是用户体验问题，我们一切优化都是为了用户体验。 为什么说简单？在现代 Web 开发生态中，有非常优秀的工具链帮助我们做一些很实际的优化工作，例如 webp…
    CSS 前端 Webpack
  • 前端骨架屏方案小结
    最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家. 骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面，补充…
    前端 SVG React.js
  • 原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的
    hello~各位亲爱的看官老爷们大家好。估计大家都听过，尽量将CSS放头部，JS放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（b…
    CSS JavaScript
  • 前端性能优化的常用手段
    反正，前端性能优化就是很重要，不好好学习怎么进阶到20K+的薪水啊？！ 性能优化方面一直有所关注，但如果不去对自己所负责的项目进行一下回锅，实践实践，优化优化，总会有点“书上得来终觉浅”的感觉吧！ 从最开始的CSS放到<head>里面、js放到</body>前面、使用雪碧图等，到…
    前端
  • [译] 2019 前端性能优化年度总结 — 第一部分
    让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 早些时候，性能都是所谓的“后顾之忧”。直到项目快结束的时候，它会被归结为代码压缩（minification）、拼接（concatenation）、静态资源优化（asset optim…
    掘金翻译计划 前端 JavaScript
  • 这份优化清单，你都做了吗？
    大家好，这里是@IT·平头哥联盟，我是首席填坑官——苏南(South·Su)，今天是国庆节的第二天，这个假期没有外出(不要问我为什么，自己脑补～😭)，前些天分享了一篇前端面试汇总的文章，有些同学在群里问了其中的一些细节，其中大家最关心的性能优化这块，今天整理了公司项目中的一些…
    前端
    这份优化清单，你都做了吗？