初级前端小程序项目加载速度优化--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

【简介】

初级前端小程序项目加载速度优化 https://zhuanlan.zhihu.com/p/32611486

由 @极乐科技官微 2018-01-04 12:04 / 0个评论

本文整理自美团技术沙龙第80期《美团内容智能分发的算法实践》，分享内容主要包括三部分。第一部分介绍了大众点评内容搜索的场景特点以及面临的挑战；第二部分介绍了为应对这些困难和挑战，技术团队在链路各环节上做的实践优化，包括内容消费和搜索满意度的优化等等；第三部分是总结和对未来的展望。

by @技术头条 2024-03-31 21:14 查看详情

NextJS/React 加载远程组件 (innei.in)

写过文档的大佬们都知道 MDX 这个东西，对原本的 Markdown 进行了扩展，可以在 Markdown 中直接使用框架组件（React，Vue 等等）。
现在也有很多静态生成的博客使用 MDX 去编写博文，在博文中内嵌了 React 组件，在一些需要交互式的场景中，在传统的 Markdown 只能展示内容，而使用了组件就可以把死的文字变活。
MDX 的原理是在项目构建时，解析 Markdown 抽象语法树，把引入的组件进行了编译，然后嵌入到了文章内部。
而使用 MDX，就必须要引入编译时。而对于 CMS 类型的博客网站，因为内容都是动态生成的，就无法使用 MDX。
那么有没有办法去想一个歪路子去实现呢。

by @技术头条 2024-03-13 13:21 查看详情

缓解 Flarum 图片加载时的布局偏移 (zgq.ink)

现代的 Web 开发中，CLS（Cumulative Layout Shift）是一个关键的性能指标，它主要关注用户在 Web 网页的使用中，发生意外布局偏移（Layout Shift）、影响用户体验的情况。导致 Layout Shift 的因素很多，这里主要讨论的是图片加载过程的影响。

by @技术头条 2024-01-28 23:56 查看详情

前端工程师后端快速手册 (54chen.com)

作为前端工程师，拥有一定的后端知识是非常重要的。在日益复杂的Web应用开发中，前端工程师需要更全面地了解后端领域，包括数据库管理、安全性、Web框架的使用、AOP编程思想以及常见语言和框架的特性。本手册将为你提供一个简要但全面的后端知识概览，帮助你更好地理解后端开发的关键要点。

by @技术头条 2024-01-13 23:43 查看详情

后端工程师现代前端快速手册 (54chen.com)

大多数后端老人都会错过Node这一波的技术变化，还停留在JQuery的时代无法自拔，但实际上，前端发展已经日新月异，本文将从React和Vue的历史背景、基础原理、项目重要文件、常用知识等几个角度进行由潜入深的介绍，目的是使任何一位拥有后端开发经验的同学都可以快速上手前端开发，成为一名全栈开发人员。

by @技术头条 2024-01-13 23:43 查看详情

SQL优化(3)-索引与优化原理(上) (example.com)

这一篇我们回归现实中的MySQL数据库，初步学习具体的SQL优化原则，并尝试从索引底层原理出发，分析为什么会有那么多的“规则”。

by @技术头条 2024-01-13 23:28 查看详情

SQL优化(2)-索引与B+树 (example.com)

对于60%的程序员而言，Java的三层架构Controller、Service、Dao可以说是“越往后走天越黑”，特别是到了Dao层，提着灯笼也只能看到脚边一米开外的河边小石子，只闻对岸风啸马嘶却不知到底是人是鬼，只能借着MyBatis或JPA这些ORM框架隔着宽宽的河举行一场又一场的刺刀战，你砍我一刀，我刺你一剑。

诚然，很多人对MySQL数据库的印象就是一个模糊的大铁柜，闭上眼睛深吸一口气仿佛还能嗅到一股铁锈味。只知柜子里藏着很多张表，表里面存着很多行数据，再详细一点的呢？不知道。

MySQL有太多太多细节，根本无法用四、五篇文章说透，但我仍希望这个系列的文章能成为非常好的入门教程，让从来没接触过SQL优化的同学也能快速建立较为系统的知识框架，方便日后学习其他专栏时进一步拓展。

by @技术头条 2024-01-13 23:28 查看详情

缓解 Flarum 图片加载时的布局偏移 (zgq.ink)

现代的 Web 开发中，CLS（Cumulative Layout Shift）是一个关键的性能指标，它主要关注用户在 Web 网页的使用中，发生意外布局偏移（Layout Shift）、影响用户体验的情况。导致 Layout Shift 的因素很多，这里主要讨论的是图片加载过程的影响。

by @技术头条 2023-11-29 23:32 查看详情

聊聊Web网页中资源加载的优先级 (www.zhangxinxu.com)

通过调整或设置资源加载的优先级或者先后顺序，可以让页面重要的资源优先加载，让不重要的内容之后加载，以提高页面的访问体验。

通过文中的视频比较显示了 Google 机票页面，其中加载了使用和不使用“提取优先级”加载的 LCP 背景图片。将优先级设置为“高”后，LCP 时间从 2.6 秒缩短到 1.9 秒。

by @技术头条 2023-10-30 23:06 查看详情

新手如何快速参与开源项目 (crossoverjie.top)

这半年时间大大小小提了十几个 PR ，也逐渐捋清楚了一些上手的方法和套路，所以如果你也想参与开源，但苦于不知道如何入门，看完后希望对你有所帮助。

by @技术头条 2023-08-18 23:00 查看详情