白话科普系列——网站靠什么提升加载速度？--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

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

【简介】

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

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

点击查看原文 >>

由 @又拍云 2020-12-11 17:07 / 0个评论

赞过的人： @IT技术博客大学习 @又拍云

多方式防止网站被镜像 (dusays.com)

本文提供了多种方法来防止网站被镜像，包括使用 JavaScript 检查域名有效性、设置 `X-Frame-Options` 和 `Content-Security-Policy` 防止嵌入、限制访问频率、过滤爬虫请求，以及强制 HTTPS 加密。通过分析访问日志识别异常流量，这些措施可有效降低网站被恶意镜像的风险，提升资源的安全性和访问控制。

by @技术头条 2024-11-02 16:54 查看详情

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 查看详情