白话科普系列——网站靠什么提升加载速度? (zhuanlan.zhihu.com)

【简介】

随着生活节奏的不断加快,时间变得极其宝贵,等待页面加载的时间也随之缩短。这样一来如何留住客户变成了一项重要的考验。而减少页面加载等待时间,加快加载速度,就成了提高用户参与度S,提升业务可靠性的有效策略。

根据 Google 的一项研究,有 40% 的人放弃了某网站,是因为该网站的加载时间超过 3 秒,而页面加载时间增加1 秒,转化就相应减少了 7%。可见,互联网中的每一秒都至关重要。

点击查看原文 >>

@又拍云 2020-12-11 17:07 / 0个评论
赞过的人: @IT技术博客大学习 @又拍云
要不要再学学下面的文章?
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 查看详情
白话 Pulsar Bookkeeper 的存储模型 (crossoverjie.top)
最近我们的 Pulsar 存储有很长一段时间数据一直得不到回收,但消息确实已经是 ACK 了,理论上应该是会被回收的,随着时间流逝不但没回收还一直再涨,最后在没找到原因的情况下就只有一直不停的扩容。

为了防止类似的问题再次发生,我们希望可以监控到磁盘维度,能够列出各个日志文件的大小以及创建时间。

这时就需要对 Pulsar 的存储模型有一定的了解,也就有了这篇文章。
by @技术头条 2024-01-17 23:10 查看详情
缓解 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 查看详情
个人医疗影像资料业余科普 (www.iots.vip)
很多人都去过医院拍过片,医院给到的胶片照片通常不易保存,在有需要查看病情发展或有需求做互联网远程问诊的情况下,就非常不方便。我们可以将数字化的影像资料做保存,已备不时之需。这里 Alliot 查阅了一部分资料,大致做一下介绍。Alliot 非医疗行内人士,因此全文仅与影像资料格式处置思路有关,不涉及任何医学相关内容与建议,可以放心阅读。
by @技术头条 2023-07-30 17:42 查看详情
Systrace 响应速度实战 3 :响应速度延伸知识 (androidperformance.com)
本文是响应速度系列的第三篇,主要是讲在使用 Systrace 分析应用响应速度问题的时候,其中的一些延伸知识,包括启动速度测试、Log 输出解读、Systrace 状态解读、三方启动库等内容。
by @技术头条 2022-08-31 23:12 查看详情
Systrace 响应速度实战 2 :响应速度实战分析-以启动速度为例 (androidperformance.com)
本文是响应速度系列的第二篇,主要是以 Android App 冷启动为例,讲解如何使用 Systrace 来分析 App 冷启动 。
by @技术头条 2022-08-31 23:12 查看详情
Systrace 响应速度实战 1 :了解响应速度原理 (androidperformance.com)
本文是响应速度系列的第一篇,主要是讲响应速度相关的理论知识,包括性能工程概述、响应速度涉及到的知识点、响应速度的分析方法和套路等 。
by @技术头条 2022-08-31 23:12 查看详情
编译的速度与激情:从 10mins 到 1s (www.alloyteam.com)
腾讯文档最近基于刚刚发布的 Webpack5 进行了一次编译的大重构,作为一个多个仓库共同构成的大型项目,任意品类的代码量都超过百万。对于腾讯文档这样一个快速迭代,高度依赖自动化流水线,常年并行多个大型需求和无数小需求的项目来说,稳定且快速的编译对于开发效率至关重要。这篇文章,就是笔者最近进行重构,成功将日常开发优化到 1s 的过程中,遇到的一些大型项目特有的问题和思考,希望能给大家在前端项目构建的优化中带来一些参考和启发。
by @技术头条 2022-07-24 20:50 查看详情