如何进行 web 性能监控？--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

【简介】

web 的性能一定程度上影响了用户留存率，Google DoubleClick 研究表明：如果一个移动端页面加载时长超过 3 秒，用户就会放弃而离开。BBC 发现网页加载时长每增加 1 秒，用户就会流失 10%。

我们希望通过监控来知道 web 应用性能的现状和趋势，找到 web 应用的瓶颈？某次发布后的性能情况怎么样？是否发布后对性能有影响？感知到业务出错的概率？业务的稳定性怎么样？

点击查看原文 >>

由 @技术头条 2022-06-19 23:05 / 原作者微博：@AlloyTeam / 0个评论

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

基于 Docker 搭建开发环境（一）：数据库+监控 (www.diguage.com)

本文介绍了使用 Docker 构建开发环境的步骤，涵盖 MySQL 数据库配置、Nacos 服务发现与配置管理、Prometheus 监控及 Grafana 可视化。通过 Docker Compose 结构化配置，实现了多组件集成。文章提供了详细的 `docker-compose.yml` 文件示例，并探讨了自动接入监控、应用打包等优化方向，适用于需要集中管理多项开发工具的场景。

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

一种在 Electron 和 Web 环境下显示原生及自定义菜单的通用方法 (innei.in)

在 Electron 和 Web 环境下如何统一展示原生和自定义菜单？本文提供了通用的解决方案，通过封装组件和调用方法，解决了两种环境下菜单交互不一致的问题。如果你正在开发跨平台应用，这篇文章能为你提供实用的开发技巧！

by @技术头条 2024-09-09 23:44 查看详情

如何监控 Nginx (crossoverjie.top)

如何高效监控 Nginx？本文介绍了通过 nginx-prometheus-exporter 和 Cprobe 实现 Nginx 监控的详细步骤，并提供了数据采集和 Prometheus 集成的最佳实践。如果你想提升服务器监控能力，快来阅读这篇实用指南！

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

四种字符串和bytes互相转换方式的性能比较 (colobu.com)

在 Go 中，字符串和字节数组的互转性能是很多开发者关注的问题。本文详细对比了四种转换方式，包括新型 unsafe 方法和 Kubernetes 实现，并通过 Benchmark 测试揭示了它们的性能差异。想要优化你的 Go 项目性能？不妨看看这篇详细的实测分析！

by @技术头条 2024-09-08 23:34 查看详情

从 Prometheus 到 OpenTelemetry：指标监控的演进与实践 (crossoverjie.top)

本文总结了OpenTelemetry中指标的概念与使用。作者介绍了OpenTelemetry如何收集和处理应用程序的性能指标，包括计数器、仪表和直方图等核心概念。文章还讨论了如何在应用中实现这些指标的监控，并通过代码示例展示如何使用OpenTelemetry SDK进行集成。此外，作者分享了将指标数据导出到Prometheus和Grafana进行可视化的步骤。

by @技术头条 2024-08-06 08:07 查看详情

实操 OpenTelemetry：通过 Demo 掌握微服务监控的艺术 (crossoverjie.top)

本文演示了如何使用OpenTelemetry进行应用程序监控。作者通过一个具体的示例展示了如何在应用中集成OpenTelemetry，包括如何配置和使用OpenTelemetry SDK来收集和发送数据。文章还介绍了如何在本地运行OTel Collector，以及如何将收集到的数据发送到Grafana等可视化工具中进行展示。此实践指南为开发者提供了一个全面的入门教程。

by @技术头条 2024-08-06 08:06 查看详情

“测试 Rust 的 I/O 性能” (colobu.com)

这篇文章探讨了在Linux上使用Rust进行文件I/O操作的性能测试。作者通过多种方法对读取大文件进行基准测试，包括使用标准BufReader、Direct I/O、内存映射（Mmap）以及io_uring等技术。结果显示，使用AVX-512指令集的内存映射实现是最快的方法，其读取速度超过8.4 GB/s。文章强调不同技术的性能差异，并提供代码示例供开发者参考。

by @技术头条 2024-08-06 07:51 查看详情

如何用简单的Web方法实现图片的马赛克效果 (www.zhangxinxu.com)

文章介绍了如何通过简单的Web技术实现图片的马赛克效果。作者主要讨论了使用SVG滤镜来实现此效果，尤其是通过使用像<feFlood>、<feComposite>和<feMorphology>等SVG元素。此外，文章还探讨了通过CSS属性image-rendering: pixelated来模拟马赛克效果的方法，即通过放大小图片来达到效果。文中提供了详细的示例和代码片段来帮助实现这些效果。

by @技术头条 2024-08-06 07:48 查看详情

Kubernetes中的事件收集以及监控告警 (jokerbai.com)

随着微服务以及云原生的发展，越来越多的企业都将业务部署运行到Kubernetes中，主要是想依托Kubernetes的可扩展、可伸缩、自动化以及高稳定性来保障业务的稳定性。
然而，Kubernetes本身是一个复杂的管理系统，它既然是作为企业业务的基础设施，其本身以及运行在集群内部的业务系统对于企业来说都变得非常重要。

by @技术头条 2024-05-05 23:22 查看详情

今天才知道，Web网页也能阻止息屏了 (www.zhangxinxu.com)

Chrome和Safari浏览器都支持了名为Screen Wake Lock的API，可以设置Web网页打开的状态下，显示器屏幕不会自动休眠。

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