网站 |文档 |更新日志 |乳齿象
欢迎使用sitespeed.io
,这是一款专为所有热衷于网络速度的人设计的综合网络性能工具。无论您是开发人员、网站所有者,还是只是对网站性能感兴趣的人, sitespeed.io
都提供了一种强大且用户友好的方法来分析和优化您的网站。
sitespeed.io
不仅仅是一个工具;它是衡量、监控和提高网站性能的完整解决方案。它在构建时考虑到了简单性和效率,它使您能够:
有关何时使用sitespeed.io
用例。
sitespeed.io
都能满足您的需求。sitespeed.io
融入您的开发工作流程、持续集成系统和监控设置中。 我们在文档中投入了无数的时间来帮助您充分利用sitespeed.io
。从安装指南到高级使用场景,我们的文档是信息和技巧的宝库。
sitespeed.io
的入门非常简单。您可以使用 Docker 或 NodeJS 安装它,具体取决于您的偏好和设置。请按照以下简单步骤开始优化您网站的性能。
使用 Docker 是开始使用sitespeed.io
最简单方法,特别是如果您不想手动处理依赖项。运行以下命令以在 Docker 容器中使用sitespeed.io
:
docker run --rm -v " $( pwd ) " :/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/
此命令会拉取最新的 sitespeed.io Docker 映像并在 sitespeed.io 网站上运行测试。 -v "$(pwd)":/sitespeed.io部分将当前目录挂载到容器中,使您可以轻松访问测试结果。
如果您更喜欢将sitespeed.io
安装为 npm 包,请确保您的系统上安装了 NodeJS。然后,使用 npm 全局安装sitespeed.io
:
npm i -g sitespeed.io
安装后,您可以通过运行以下命令开始使用 sitespeed.io:
sitespeed.io https://www.example.com
将 https://www.example.com 替换为您要测试的 URL。请注意,使用 NodeJS 可能需要额外的依赖项,例如 FFmpeg 和 Python。可以在此处找到这些依赖项的详细安装说明。
选择最适合您环境的方法,并准备好通过 sitespeed.io 深入研究 Web 性能优化!
sitespeed.io
专为用户友好而定制,无论您的技术专业知识如何,都可以进行 Web 性能测试。这是一个简单的指南,可帮助您开始网络性能优化之旅。
要开始测试您的网站,只需使用您要分析的网站的 URL 运行sitespeed.io
即可。例如:
sitespeed.io https://www.example.com --browser chrome -n 5
此命令使用 Chrome 测试 https://www.example.com 并执行 5 次测试迭代。这种方法有助于通过多次测试站点来获得更准确的中值性能测量。
sitespeed.io 提供了广泛的配置选项,可以根据您的特定需求定制测试。您可以指定不同的浏览器、调整连接设置等等。有关所有可用选项的完整列表,请访问我们的配置文档。
此外,要快速概览所有命令行选项,您可以运行:
sitespeed.io --help
此命令显示可与 sitespeed.io 一起使用的所有可用标志和设置,帮助您微调性能测试以满足您的独特要求。
无论您是进行快速检查还是详细分析,sitespeed.io 都能提供您深入了解和提高网站性能所需的灵活性和强大功能。
在当今移动优先的世界中,确保您的网站在智能手机和平板电脑上以最佳性能运行至关重要。借助sitespeed.io
,您可以模拟和分析网站在移动设备上的性能,帮助您了解和改善移动受众的用户体验。
要开始测试网站的移动性能,您需要设置手机进行测试。我们提供了有关设置 Android 手机和 iOS 的文档。
设置就绪后,您可以在 Android 手机上运行测试。
sitespeed.io https://www.example.com --android
sitespeed.io
提供富有洞察力的 HTML 报告,帮助您可视化和了解网站的性能。以下是一些示例来说明您可以实现的目标:
以下是 HTML 格式的摘要报告示例,全面概述了您网站的性能指标:
该报告包括加载时间、页面大小和请求计数等关键性能指标,让您快速了解网站的整体运行状况。
为了更详细的分析,这里有一个单独的页面报告:
该报告深入探讨了单个页面的性能,提供了脚本、渲染和网络活动等方面的指标,这对于确定特定的改进领域至关重要。
要监控您的网站随着时间的推移的性能,请查看我们在仪表板.sitespeed.io 上的实时设置,该设置将sitespeed.io
与 Graphite 和 Grafana 集成在一起。
从 Graphite/Grafana 中可视化的 URL 收集的指标:
此设置允许持续跟踪性能,帮助您识别趋势和潜在问题。
Grafana 中随时间变化的趋势提供了站点性能的长期视图:
借助这些见解,您可以做出有关优化的明智决策并跟踪所做更改的影响。
对于视觉反馈, sitespeed.io
可以生成视频,让您更轻松地实时查看网站的加载情况。这是一个示例视频:
使用 Docker 可以轻松完成视频分析,并提供有关用户体验的独特视角,突出显示需要关注的领域。
我们欢迎社区的贡献!无论您是修复错误、添加功能还是改进文档,您的帮助都是有价值的。您可以通过以下方式做出贡献:
在贡献之前,请阅读我们的 CONTRIBUTING.md,了解有关如何贡献的更多详细信息。
发现错误或有功能请求?请使用 GitHub 问题来报告它们。请务必检查现有问题以避免重复。
加入我们的社区!无论您需要帮助、想要分享您的经验还是讨论潜在的改进,都有多种参与方式:
我们很高兴您加入我们的社区,并期待您的贡献和互动!
麻省理工学院许可证 (MIT)。