23个提高网站性能的开发工具

在处理性能时，很难记住所有可能在开发过程中帮助您的工具。为此，我们列出了23个性能工具供您参考。有些你可能听说过，有些可能没听说过。有些已在我们的性能月，其他的还有待于以后的文章中讨论;但这些都非常有用，应该成为你的武器库的一部分。

客户端性能工具

1.用谷歌测试你的移动速度

谷歌's Test My Site是谷歌提供的一个在线工具，由流行的网站性能工具提供支持WebPageTest.org．

你可以在现场可视化你的报告，也可以通过你的电子邮件地址发送给你。

该工具让你的网站加载时间(或速度指数)计算使用Chrome浏览器Moto G4设备在3G网络。它也给你估计百分比的访问者损失由于加载时间。除此之外，它还:

• 将您的网站速度与您所在行业中表现最好的网站进行比较
• 给你顶部修复，可以帮助你加快你的网站加载时间。

2.SiteSpeed.io

SiteSpeed.iois an open-source tool — or a set of tools — that can help you measure your website performance and improve it.

• 教练:根据最佳实践为您的网站提供性能建议和修复。
• Browsertime:从浏览器中收集指标和HAR文件。
• Chrome-HAR:用于比较HAR文件。
• PageXray:提取不同的指标(从HAR文件)，如大小，请求的数量，等等。

你可以使用npm安装这些工具:

npm安装sitespeed。IO -g站点速度。io——帮助

或码头工人:

Docker run——shm-size＝1g rm -v＂$ (松材线虫病）＂: / sitespeed。io sitespeedio / sitespeed。io https://www.sitespeed.io/——video——speedIndex

3.谷歌的灯塔

Lighthouse是一个用于运行审计以提高网页质量的开源工具。它集成到Chrome的DevTools中，也可以作为Chrome扩展或基于cli的工具安装。它是衡量、调试和改进现代客户端应用程序(尤其是PWAs)性能不可或缺的工具。

您可以从Chrome网络商店．

或者你可以从npm安装灯塔，在你的系统上:

npm安装- g灯塔

然后运行它:

灯塔<url>

您可以通过编程方式使用Lighthouse构建自己的性能工具或用于持续集成。

确保检查这些基于lighthouse的工具:

• webpack-lighthouse-plugin: Webpack的Lighthouse插件
• treo:灯塔作为个人免费计划的服务。
• calibreapp:一个付费服务，基于灯塔，帮助您跟踪，理解和提高性能指标使用真正的谷歌Chrome实例。
• lighthouse-cron:一个模块，可以帮助您跟踪您的灯塔分数和指标加班。

我们已经深入了解了灯塔PWA业绩月岗．

4.Lightcrawler

你可以使用Lightcrawler来抓取你的网站，然后运行通过Lighthouse找到的每个页面。

首先通过npm安装工具:

npm安装——save-dev lightcrawler

然后通过提供目标URL和JSON配置文件从终端运行它:

lightcrawler——url<url>——配置lightcrawler-config.json

配置文件可以是这样的:

｛“扩展”：“灯塔:违约”，“设置”：｛“爬虫”：｛“maxDepth”：2，“maxChromeInstances”：5｝，“onlyCategories”：［“性能”，］，“onlyAudits”：［“第一”，“time-to-interactive”，“user-timings”］｝｝

5.YSlow

YSlow是一个JavaScript bookmarklet，可以添加到您的浏览器，并在任何访问的网页上调用。这个工具分析网页，并帮助您发现基于雅虎高性能网站的规则缓慢的原因。

你可以通过拖拽书签工具到浏览器的书签栏来安装YSlow。查找更多信息在这里．

6.GTmetrix

GTmetrix是一个在线工具，可以让你了解你的网站的性能(完整加载时间，总页面大小，请求数量等)，并提供如何优化它的实用建议。

7.页面的性能

页面性能是一个Chrome扩展，可用于运行一个快速性能分析。如果打开了许多选项卡，则扩展将在活动选项卡上调用。

8.AMP项目

AMP(加速移动页面)项目是一个开源项目，旨在使网络更快。AMP项目使开发人员能够在所有平台(桌面浏览器和移动设备)上创建快速、高性能和出色的用户体验的网站。

AMP项目本质上有三个核心组成部分:

• AMP HTML:它是HTML，但有一些限制，以保证可靠的性能。
• AMP JS:一个JavaScript库，负责渲染AMP HTML。
• AMP缓存:用于缓存和传递有效AMP页面的内容分发网络。您可以使用工具，如AMP验证器或amphtml-validator检查您的页面是否是有效的AMP页面。

一旦您将AMP标记添加到您的页面，谷歌将自动发现它们并缓存它们以通过AMP CDN发送它们。你可以从在这里如何创建您的第一个AMP页面。

代码级性能工具

9.Dust Me选择器

Dust Me Selectors是一个浏览器扩展，可以帮助您发现和删除web页面中未使用的CSS选择器。它扫描所有样式表，然后将找到的选择器组织为已使用和未使用的选择器，这将告诉您在扫描的页面上使用或未使用哪些CSS。

10.《阁楼》

顶层是一个关键路径CSS生成器，它允许您获得渲染所需的CSS折叠线上面指定页面的内容。您只需要指定网站的完整CSS文件和目标页面。

你可以用npm安装Penthouse:

npm安装《阁楼》

这个工具还有一个在线版本。

要获得此工具的改进付费服务，请确保看看这个．

11.至关重要的

Critical是一个Node.js工具阿迪他帮助您在HTML页面中提取和内联关键路径CSS。你可以从npm安装它:

npm安装-g关键关键测试/夹具/index.html——基本测试/夹具>critical.css

Critical可以用作CLI工具，也可以与Gulp等构建系统集成。

12.Optimize-js

您可以使用optimize -js优化JavaScript代码，通过将立即调用的函数包装在圆括号中来实现更快的初始加载。

这个工具可以从npm安装:

npm安装- g optimize-js

然后你可以通过你的CLI使用它:

optimize-js input.js>output.js

13.图像优化工具

ImageOptim

ImageOptim是一款免费的Mac开源应用程序，可以优化图像大小。它也可以作为付费在线服务．

Pngcrush

Pngcrush是一个免费的开源PNG优化器，适用于Windows和Linux。

Trimage

Trimage是一个跨平台的免费工具，用于无损优化PNG和JPG文件。

服务器端性能工具

14.Apachetop

Apachetop是一个受前基于mytop它可以用来监视Apache web服务器的性能。它可以用来显示当前处理的写、读和请求的数量。

对于基于debian的系统，您可以使用apt安装apachetop:

sudoapt-get安装apachetop

对于基于Red Hat和centos的系统，启用EPEL存储库来安装apachetop，然后使用yum包管理器:

sudo百胜是安装epel-releasesudo好干净sudoYum -y updatesudo百胜是安装apachetop

然后你可以通过提供Apache服务器的日志文件来使用它:

Apachetop -f /var/log/apache2/access.log

请确保您具有读取日志文件的权限。

15.Ngxtop

Ngxtop是一个基于Python的top-like工具，它可以解析你的Nginx服务器访问日志，并输出重要的指标，如活动请求、按状态码计算的总请求、顶级远程ip和实时发送的平均字节数。Ngxtop也可以用来解析Apache的访问日志。

下面是Ngxtop的默认输出示例:

确保你的系统上已经安装了Python和PIP包管理器，然后运行以下命令来安装Ngxtop:

皮普安装Ngxtop Ngxtop -h

你也可以看看这些类似的工具:

• Ngx-top:使用Haskell构建的Ngxtop的替代方案。
• Luameter:一个用于Nginx的商业Lua模块，为实时监控Nginx提供关键性能指标。

16.uptime-cli

uptime - CLI是一个CLI工具，用于监控您的网站的正常运行时间正常运行时间机器人API．

你可以从npm安装这个工具:

npm安装- g uptime-cli

SQL性能工具

17.Tuning-primer

tuning -primer是一个现代MySQL性能调优Bash脚本MySQL版本5.5或以上。

它是基于MySQL性能调优入门脚本版本1.6-r1．

wgethttps://github.com/RootService/tuning-primer/blob/master/tuning-primer.sh修改文件权限+ x tuning-primer.sh

18.MySQLTuner

MySQLTuner是一个用Perl编写的脚本，它分析MySQL服务器的性能，然后根据它找到的信息向您显示建议。这些建议只是配置变量的调优(在/etc/mysql/my.cnf文件)，使MySQL服务器更有效地工作。

您可以从这里获取MySQLTuner脚本mysqltuner.com使用这样的工具wget：

wgethttp://mysqltuner.com/mysqltuner.pl修改文件权限+x mysqltuner.pl ./mysqltuner.pl——help

19.Mytop

Mytop是一个类似于top的CLI工具，用于通过连接到服务器并定期运行两者来显示MySQL服务器性能显示processlist而且显示状态命令。然后它总结信息。

对于基于debian的系统，您可以使用apt-get安装mytop:

sudo百胜是安装epel-releasesudo好干净sudoYum -y updatesudoapt-get安装mytop

对于基于Red Hat和centos的系统，启用EPEL存储库来安装Mytop，然后使用yum包管理器:

sudo百胜安装mytop

20.SQLBenchmarkPro

SQLBenchmarkPro是一个免费的云服务，可以远程监控您的数据库和SQL服务器，适用于大小企业。它通过在本地安装SQLBenchmarkPro代理来工作，该代理将持续监视服务器的性能和运行状况。

负载测试工具

21.Apache JMeter

Apache JMeter是Apache软件基金会的Stefano Mazzocchi用Java构建的开源工具。它可以用于负载测试和性能测量。

由于JMeter是用Java构建的，所以它可以在所有主要平台上使用，如Windows、Linux和macOS。

确保安装了Java，然后转到这个页面下载JMeter。然后，可以在GUI模式、服务器模式或命令行模式中从不同的脚本启动JMeter箱子文件夹中。

22.磨床

Grinder是一个使用Java构建的负载测试框架，可用于在许多负载注入器机器上运行分布式负载测试。这是一个开源工具bsd风格的许可证．

您可以使用Grinder加载测试任何东西，从HTTP服务器到SOAP服务和REST api，还可以加载CORBA、RMI、JMS和ejb等应用程序服务器。

您可以使用强大的脚本语言，例如Jython而且关闭．可以从官方那里找到更多信息SourceForge页面．

Grinder是免费下载的SourceForge.net．

23.加特林

Gatling是一个负载测试工具，您可以使用它来负载测试您的web应用程序，通过使用几台机器每秒模拟数千个请求。

属性可以为加特林编写脚本Scala语言以及一种简单的DSL语言，可以满足您的大部分需求。

您可以从官方Gatling网站下载Gatling，然后只需解压缩包，并从中的各种脚本运行该工具箱子文件夹中。

总结

这个列表远远不是完整的，所以如果你有任何首选的工具来分析或调优你的web应用程序的性能，请联系我推特！