前端性能优化
8篇文章 · 0订阅
  • 借助webpack对项目进行分析优化
    由于项目过于庞大，老旧。目前项目包含了打包过慢，冗余文件过多等诸多问题。文章中会一步步介绍我是如何通过webpack进行分析，定位并解决这几点问题的。告别刀耕火种，向坏代码说再见！
    Webpack JavaScript Vue.js
    借助webpack对项目进行分析优化
  • 鸟瞰前端 , 再论性能优化
    1.0时代没什么说的，html、css打天下的时代，那个时候你会用js开发个计算器就牛逼到不行。2.0时代是最好的时代，新技术、新思想蓬勃发展，堪称前端的工业革命，前端人员的地位得到了充分认可，门槛也有一定的提升。前端性能优化的涉及点从服务器到协议再到宿主环境本身都要有比较深刻…
    前端 浏览器 服务器
  • 代码快不快？跑个分就知道
    上一回，笔者介绍了 Navigation Timing 和 Resource Timing 在监控页面加载上的实际应用。 这一回，笔者将带领大家学习 Performance Timeline 和 User Timing 标准，并使用相应的 API，给前端代码“跑个分”。 真…
    前端 GitHub 360
  • 嗨，送你一张Web性能优化地图
    本文作者是来自360导航的前端开发工程师 Berwin，W3C 性能工作组成员，同时也是《深入浅出Vue.js》（待出版）的作者。 本文转载自奇舞周刊。
    前端
    嗨，送你一张Web性能优化地图
  • GMTC 大前端时代前端监控的最佳实践
    本文为2018年6月21日，在北京举办的GMTC(全球大前端技术大会)，下午性能与监控专场，由阿里云前端监控团队前端技术专家彭伟春带来的演讲稿，现场反馈效果非常好，地上都坐了三圈，很多人反馈根本无法挤进去。先上现场照。 先做一个自我介绍，我叫彭伟春，英文名是Holden, 阿里…
    前端 浏览器 JavaScript
  • 什么是关键 CSS ？
    网络速度很慢，但是有一些简单的策略可以使网站变快。其中之一就是 将关键的css内联插入到网页的<head>标签, 但是，如果您的网站包含数百页，甚至更糟糕的是包含数百种不同的模板，那么你该怎么做呢？ 你不能手动做这件事。
    CSS Grunt 单元测试
  • web前端资源文件的部署和优化
    现在网上也有很多关于前端文件加载的性能优化，我相信大部分的前端程序猿，应该都听说过雅虎的14条优化原则 1. 尽可能的减少 HTTP 的请求数 content 2. 使用 CDN（Content Delivery Network） server 3. 添加 Expires 头(或…
    前端 浏览器 CDN
    web前端资源文件的部署和优化
  • 前端插拔式 SPA 应用架构实现方案
    随着互联网云的兴起，一种将多个不同的服务集中在一个大平台上统一对外开放的概念逐渐为人熟知，越来越多与云相关或不相关的中后台管理系统或企业级信息系统曾经或开始采用了这种「统一平台」的形式。同时，前端领域保持着高速发展，早期的 jQuery+Backbone+Bootstrap 的…
    React.js 前端 APP
    前端插拔式 SPA 应用架构实现方案