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開發人員通過使他們可以訪問高精度時間戳來衡量其應用程序的性能。
• 性能時間表 - 此規範定義了一個統一的接口來存儲和檢索性能度量數據。該規範不涵蓋個人性能度量界面。
• ？ CSS Will-Change-此規範定義了will-change CSS屬性，該屬性允許作者提前聲明將來的屬性可能會更改的屬性，因此UA可以在需要之前設置適當的優化。這樣，當實際更改發生時，頁面以活潑的方式更新。
• 資源提示 - 此規範定義了HTML鏈接元素（<link>）的DNS -prefetch，pregonnect，prefetch和Predender關係。這些原語使開發人員以及服務器生成或交付資源，以協助用戶代理在其應連接到哪個起源的決策過程中，以及應該獲取哪些資源，以提高頁面性能。

統計

• HTTP存檔 - 它是Web性能信息的永久存儲庫，例如頁面大小，請求失敗和所使用的技術。這些性能信息使我們能夠看到網絡構建方式的趨勢，並提供了進行網絡性能研究的通用數據集。

其他很棒的列表

• 958 25? iamakulov/Awesome-webpack-perf） - 用於網絡性能的WebPack工具列表
• 32197 3561? Bayandin/Awesome-Awestementes）。
• 338979 28117? sindresorhus/很棒）。
• 823 61? Imteekay/Web績效研究） - 網絡性能研究

貢獻

為了貢獻，打開問題和/或拉動請求。

來源

8403 563? Davidsonfellipe/Awesome-WPO）