本篇文章是本人在 2020年时推进公司内部前端工程化所写，在原文的基础上对详细细节、业务场景以及缘由进行了缩减，对于不了解前端工程化的前端开发可进行阅读，从而达到了解工程化的目的，更加详细的内容需要自行查阅资料并学习。

前端页面使用了pingfang字体，10M多，太大了，有什么办法能优化的吗？ font-spider用过了，压缩完过，还是10M多 顺便问下https://www.webfont.com/这个在线的字体库好用么。。。。 还有啥其他的好办法吗？

用户界面设计：手机前端开发主要负责移动应用程序的用户界面设计，需要设计出直观、易用且美观的界面，以吸引和留住用户。用户体验优化：开发者需要确保应用的响应速度、流畅度和交互性，以提升用户体。跨平台兼容性：需要在不同操作系统和设备上保持应用的一致性和稳定性。性能优化：涉及减少应用的加载时间和资源消耗...

gno23x已经推荐了yahoo的前端优化经验总结，推荐使用YSLOW工具，可以快速的给出优化建议，alibench网站也能给出一些建议。 其实核心的原则就是减少HTTP请求，充分挖掘HTTP协议的功能，具体手段就比较多了。

输入url到返回数据 整个流程了解一下？ 整个优化流程：可以做这些事情前端优化35条军规 后端的话，要做的事情也很多，异步，缓存，减少访问请求，多台服务器动态调度设置静态页面，nginx等。

感觉像是前端优化里的，静态请求，多个js、css、图片分别合并成一个，减少请求次数。ajax的多个请求应该是队列请求了。

使用nuxt.js开发项目，页面切换的时候，前端渲染，会等待asyncdata执行完了页面才会加载我希望可以先加载页面，再渲染，不然会有明显卡顿的感觉，不知道有没有办法优化？

1.从用户角度来说，优化能让页面加载的更快，对用户的操作能及时的响应，能提升用户的更好的体验效果。2.从服务商的角度来说，优化能解决页面的请求次数，或者减少请求所带来的带宽。前端优化的方式有很多，主要可以分为两大类；第一种就是页面级的优化：例如 HTTP请求次数，脚本的无阻塞加载，内联脚本优化的问题，第二...

实现数据展示与逻辑功能，最大限度优化功能和体验才是前端做的，谁关心你用什么框架？除非框架是你写的，你牛！

ZooTeam 前端周刊｜第 108 期浏览更多往期周刊，请访问： [链接]微软 VSCode IDE 源码分析揭秘VSCode IDE 源码分析揭秘使用 Vue3 和 TypeScript 重构740+ Star WebSocket 插件听说重构之后被资助尤雨溪的歪果仁点赞了 React Fiber 源码解析_网易云音乐大前端团队 - SegmentFault 思否在 React v16.13 版本中，正式推出了...

最近在搞个web项目，后端给了接口，前端纯走接口的模式。因为刚接触前端3个月，也没有使用一些热门的引擎模板和框架，只在前端用了ajax和jquery库，现在项目的基本功能把它实现了，但是游览的时候刷新整个页面来请求，游览非常不友好，看起来很鬼畜。然后让我想办法解决优化下。因为是html+css+js把header和footer也是用...

简介：前端的本质价值是什么？作者认为是给用户创造良好的交互体验和抵达率优化应该在转化率之前。那么本文就将和大家分享基于业务驱动的前端性能有效实践案例。

从我个人角度理解，前端工程化是前端开发的一种思维方式，是针对前端开发过程中所遇到的一系列问题的解决方案，如：组件化、软件质量、可维护性、团队协作、开发效率、测试效率、构建效率、自动化等。

渲染性能的主要评判指标是FMP与TTI，在 React Native 以跨平台前端框架身份逐步替代 Native 原生界面的同时，两者的渲染性能对比也逐渐浮出水面。

目前一个项目，有展示图表功能，一条计算(有很多计算，结果跟初始设置参数相关)大概几千个case，每个case结果文件类似csv，大概300-500MB。因为文件较多且较大，直接存OSS对象存储。现在处理逻辑，根据前端参数，下载相应case文件，然后解析成json，返回前端进行展示。但整个过程相当慢！有啥好的优化方案？