Webpack 打包优化之体积篇--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

【简介】

不断探索，持续更新，更全面阐述，如何更好优化Webpack 打包。

由 @杨琼璞 2017-08-07 10:47分享 / 0个评论

面对在线推理服务使用的GPU资源不断增加、GPU利用率普遍较低的挑战，美团视觉研发团队决定通过模型结构拆分和微服务化进行优化，他们提出一种通用高效的部署架构，来解决这种常见的性能瓶颈问题。以“图像检测+分类”服务为例，优化后的服务压测性能指标GPU利用率由40%提升至100%，QPS也提升超过3倍。本文将会重点介绍推理服务部署架构优化的工程实践，希望对大家能有所帮助或启发。

by @技术头条 2023-02-12 14:37 分享查看详情

美团外卖搜索基于Elasticsearch的优化实践 (tech.meituan.com)

美团外卖搜索工程团队在Elasticsearch的优化实践中，基于Location-Based Service（LBS）业务场景对Elasticsearch的查询性能进行优化。该优化基于Run-Length Encoding（RLE）设计了一款高效的倒排索引结构，使检索耗时（TP99）降低了84%。本文从问题分析、技术选型、优化方案等方面进行阐述，并给出最终灰度验证的结论。

by @技术头条 2022-12-18 20:49 分享查看详情

前端性能优化心法 (insights.thoughtworks.cn)

文章从流程方面和具体的技术细节上对软件性能优化上遇到的问题做一些总结和分类，以方便在后续类似的场景下可以提供给开发者一个参考。

by @Thoughtworks 2022-11-25 10:54 分享查看详情

如何基于 Prerender 为 SPA 做 SEO 优化 (quickapp.lovejade.cn)

倾城之链是基于 Vue2 所构建的单页面应用（SPA），这很不利于 SEO，尤其是之于国内搜索引擎。早在项目之初，采取 SSR 方案对代码侵入性高，也不大方便以 SSG 方案处理；于是乎，便在服务端针对搜索引擎爬虫返回预渲染结果，从而做 SEO 优化；本文就此方案做简单分享。

by @杨琼璞 2022-11-23 23:29 分享查看详情

美团搜索粗排优化的探索与实践 (tech.meituan.com)

粗排是工业界搜广推系统的重要模块。美团搜索排序团队在优化粗排效果的探索和实践中，基于业务实际场景，从精排联动和效果性能联合优化两方面优化粗排，提升了粗排的效果。本文介绍了美团搜索粗排的迭代路线、基于知识蒸馏和自动神经网络选择的粗排优化工作，希望为从事相关工作的同学带来一些启发或者帮助。

by @技术头条 2022-09-02 22:59 分享查看详情

美团搜索粗排优化的探索与实践 (tech.meituan.com)

粗排是工业界搜广推系统的重要模块。美团搜索排序团队在优化粗排效果的探索和实践中，基于业务实际场景，从精排联动和效果性能联合优化两方面优化粗排，提升了粗排的效果。本文介绍了美团搜索粗排的迭代路线、基于知识蒸馏和自动神经网络选择的粗排优化工作，希望为从事相关工作的同学带来一些启发或者帮助。

by @技术头条 2022-09-02 22:59 分享查看详情

VS Code 是如何优化启动性能的？ (fed.taobao.org)

本文主要是对 CovalenceConf 2019: Visual Studio Code – The First Second 这次分享的介绍，CovalenceConf 是一个以 Electron 构建桌面软件为主题的技术会议，这也是 VS Code 团队为数不多的对外分享之一(质量较高)，主要分享了 VS Code 是如何优化启动性能的。

by @技术头条 2022-08-19 00:17 分享查看详情

SPA nginx try_files 深度优化 (xuexb.com)

上周有幸帮朋友解决一个线上用户端缓存不更新的问题。问题的表现在项目某次发版后，用户端访问页面提示 JS 报错。报错表明是 JS 返回的是 HTML 代码。
经过一番查看后，发现是用户端在发版的时候有访问过，而像 app.afds320.js 这些 JS 还不存在。命中了 localtion / { try_files } 规则。再加上 CDN 上有些默认的配置，给该 HTTP status 200 的文件加了 cache-control: max-age=7d 的缓存时间。导致用户端只要不强刷新或清缓存，这个文件就在7天内一直有问题了。
这个问题其实就是缓存配置的不合理导致的问题，我们应该适当的利用浏览器缓存、CDN 缓存来优化我们的项目。

by @技术头条 2022-08-18 23:23 分享查看详情

Vue项目打包部署总结 (mp.weixin.qq.com)

使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。

by @code小生 2022-08-07 09:40 分享查看详情

Webpack 打包后代码执行时机分析与优化 (www.alloyteam.com)

代码执行时机将决定着是否能够正常执行，当依赖文件没加载完成就开始执行、使用对应模块，那么将会导致执行异常。这在 “存在资源加载失败时，加载重试影响原来文件的执行顺序” 的场景下尤为常见。

webpack 构建除了进行模块依赖管理，实际上，也天然地管理了 entry 与 chunk 多文件的执行时机，但缺少了对 external 文件管理，当 external 文件加载失败或未完成时，执行、使用对应模块同样将导致异常。为此，wait-external-webpack-plugin 应运而生，以 webpack 插件的形式，补充 external 的执行管理。本文将进行简要说明。

by @技术头条 2022-07-24 21:17 分享查看详情