fucking awesome wpo

很棒的WPO

欢迎使用策划的Web性能优化资源列表。该存储库旨在收集与优化网站性能有关的最佳工具，文章，博客，书籍和演讲。无论您是开发人员，设计师还是性能爱好者，您都会在这里找到有价值的内容，以增强您的网络项目。

类别

很棒的WPO /文章

？很棒的WPO /博客

很棒的WPO /书籍

很棒的WPO /文档

？很棒的WPO /活动

？很棒的WPO /谈话

目录

这是此集合中涵盖的类别的快速概述：

• 分析仪
• 分析仪API
• 应用程序性能监控
• 捆绑分析仪
• 基准-CSS
• 基准-JS
• 基准-PHP
• 书签
• CDN
• CDN-监视器
• CDN-实用程序
• 扩展
• 图像优化器
• 发电机
• Lazyloaders
• 装载机
• 指标监视器
• Minifiers HTML
• Minifiers JS＆CSS
• 各种各样的
• SVG
• Web组件
• Web服务器基准
• Web服务器模块
• 规格
• 统计
• 其他很棒的列表
• 贡献

文章

转到文章。

博客

去博客。

图书

关于WPO的最佳书籍

• ？ HTTP/2在Barry Pollard的动作中-Barry Pollard
• ？杰里米·瓦格纳（Jeremy Wagner）的网络表演 - 杰里米·瓦格纳（Jeremy L. Wagner）
• ？速度书-Stoyan Stefanov
• 为性能设计：称重美学和速度-Lara Callender Hogan
• 甚至更快的网站：网络开发人员的性能最佳实践 - 史蒂夫·索德斯（Steve Souders）
• 高性能浏览器网络：每个Web开发人员对网络和网络性能的了解-Ilya Grigorik
• 高性能JavaScript -Nicholas C. Zakas
• 高性能网站：前端工程师的基本知识 - 史蒂夫·苏德斯（Steve Souders）
• 高性能响应式设计：跨设备构建更快的站点 - 汤姆·巴克（Tom Barker）
• ？精益站点 - 芭芭拉·堡垒
• 时间是金钱：网络绩效的业务价值 - 塔米·埃弗斯（Tammy Everts）
• 使用WebPagetest -Rick Viscomi，Andy Davies，Marcel Duran
• 网页大小，速度和性能-Terrence Dorsey
• ？ Web Performance Daybook第2卷-Stoyan Stefanov
• 网络性能调整-Patrick Killelea
• ？您不知道JS：异步和性能-Kyle Simpson
• ？ Linux，Apache，MySQL，PHP端到端 - Colin McKinnon
• ？动作中的Web组件 - 本·法雷尔（Ben Farrell）
• ？图像优化 - Addy Osmani

案例研究

• ？ WPOSTATS-案例研究和实验证明了Web绩效优化（WPO）对用户体验和业务指标的影响。
• ？ Google开发人员案例研究 - 了解为什么其他开发人员如何使用网络为其用户创建惊人的网络体验。

文档

• ？浏览器饮食 - 有关前端性能的协作指南。
• ？ PagesPeed Insights规则 - PagesPeed团队创建的指南。弃用。这将被弃用，并将在2019年5月关闭。版本5是最新的，并提供了Chrome用户体验报告和Lighthouse实验室数据中的现实数据。
• ？加速您的网站的最佳实践 - 列表包括35个最佳实践分为7个类别，由Yahoo!创建。出色的性能团队。

事件

因为社区很重要！

会议

• ？我们热爱速度 - 我们的爱速度是源于希望尽可能广泛地分享网络表现的知识和经验的愿望。
• ？ PWA Summit - 免费的，在线的单轨会议，致力于帮助每个人取得渐进式网络应用程序的成功。
• 速度 - 在速度，网络操作，性能和DevOps的速度下，专业人员学习建立快速，有弹性和高度可用的站点和应用程序。
• ？ performance.now（） - performance.now（）会议将返回阿姆斯特丹！我们是一个单轨会议，拥有14名世界一流的演讲者，涵盖了当今最重要的网络性能见解。
• ？ #PerfMatters - #PerfMatters会议是国际知名绩效开发人员的在线网络绩效会议。

聚会

它们被分类为内容/聚会。

会谈

它们被分类为content/talks.md。

工具

分析仪

• ？ web.dev-通过Web.dev的有用指导和分析，在您自己的网站和应用程序上获取Web的现代功能。
• 872 100?供认） - 使用phantomjs无头分析网页并生成清单。
• ？ Debugbear -Debugbear是基于灯塔的站点监视工具。查看您的分数和指标如何随着时间的流逝而变化，重点是了解导致每种变化的原因。 Debugbear是一种带有30天免费试用的付费产品。
• ？页面速度 - PAGESPEED工具系列旨在帮助您优化网站的性能。 PagesPeed Insights产品将帮助您确定可以应用于网站的最佳性能实践，而PagesPeed优化工具可以帮助您自动化该过程。
• 28533 9406? Lighthouse） - 用于渐进Web应用程序的审计和性能指标工具。
• ？屏幕 - 基于AI的SEO分析和监视工具
• 2205 382? yslow） - yslow分析网页，并建议根据一组高性能网页规则提高其性能的方法。
• phantomjs -yslow -yslow for phantomjs还引入了用于自动测试框架的新输出格式：TAP（测试任何协议）和JUNIT。
• 35 3? GRUNT -WEBPAGETEST） - 用于连续测量WebPagetest的GRUNT插件。 （演示）
• 91 15? Grunt -slow） - 使用Phantomjs（无头Webkit浏览器）测试页面性能的GRUNT任务。
• 856 37? grunt -perfbudget） - 执行性能预算的grunt.js任务？有关绩效预算的更多信息）。
• 2641 200? Web跟踪框架） - 网络跟踪框架是一组库，工具和可视化器，用于对复杂的Web应用程序进行跟踪和调查
• 2469 280? Yandex.tank） - 高级Linux用户的可扩展开源负载测试工具，作为自动负载测试套件的一部分尤其好。
• 黄色实验室工具 - 在线快速简便的工具，可审核前端不良实践，揭示性能问题和简介JavaScript。
• PageLocity-网络性能优化和分析工具。
• ？ Varvy-测试您的网站，以查看是否遵循Google指南的速度。
• Web Bloat评分计算器 - 将页面的大小与同一页面的压缩图像进行比较
• 1865 23? Speed Racer） - 使用Chrome无头的库收集库/应用程序的性能指标。
• ？ Speedrank- Speedrank在后台监视您网站的性能。它显示了随着时间的推移报告的灯塔报告，并提供了改进的建议。 Speedrank是一种带有14天试验的付费产品。
• ？最轻的应用程序 - 网页加载时间对于转换和收入极为重要。可视化针对竞争对手的网络性能。

分析仪-API

• 9 6? node -yslowjs）-node.js上的yslow.js是一个简单的node.js包装器，用于编程运行phantomjs yslow.js。
• 3105 126? psi） - node.js的页面洞察力 - 带有报告。

应用程序性能监控

• ？ Datadog APM-端到端分布式跟踪和APM，与所有遥测相关。
• ？更好的点 - 一个好的网站监控工具（捆绑状态页面，事件通知）
• ？ pingdom-一种获取网站正常运行时间的工具（带有不同位置的探针）
• ？ Uptimerobot-另一个正常运行时间监视工具（带有宽敞的免费计划）
• ？ Robomiri -Robomiri是一款稳定的正常运行监视器，提供了广泛的显示器：Cronjob，关键字，网站，端口，Ping。 25个正常运行时间检查，间隔3分钟免费检查。通过电话，短信，电子邮件和Webhook提醒。
• ？状态清单 - 正常运行时间，具有调试详细信息的性能监视以及一个简单的仪表板中的托管状态页面。

捆绑分析仪

• 4474 180?捆绑） - 检查捆绑尺寸。
• 3846 101?源地图探索） - 通过源图分析和调试捆绑空间。
• ？ Bundlephobia-帮助您找到在前端捆绑包中添加NPM软件包的性能影响。
• 12605 489? Webpack捆绑分析仪） - 将捆绑内容表示为方便的交互式缩放treemap，WebPack插件和CLI实用程序。
• 光盘 - 可视化浏览项目捆绑包的模块树并追踪膨胀。
• 4 1?拉索 - 分析仪） - 分析和可视化由拉索创建的项目捆绑包。
• ？ PackTracker.io-在每个拉的请求中检查您的WebPack捆绑包统计数据，并随着时间的推移跟踪。
• 1413 108?压缩WebPack插件） - 准备资产的压缩版本，以用内容编码为其提供服务。
• 583 20? Bundlestats） - 生成捆绑报告（捆绑尺寸，资产，模块，软件包），并比较不同构建之间的结果

基准-CSS

• 573 21? CSS -PERF） - 完全不科学测试CSS性能的方法。这些测试中的大多数将围绕确定有效CSS体系结构的方法和技术。换句话说，考虑到CSS策略的特殊比较，我想知道什么最有效。

基准-JavaScript

一组用于创建测试用例并比较JavaScript中不同实现的工具。

• JSPERF -JSPERF旨在提供一种创建和共享测试用例的简便方法，并通过运行基准比较不同JavaScript片段的性能。 Temporarily out, follow this issue for updates: https://github.com/jsperf/jsperf.com/issues/537
• Benchmark.js-一个可在几乎所有JavaScript平台上工作的强大基准测试库，支持高分辨率计时器，并返回具有统计学意义的结果。
• 166 15? JSlitmus）-JSlitMus是用于创建临时JavaScript基准测试的轻量级工具。
• 563 37?抹茶） - 抹茶允许您设计可以测量代码性能的实验。建议每个板凳都专注于应用程序中的特定影响点。
• 1496 113? timing.js）-Timing.js是一小部分用于使用导航时机API的帮助者，以确定应用程序在何处花费时间。作为独立脚本，DevTools片段或书签。
• 8780 1201? stats.js） - 此类提供一个简单的信息框，可帮助您监视代码性能。
• 1 0? perftests） - JavaScript继承模型的性能测试。
• 2094 105? MONEME -STATS.JS） - 通过性能存储器对JS堆大小的最小监视器。

基准-PHP

• 53 4? phpench） - phpench为PHP基准创建图形输出。使用GNUPLOT实时绘制任何函数的运行时，并从结果中创建图像。
• 13 1? PHP台式） - 测量性能足迹的同时，基准和配置文件PHP代码块。

书签

• ？ Yahoo Yslow用于移动/书签 - Yslow分析网页，并建议根据一套高性能网页规则提高其性能的方法。
• 3790 126? PerfMAP） - 使用资源正时API在浏览器中加载的资源的前端性能热图。
• 559 52? DOM MONSTER） - 跨平台，跨浏览器的书签，将分析您所使用的页面的DOM和其他功能，并为您提供其健康状况。
• CSS应力-CSS压力是测试和性能分析。
• 1143 86? performance -book marklet） - 通过资源正时API，导航正时API和用户定位 - 有点像Light Live WebPageTest。作为 ？ Chrome Extension和？ firefox附加组件名称performance-analyser。

CDN

内容交付网络或内容分发网络（CDN）是一个大型的分布式服务器系统，该系统部署在整个Internet的多个数据中心中。 CDN的目的是将内容提供给具有高可用性和高性能的最终用户。请参阅Wikipedia中的大量CDN。

• ？ CloudFlare CDN-一个使用下一代技术来交付快速，可靠，CDN服务的内容交付网络
• ？ PageCDN-使用Brotli-11压缩，HTTP/2服务器推动，更好的HTTP/2多路复用等的最先进的OpenSource CDN，具有积极的内容优化。已经支持100张库和2000多个WordPress主题。易于使用，易于链接，并且非常快。
• 5705 2060? JSDELIVR） - 与Google托管的库类似，JSDELIVR是一个开源CDN，允许开发人员托管自己的项目以及任何人在其网站上链接到我们的托管文件。
• ？ Google托管的库 - Google托管的库是一个最受欢迎的开源JavaScript库的内容分发网络。
• ？ CDNJS-由CloudFlare赞助的JavaScript和CSS的开源CDN托管从jQuery和Modernizr到Bootstrap的所有内容。
• ？ Amazon CloudFront-亚马逊的内容交付网络，与其他亚马逊服务完美地集成或可以独立使用。
• jQuery -jQuery CDN - 最新的稳定版本，由MaxCDN提供支持。
• ？ Upyun CDN -CDN由Upyun提供。
• ？ Bootstrap中文网开放cdn服务 -Bootstrap中国净开放CDN服务（仅HTTP）。
• ？ ？ Yandex CDN -Yandex内容交付网络主持流行的第三方JavaScript和CSS库（最适合在俄罗斯使用）。

要找到有用的更多信息，供您在付费CDN之间做出正确的选择，请访问CDNPlanet。

CDN-监视器

• CDNPERF-找到您快速可靠的JavaScript CDN，使您的网站变得活泼愉快。

CDN-实用程序

• 82 6? Gulp-Google-CDN） - 用Google CDN替换脚本引用。

扩展

• 131 7?浏览器卡路里） - 衡量性能预算的最简单方法。

发电机

• 35 2? ATBUILD） - JavaScript代码生成工具，可让您编写输出JavaScript的JavaScript。非常适合展开循环和编写库的库
• 2550 169?胶） - 胶水是生成精灵的简单命令行工具：
• 19 3? Pitomba -Spriter） - Spriter是使用Python的简单且灵活的动态Sprite Generator。它可以处理同步和异步的CSS，因为它提供了用于Python代码中的类，也可以在更改静态后立即倾听文件系统并更改CSS和Sprite的观察者。
• 1133 92? Grunt -Spritesmith） - 将一组图像转换为精灵表和相应的CSS变量的grunt任务。
• ？ Grunt-Sprite-CSS-Replace-Grunt Task从样式表中引用的图像生成精灵，然后使用新的Sprite映像和位置更新引用。
• ？ Grunt-SVG-Sprite-SVG Sprites＆Stacks Galore-围绕SVG-Sprite包裹的Grunt插件，该插件在一堆SVG文件中读取，优化它们并创建各种口味的SVG Sprites和CSS资源。
• 15 1? Gulp -sprite） - 用于创建图像精灵的GULP任务和Gulp的相应样式表。
• 334 45? GULP-SVG-SPRITES） - 用于创建SVG Sprites的GULP任务。
• 2 1? SVGTOCS） - 在CSS / SASS Sprites中优化并渲染SVG文件。
• 36 6? AssetGraph-Sprite） - 基于CSS依赖性图的自动生成精灵的资产图转换。
• Sprite Cow -Sprite Cow可帮助您在SpriteSheet中获得Sprites的背景位置，宽度和高度，作为一点点可复制的CSS。
• Zerosprites -Zerosprites是CSS Sprites Generator，使用VLSI平面图领域中使用的算法旨在最小化区域。
• CSS Sprite Generator -CSS Sprites允许您将多个图像组合到一个文件中。
• 481 72? SPRITY） - 具有许多功能的模块化图像Sprite Generator：支持视网膜精灵，支持不同的输出格式，生成精灵和适当的样式文件，从图像的目录等目录等。
• 621 76? Sprite Factory） - Sprite Factory是一个红宝石库，可用于生成CSS精灵。它将目录中的单个图像文件结合到单个统一的精灵映像中，并创建适当的CSS样式表，以便在您的Web应用程序中使用。

图像优化器

如何删除所有这些不必要的数据，并在不降低质量的情况下为您提供文件。

• ？缩短像素 - 通过删除图像的不必要字节来压缩图像并将其转换为WebP/avif
• 83 18? GRUNT -SMUSHIT） - 使用Yahoo Smushit删除不必要的PNG和JPG字节。
• 33 2? Gulp -Smushit） - 使用Yahoo Smushit优化PNG和JPG的Gulp插件。在Smosh上制成。
• Smush IT- Smush使用特定于图像格式的优化技术来删除图像文件中不必要的字节。它是一种“无损”工具，这意味着它在不改变外观或视觉质量的情况下优化了图像。
• 5594 257? ImageMin） - 用node.jss无缝缩小图像。
• 29505 1302? Sharp） - 此高速节点的典型用例。JS模块是将许多格式的大图像转换为较小的，适合Web友好的JPEG，PNG和WebP图像，以及不同尺寸的WebP图像。
• 6966 616? GM） - graphicsmagick和ImageMagick for Node.js。
• 12734 1178? exexif） - 从jpeg文件中提取TIFF和EXIF元数据的纯Elixir库。
• ？ ExifCleaner -GUI应用程序可从图像和视频文件中删除带有拖放的视频文件的EXIF元数据。免费和开源。
• Optipng -Optipng是一种PNG优化器，可将图像文件重新压缩到较小的大小，而不会丢失任何信息。
• 1215 175? grunt-contrib-iagemin） - 将PNG和JPEG图像缩短。
• 1905 156? Gulp -iagemin） - 用成像素的墨西哥蛋白缩小PNG，JPEG，GIF和SVG图像。
• 118 16? grunt -webp） - 将图像转换为WebP格式。
• 220 18? GULP -WEBP） - 将图像转换为Gulp的WebP。
• ？ ImageOptim-免费的应用程序，可以使图像占用磁盘空间较小，而无需牺牲质量即可更快。它优化了压缩参数，并去除垃圾元数据和不必要的颜色配置文件。
• 479 18? grunt -imageOptim） - 使ImageOptim，ImageAlpha和Jpegmini的一部分成为自动化构建过程。
• 3461 127? ImageOptim -CLI） - 自动化Mac的ImageOptim，ImageAlpha和Jpegmini，以使图像优化您的自动化构建过程的一部分。
• 21 3? Tapnesh -cli） - TapNesh是一个CLI工具，可以轻松有效地平行优化所有图像！
• ？ TINYPNG- PNG图像的高级损耗压缩，可保留完整的alpha透明度。
• ？ Kraken Web -Interface-优化您的图像，可供下载12小时。
• ？压缩机 - JPG，PNG，SVG和GIF的在线图像压缩机。
• ？收缩 - 对github存储库中图像的一单击优化
• 5495 417? mozjpeg） - 改进的JPEG编码器。
• 1608 120? JPEGOPTIM） - 实用程序来优化/压缩JPEG文件。
• 3447 329? Zopflipng） - 一个命令行计划，以优化PNG图像。
• advpng-重新压缩PNG文件以获取最小的尺寸。
• 835 75? leanify） - 轻质无损文件缩影/优化器。
• Trimage-用于无损优化PNG和JPG文件的跨平台工具。
• ？ ImageEngine -Cloud Service可以在移动支持的情况下飞行优化，调整和缓存图像。
• ？ ImageKit.io-智能实时图像优化，具有全局交付网络和存储的图像转换。
• 944 24?优化） - CLI图像优化工具。它可以压缩PNG，JPEG，GIF和SVG损失且无损，并为栅格图像创建WebP版本。

Lazyloaders

• 938 158? Lazyload） - 带独立javaScript lazyloader 〜1kb
• 7466 448? lozad.js） - 纯JS中的高性能，光〜0.9kb和可配置的懒惰加载器，没有响应式图像，IFRAME和更多的依赖项

装载机

• 4156 348? headjs） - 脑海中唯一的脚本。用于响应式设计，功能检测和资源加载。
• requirejs -requirejs是一个JavaScript文件和模块加载程序。它已针对浏览器的使用进行了优化，但可以在其他JavaScript环境中使用，例如Rhino和Node.js。
• LABJS-是由Getify Solutions支持的开源（MIT许可证）项目。 LABJ的核心目的是成为一个通用的，点播的JavaScript加载器，能够随时将任何JavaScript资源从任何位置加载到任何页面中。
• 69 9? defer.js） - 异步所有内容：用此JS morsel加载页面的肉。
• 5512 246? InstantClick） - InstantClick立即在您的网站中提供以下链接。
• 509 32? JIT） - grunt的JIT（及时）插件加载程序。即使有很多插件，咕unt的加载时间也不会放慢速度。

指标监视器

• 2257 142? Phantomas） - 基于phantomjs的Web性能指标收集器和监视工具。
• Showllow-开源工具，可帮助监视随着时间的流逝，随着时间的推移监视各种站点性能指标。它捕获了Yslow的结果，页面速度见解，WebPagetest和Dynatrace Ajax Edition。
• 25 4?台式） - 使用幻影（由Phantomjs支持的客户绩效指标刮刀）。基准一个页面，存储在MongoDB中，并通过内置服务器显示结果。
• 104 15? keepfast） - 监视与网页性能相关的指标的工具。
• ？ GTMETRIX -GTMETRIX使用Google页面速​​度和Yahoo！ YSLOW评分您的网站的性能，并提供可行的建议来解决这些问题。
• ？ PingBreak.com-免费网站和SSL监视，并带有响应时间警报（在Slack，Twitter，Matter Matter，Matter，Discord或自定义Webhook上）。
• pingdom站点速度测试 - 测试该页面的负载时间，分析并找到瓶颈。
• ？ dotcom -tools-分析您网站在全球20个地点的真实浏览器中的速度。
• WebPageTest-使用真实浏览器（即和Chrome）和实际的消费者连接速度从全球多个位置运行免费的站点速度测试。您可以运行简单的测试或执行高级测试，包括多步交易，视频捕获，内容阻止等等。您的结果将提供丰富的诊断信息，包括资源加载瀑布图，页面速度优化检查和改进建议。
• ？ SITESPEED.IO -SITESPEED.IO是一种开源工具，它将根据Web Performance最佳实践规则检查您的网站，并使用导航正时API收集指标。它将创建结果的XML＆HTML输出。
• 284 25? grunt -phantomas） - grunt插件包装幻影以测量前端性能。
• ？ Perfjankie-运行时浏览器性能回归套件（ 0 0?演示））。
• ？ Browserview Monitoring-从世界各地的多个点中不断检查Internet Explorer，Chrome和Firefox中的网页加载时间。
• 新的Relic浏览器监视 - 实时监视您的浏览器端应用程序，重点是真正的最终用户的体验。
• ？ DAREBOOST-实际浏览器监视。使用YSlow，页面速度和众多自定义提示提供有关Web性能和质量的完整报告。
• ？字节Matter实际用户监视 - 完整的真实用户监视解决方案。较小站点的免费层。包括监视Google的核心网络生命值。

指标监视器 - API

• 1641 173? Node.js的WebPagetest API包装器 - WebPagetest API包装器是一个NPM软件包，它将Node.js的WebPagetest API包装为模块和命令行工具。

指标监视器 - 电子邮件

• ？ Web Performance Report-收件箱中的每周Web绩效报告。获取有关电子商务或网站状态的个性化报告，您要根据网络性能和网络优化，包括核心网络生命值。

minifier -html

• ？ HTMLCompressor -HTMLCompressor是一个小的，快速且易于使用的Java库，通过删除额外的Whitespace，评论和其他不需要的字符，而无需破坏内容结构，可以将给定的HTML或XML源缩小。结果，页面的尺寸变小，加载速度更快。也可以使用压缩机的命令行版本。
• 542 73? Django-htmlmin）-Django-html在python的HTML缩影中，并全力支持HTML 5。它支持Django，Blask和任何其他Python Web框架。它还提供了可用于静态站点或部署脚本的命令行工具。
• 4962 576? htmlminifier） - HTMLMinifier是具有高度可配置的，经过良好测试的，基于JavaScript的HTML Minifier，具有类似绒毛的功能。
• 424 68? GRUNT-CONTRIB-HTMLMIN） - 使用HTMLMinifier的grunt插件来缩小HTML。
• 726 57? GULP -HTMLMIN） - 一个Gulp插件，用于缩小使用HTMLMinifier的HTML。
• 35 6? GRUNT -HTMLCOMPRESSOR） - 使用HTMLCompressor，用于HTML压缩的Grunt插件。
• 12 7? HTML_MINIFIER） - Kangax HTML -Minifier的红宝石包装器。
• 35 7? html_press） - 用于压缩HTML的Ruby Gem，可去除所有空格垃圾，仅留下HTML。
• 31 6? KOA HTML minifier） - 使用HTML -Minifier将您的HTML响应缩小。它使用HTML-Minifier的默认选项，这些选项均按默认为关闭，因此您必须设置选项，否则它不会执行任何操作。
• HTML Minifier Online- Kangax（HTMLMinifier Creator）的HTML最小工具。
• 162 18?最小化） - 最小化是基于Node-HTMLParser的HTML缩影，当前，HTML minifier只是可用的服务器端。客户端的缩小将在以后的版本中添加。
• 133 86? html-minifier） - 一种简单的Windows命令行，用于缩小您的HTML，剃须刀视图和Web表单视图

minifiers -JS＆CSS

• 3016 665? YUI Compressor） - JavaScript压缩机，除了删除评论和白空间外，还使用最小的可能变量名称混淆本地变量。即使使用诸如“评估”或“使用”之类的构造（尽管压缩不是最佳的情况）与JSMIN相比，这种混淆是安全的，平均节省量约为20％。
• 13204 1246? uglifyjs2） - uglifyjs是用JavaScript编写的JavaScript解析器，微型，压缩机或美化工具包。
• 3768 186? CSSO） - 与其他人不同。除了通常的缩小技术外，它还可以对CSS文件进行结构优化，从而使文件大小与其他微型仪相比较小。
• 76 36? CSSMIN.JS）-CSSMIN.JS是Yuicompressor的CSS minifier的JavaScript端口。
• 812 170? grunt-contrib-concat） - 一个grunt插件，用于连接文件。
• 1481 348? grunt-contrib-uglify） - 一个grunt插件，用于连接和缩小JavaScript文件。
• 4178 323? Clean-CSS） - node.js的快速，高效且经过良好测试的CSS缩影。
• 2811 601? django -compressor） - 将链接的链接和内联JavaScript或CSS压缩到单个缓存文件中。
• 1520 371? Django-Pipeline） - 管道是Django的资产包装库，提供CSS和JavaScript串联和压缩，内置的JavaScript模板支持以及可选的Data-uri图像和字体嵌入。
• 750 150? JSHRINK）-JSHRINK是一个PHP类，可将JavaScript减小，以便可以更快地将其传递给客户端。
• JSCompress-最简约的在线JS压缩工具。
• 1052 81? CSSSHRINK） - 因为CSS是渲染页面的关键途径。它一定很小！否则！
• 28 4? GRUNT -CSSSHRINK） - 这只是CSS收缩的咕unt包装。
• 22 0? GULP -CSSSHRINK） - 使用CSSSHRINK缩小CSS文件的GULP。
• 6 1?恰到好处） - uglify（带状空间）或漂亮（添加一致的空格）CSS代码。
• 795 138? grunt-contrib-cssmin）-CSS grount的CSS缩影。
• 3825 174? grunt -uncss） - 从项目中删除未使用的CSS的怪异任务。
• 938 40? Gulp -uncss） - 从项目中删除未使用的CSS的一项Gulp任务。

各种各样的

• Socialite.JS-社交名流提供了一种非常简单的方法来实施和激活大量社交共享按钮 - 随时随地。关于文档负载，在任何事件上，文章悬停。
• 1620 64? UCSS） - UCSS是为爬行（大）站点而设计的，以找到未使用的CSS选择器，但不能删除未使用的CSS。
• 343 21? httpinvoke） - 浏览器和node.js的无依赖性http client库，具有基于承诺的或node.js风格的基于回调的API，用于进度事件，文本和二进制文件上传和下载，部分响应主体，请求和响应标头状态代码，状态代码。
• 10052 372?关键） - HTML页面（alpha）中的提取和内联临界路径CSS。
• 12 1? CSSCOLORMIN） - 将CSS颜色减小的实用程序，例如：min（“白色”）; //将“ #FFF”变为“ #FFF”。
• 17585 1731? lazysizes） - 图像（响应式和正常），iframe和脚本的高性能懒惰加载程序，可检测通过用户互动，CSS或JavaScript触发的任何可见性更改，而无需配置。
• 完美的动作 - PURF Tooling是一种共享资源，可跟踪新的和现有的性能工具。
• 1631 45? TMI）-TMI（图像太多） - 在网络上发现您的图像重量。

SVG

• 21150 1390? SVGO） - SVGO是一种基于NodeJS的工具，用于优化SVG矢量图形文件。
• ？ SVG OMG -SVGOMG是SVGO缺失的GUI，旨在暴露大多数SVGO的配置选项，即使不是全部。
• 433 40? grunt -svgmin） - 使用svgo进行grunt grunt缩小SVG。
• ？ Gulp -Svgmin-用SVGO缩小SVG，以供Gulp。
• Scour -Scour是一个开源Python脚本，可积极清洁SVG文件，删除了许多某些工具或作者嵌入其文档中的“ cruft”。
• 1634 93? SVG清洁剂） - SVG清洁器可以帮助您从不必要的数据中清理SVG文件。它具有许多清理和优化的选项，在批处理模式下工作，并在多层处理器上提供螺纹处理。

Web组件

• 431 201?聚合物捆绑器） - 聚合物捆绑器是包装项目资产的库，用于生产，以最大程度地减少网络往返。
• 100 25? Gulp -Vulcanize） - 将一组Web组件组合到一个使用硫化的文件中。

Web服务器基准

• 992 156? httperf）-httperf是用于测量Web服务器性能的工具。它提供了一种灵活的功能，用于生成各种HTTP工作负载和测量服务器性能。
• Apache Jmeter-开源负载测试工具：这是Java平台应用程序。
• Locust-开源负载测试工具。使用Python代码来定义用户行为，并与数百万的同时用户群体群体。
• 179 23? AUTOPERF） - Autoperf是HTTPERF的Ruby驱动程序，旨在帮助您自动化任何Web应用程序的负载和性能测试 - 单个端点或通过日志重播。
• 13 4? httperf.rb） - 用ruby编写的httperf的简单红宝石界面。
• 5 0? php -httperf）-httperf.rb的php端口。
• 25 2? httperf.js）-httperf.rb的JS港口。
• 11 8? httperf.py） - httperf.rb的Python港口。
• 4 0? gohttperf） - httperf.rb的港口。
• 38207 2955? WRK） - HTTP基准测试工具（带有可选的LUA脚本以生成请求，响应处理和自定义报告）
• 6455 631? BEESWITHMACHINEGUNS） - 用于武装（创建）许多蜜蜂（Micro EC2实例）攻击（负载测试）目标（Web应用程序）的实用程序。
• ？ K6-为开发人员构建的开源负载测试工具。易于集成到CI管道中。测试用ES6 JS编写，您可以使用HTTP/1.1，HTTP/2和WebSocket测试API，微服务和站点。

Web服务器模块

• ？ PAGESPEED模块 - PagesPeed加速您的网站并减少页面加载时间。此开源Web服务器模块自动将Web Performance最佳实践应用于页面和相关资产（CSS，JavaScript，图像），而无需您修改现有内容或工作流程。 PagesPeed可作为Apache 2.x和Nginx 1.x的模块提供。
• 244 22? WebP -detect） - WebP接受接受谈判。

规格

• Web绩效工作组 - 富裕的Web客户端活动的一部分Web Performance工作组的任务是提供衡量用户代理功能和API的应用程序性能方面的方法。
• 页面可见性 - 此规范定义了网站开发人员以编程方式确定页面的当前可见性状态的手段，以开发功率和CPU有效的Web应用程序。
• ？导航时间 - 此规范定义了一个统一的接口，用于存储和检索与文档导航有关的高分辨率性能度量数据。
• 资源时机 - 此规范定义了Web应用程序的接口，以访问文档中资源的完整计时信息。
• 用户定时 - 此规范定义了一个接口，以帮助Web开发人员通过使他们可以访问高精度时间戳来衡量其应用程序的性能。
• Performance Timeline - This specification defines a unified interface to store and retrieve performance metric data. This specification does not cover individual performance metric interfaces.
• ？ CSS will-change - This specification defines the will-change CSS property which allows an author to declare ahead-of-time what properties are likely to change in the future, so the UA can set up the appropriate optimizations some time before they're needed. This way, when the actual change happens, the page updates in a snappy manner.
• Resource Hints - This specification defines the dns-prefetch, preconnect, prefetch, and prerender relationships of the HTML Link Element (<link>). These primitives enable the developer, and the server generating or delivering the resources, to assist the user agent in the decision process of which origins it should connect to, and which resources it should fetch and preprocess to improve page performance.

统计

• HTTP Archive - It's a permanent repository of web performance information such as size of pages, failed requests, and technologies utilized. This performance information allows us to see trends in how the Web is built and provides a common data set from which to conduct web performance research.

Other Awesome Lists

• 958 25? iamakulov/awesome-webpack-perf) - A curated list of webpack tools for web performance
• 32197 3561? bayandin/awesome-awesomeness).
• 338979 28117? sindresorhus/awesome).
• 823 61? imteekay/web-performance-research) - Research in Web Performance

贡献

For contributing, open an issue and/or a pull request.

来源

8403 563? davidsonfellipe/awesome-wpo)