fucking awesome wpo
1.0.0
ยินดีต้อนรับสู่รายการทรัพยากรการเพิ่มประสิทธิภาพประสิทธิภาพของเว็บ พื้นที่เก็บข้อมูลนี้มีวัตถุประสงค์เพื่อรวบรวมเครื่องมือบทความบล็อกหนังสือและการพูดคุยที่ดีที่สุดที่เกี่ยวข้องกับการเพิ่มประสิทธิภาพของเว็บไซต์ ไม่ว่าคุณจะเป็นนักพัฒนาซอฟต์แวร์นักออกแบบหรือผู้ที่ชื่นชอบการแสดงคุณจะพบเนื้อหาที่มีค่าที่นี่เพื่อเติมเต็มโครงการเว็บของคุณ
WPO / บทความที่ยอดเยี่ยม
- WPO / บล็อกที่ยอดเยี่ยม
WPO / หนังสือที่ยอดเยี่ยม
WPO / เอกสารที่ยอดเยี่ยม
- WPO / กิจกรรมที่ยอดเยี่ยม
- WPO / การพูดคุยที่ยอดเยี่ยม
นี่คือภาพรวมอย่างรวดเร็วของหมวดหมู่ที่กล่าวถึงในคอลเลกชันนี้:
ไปที่บทความ
ไปที่บล็อก
หนังสือที่ดีที่สุดเกี่ยวกับ WPO
เพราะชุมชนมีความสำคัญ!
พวกเขาถูกจัดหมวดหมู่เป็นเนื้อหา/meetups.md
พวกเขาถูกจัดหมวดหมู่เป็นเนื้อหา/การพูดคุย
872 100? สารภาพ) - ใช้ phantomjs เพื่อวิเคราะห์หน้าเว็บอย่างไร้จุดหมายและสร้างรายการ28533 9406? Lighthouse) - เครื่องมือตัวชี้วัดการตรวจสอบและประสิทธิภาพสำหรับแอปพลิเคชันเว็บแบบก้าวหน้า2205 382? YSLOW) - YSLOW วิเคราะห์เว็บเพจและแนะนำวิธีการปรับปรุงประสิทธิภาพของพวกเขาตามชุดของกฎสำหรับหน้าเว็บที่มีประสิทธิภาพสูง35 3? Grunt -Webpagetest) - ปลั๊กอินคำรามสำหรับการวัดอย่างต่อเนื่องของ WebPagetest (สาธิต)91 15? Grunt -Yylow) - งาน Grunt สำหรับการทดสอบประสิทธิภาพของหน้าโดยใช้ Phantomjs เบราว์เซอร์ WebKit ที่ไม่มีหัว856 37? Grunt -Perfbudget) - งาน Grunt.js สำหรับการบังคับใช้งบประมาณประสิทธิภาพ? เพิ่มเติมเกี่ยวกับงบประมาณประสิทธิภาพ)2641 200? เฟรมเวิร์กการติดตามเว็บ) - เฟรมเวิร์กการติดตามเว็บเป็นชุดของไลบรารีเครื่องมือและ Visualizers สำหรับการติดตามและการตรวจสอบของเว็บแอปพลิเคชันที่ซับซ้อน2469 280? yandex.tank) - เครื่องมือทดสอบโหลดโอเพนซอร์ซที่ขยายได้สำหรับผู้ใช้ Linux ขั้นสูงซึ่งเป็นส่วนหนึ่งของชุดทดสอบโหลดอัตโนมัติ1865 23? Speed Racer) - รวบรวมตัวชี้วัดประสิทธิภาพสำหรับห้องสมุด/แอปพลิเคชันของคุณโดยใช้ Chrome Headless9 6? node -yylowjs) - yslow.js บน node.js เป็น wrapper node.js ง่าย ๆ สำหรับการใช้งาน phantomjs yslow.js3105 126? psi) - ข้อมูลเชิงลึก pagespeed สำหรับ node.js - พร้อมการรายงาน4474 180? BUNDLESIZE) - เก็บขนาดชุดของคุณไว้ในการตรวจสอบ3846 101? Source-MAP-Explorer)-วิเคราะห์และดีบักการใช้พื้นที่รวมถึงแผนที่แหล่งที่มา12605 489? WebPack Bundle Analyzer) - ปลั๊กอิน Webpack และ Utility CLI ที่แสดงถึงเนื้อหามัดเป็น treemap ที่ Zoomable แบบโต้ตอบแบบโต้ตอบได้อย่างสะดวก4 1? Lasso -Analyzer) - วิเคราะห์และแสดงภาพกลุ่มโครงการที่สร้างโดย Lasso1413 108? ปลั๊กอินการบีบอัด webpack) - เตรียมสินทรัพย์เวอร์ชันบีบอัดเพื่อให้บริการด้วยการเข้ารหัสเนื้อหา583 20? Bundlestats) - สร้างรายงานชุด (ขนาดมัด, สินทรัพย์, โมดูล, แพ็คเกจ) และเปรียบเทียบผลลัพธ์ระหว่างการสร้างที่แตกต่างกัน 573 21? CSS -Perf) - วิธีที่ไม่มีหลักการในการทดสอบประสิทธิภาพ CSS การทดสอบเหล่านี้ส่วนใหญ่จะหมุนรอบวิธีการและเทคนิคในการพิจารณาสถาปัตยกรรม CSS ที่มีประสิทธิภาพ อีกวิธีหนึ่งฉันต้องการทราบว่าอะไรดีที่สุดจากการเปรียบเทียบกลยุทธ์ CSS โดยเฉพาะ ชุดเครื่องมือสำหรับการสร้างกรณีทดสอบและเปรียบเทียบการใช้งานที่แตกต่างกันใน JavaScript
Temporarily out, follow this issue for updates: https://github.com/jsperf/jsperf.com/issues/537166 15? JSLITMUS) - JSLITMUS เป็นเครื่องมือที่มีน้ำหนักเบาสำหรับการสร้างการทดสอบมาตรฐาน JavaScript Ad -Hoc563 37? Matcha) - Matcha ช่วยให้คุณออกแบบการทดลองที่จะวัดประสิทธิภาพของรหัสของคุณ ขอแนะนำให้แต่ละม้านั่งมุ่งเน้นไปที่จุดที่มีผลกระทบเฉพาะในแอปพลิเคชันของคุณ1496 113? Timing.js) - Timing.js เป็นชุดผู้ช่วยขนาดเล็กสำหรับการทำงานกับ API Timing Timing เพื่อระบุว่าแอปพลิเคชันของคุณใช้เวลาอยู่ที่ไหน มีประโยชน์เป็นสคริปต์แบบสแตนด์อโลนเดฟทูลส์ตัวอย่างหรือบุ๊คมาร์คเล็ต8780 1201? stats.js) - คลาสนี้มีกล่องข้อมูลอย่างง่ายที่จะช่วยคุณตรวจสอบประสิทธิภาพของรหัสของคุณ1 0? Perftests) - การทดสอบประสิทธิภาพของแบบจำลองการสืบทอด JavaScript2094 105? หน่วยความจำ stats.js) - จอภาพน้อยที่สุดสำหรับขนาด JS HEAP ผ่านหน่วยความจำประสิทธิภาพ 53 4? PHPENCH) - PHPENCH สร้างเอาต์พุตกราฟิกสำหรับเกณฑ์มาตรฐาน PHP พล็อตรันไทม์ของฟังก์ชั่นใด ๆ แบบเรียลไทม์ด้วย gnuplot และสร้างภาพจากผลลัพธ์13 1? PHP -bench) - มาตรฐานและโปรไฟล์รหัส PHP บล็อกในขณะที่วัดรอยเท้าประสิทธิภาพ 3790 126? Perfmap) - บุ๊คมาร์คเล็ตเพื่อสร้างประสิทธิภาพความร้อนส่วนหน้าของทรัพยากรที่โหลดในเบราว์เซอร์โดยใช้ Resource Timing API559 52? Dom Monster)-บุ๊คมาร์คครอสเซอร์ข้ามแพลตฟอร์มข้ามเบราว์เซอร์ที่จะวิเคราะห์ DOM & คุณสมบัติอื่น ๆ ของหน้าเว็บที่คุณเปิดอยู่และให้ Bill of Health แก่คุณ1143 86? Performance -BookMarklet) - วิเคราะห์หน้าปัจจุบันผ่าน API Timing Timing Resource, Timing API ของการนำทางและการกำหนดเวลาของผู้ใช้ - การเรียงลำดับของ WebPagetest ที่มีน้ำหนักเบา เช่น ? ส่วนขยายของ Chrome และ? Firefox add-on ภายใต้ชื่อ Performance-Analyser เครือข่ายการจัดส่งเนื้อหาหรือเครือข่ายการกระจายเนื้อหา (CDN) เป็นระบบการกระจายขนาดใหญ่ของเซิร์ฟเวอร์ที่ปรับใช้ในศูนย์ข้อมูลหลายแห่งผ่านอินเทอร์เน็ต เป้าหมายของ CDN คือการให้บริการเนื้อหาแก่ผู้ใช้ปลายทางที่มีความพร้อมใช้งานสูงและมีประสิทธิภาพสูง ดูรายการ CDN ขนาดใหญ่ใน Wikipedia
5705 2060? JSDELIVR) - คล้ายกับห้องสมุดโฮสต์ Google JSDELIVR เป็น CDN โอเพนซอร์ซที่อนุญาตให้นักพัฒนาสามารถโฮสต์โครงการของตัวเองและทุกคนสามารถเชื่อมโยงไปยังไฟล์โฮสต์ของเราบนเว็บไซต์ของพวกเขาหากต้องการค้นหาข้อมูลเพิ่มเติมที่เป็นประโยชน์สำหรับคุณในการเลือกที่ถูกต้องระหว่าง CDN ที่ชำระเงินกรุณาเยี่ยมชม cdnplanet
82 6? Gulp-google-CDN)-แทนที่การอ้างอิงสคริปต์ด้วย Google CDN 131 7? เบราว์เซอร์แคลอรี่) - วิธีที่ง่ายที่สุดในการวัดงบประมาณประสิทธิภาพของคุณ 35 2? AtBuild) - เครื่องมือสร้างรหัส JavaScript ที่ให้คุณเขียน JavaScript ที่ส่งออก JavaScript เหมาะสำหรับการคลายลูปและการเขียนห้องสมุดที่รวบรวมรันไทม์ออกไป2550 169? กาว) - กาวเป็นเครื่องมือบรรทัดคำสั่งง่ายๆในการสร้างสไปรต์:19 3? Pitomba -spriter) - Spriter เป็นเครื่องกำเนิดสไปรต์ไดนามิกที่เรียบง่ายและยืดหยุ่นสำหรับ CSS โดยใช้ Python มันสามารถประมวลผล CSS ทั้งแบบซิงโครนัสและแบบอะซิงโครนัสเนื่องจากมีคลาสที่จะใช้ในรหัส Python ของคุณและผู้เฝ้าดูที่รับฟังระบบไฟล์ของคุณและเปลี่ยน CSS และ Sprite ทันทีที่มีการเปลี่ยนแปลงแบบคงที่1133 92? Grunt -Spritesmith) - งานคำรามสำหรับการแปลงชุดภาพเป็นแผ่นสไปรต์และตัวแปร CSS ที่สอดคล้องกัน15 1? Gulp -Sprite) - งานอึกสำหรับการสร้างภาพสไปรต์และแผ่นสไตล์ที่สอดคล้องกันสำหรับอึก334 45? Gulp-SVG-sprites)-งานอึกสำหรับการสร้างสไปรต์ SVG2 1? SVGTOCSS) - เพิ่มประสิทธิภาพและแสดงผลไฟล์ SVG ในสไปรต์ CSS / SASS36 6? assetGraph-prite)-การแปลง AssetGraph สำหรับสไปรต์ที่สร้างอัตโนมัติตามกราฟการพึ่งพา CSS481 72? Sprity) - เครื่องกำเนิดภาพสไปรต์อิมเมจที่มีคุณสมบัติมากมาย: รองรับสไปรต์เรตินา, รองรับรูปแบบเอาต์พุตที่แตกต่างกันสร้างสไปรต์และไฟล์สไตล์ที่เหมาะสมออกจากไดเรกทอรีของภาพ ฯลฯ ...621 76? โรงงาน Sprite) - โรงงานสไปรต์เป็นห้องสมุดทับทิมที่สามารถใช้ในการสร้างสไปรต์ CSS มันรวมไฟล์รูปภาพแต่ละไฟล์จากไดเรกทอรีเข้ากับภาพสไปรต์เดียวเดียวและสร้างแผ่นสไตล์ CSS ที่เหมาะสมสำหรับใช้ในเว็บแอปพลิเคชันของคุณ วิธีลบข้อมูลที่ไม่จำเป็นทั้งหมดนี้และให้ไฟล์โดยไม่ลดระดับคุณภาพ
83 18? Grunt -Smushit) - ปลั๊กอินคำรามเพื่อลบไบต์ที่ไม่จำเป็นของ PNG และ JPG โดยใช้ Yahoo smushit33 2? Gulp -Smushit) - ปลั๊กอินอึกเพื่อเพิ่มประสิทธิภาพ PNG และ JPG โดยใช้ Yahoo Smushit ทำบน Smosh5594 257? Imagemin) - ภาพเล็ก ๆ น้อย ๆ กับ Node.js29505 1302? Sharp)-กรณีการใช้งานทั่วไปสำหรับโมดูล Node.js ความเร็วสูงนี้คือการแปลงภาพขนาดใหญ่ของหลายรูปแบบเป็นขนาดเล็กที่เป็นมิตรกับเว็บ JPEG, PNG และภาพ WebP ของมิติที่แตกต่างกัน6966 616? GM) - GraphicsMagick และ ImageMagick สำหรับ Node.JS.12734 1178? Exexif) - ไลบรารี Elixir บริสุทธิ์เพื่อแยกข้อมูลเมตา TIFF และ Exif จากไฟล์ JPEG1215 175? Grunt-Contrib-Imagemin)-minify png และ jpeg ภาพสำหรับคำราม1905 156? Gulp -Imagemin) - Minify PNG, JPEG, GIF และ SVG ภาพด้วย imagemin สำหรับอึก118 16? Grunt -Webp) - แปลงรูปภาพของคุณเป็นรูปแบบ webp220 18? Gulp -Webp) - แปลงภาพเป็น Webp สำหรับ Gulp479 18? Grunt -imageoptim) - ทำ imageoptim, imagealpha และ jpegmini เป็นส่วนหนึ่งของกระบวนการสร้างอัตโนมัติของคุณ3461 127? ImageOptim -CLI) - อัตโนมัติ ImageOptim, imagealpha และ jpegmini สำหรับ Mac เพื่อให้การเพิ่มประสิทธิภาพแบบแบทช์ของภาพเป็นส่วนหนึ่งของกระบวนการสร้างอัตโนมัติของคุณ21 3? TAPNESH -CLI) - TAPNESH เป็นเครื่องมือ CLI ที่จะปรับภาพทั้งหมดของคุณให้เหมาะสมกับคู่ขนานได้อย่างง่ายดายและมีประสิทธิภาพ!5495 417? mozjpeg) - ปรับปรุง JPEG encoder1608 120? JPEGOPTIM) - ยูทิลิตี้เพื่อเพิ่มประสิทธิภาพ/บีบอัดไฟล์ JPEG3447 329? zopflipng) - โปรแกรมบรรทัดคำสั่งเพื่อเพิ่มประสิทธิภาพรูปภาพ PNG835 75? Leanify) - ไฟล์ minifier/Optimizer ที่ไม่มีน้ำหนักเบา944 24? Optimizt) - เครื่องมือเพิ่มประสิทธิภาพภาพ CLI มันสามารถบีบอัด PNG, JPEG, GIF และ SVG Lossy และ Lossless และสร้างเวอร์ชัน WebP สำหรับภาพแรสเตอร์ 938 158? lazyload) - ภาพ Lazyload, iframes, วิดเจ็ตที่มี JavaScript แบบสแตนด์อโลน LazyLoader ~ 1KB7466 448? lozad.js) - มีประสิทธิภาพสูง, เบา ~ 0.9kb, และ lazy loader ที่กำหนดค่าได้ใน JS บริสุทธิ์โดยไม่มีการพึ่งพาภาพที่ตอบสนอง, iframes และอื่น ๆ 4156 348? headjs)- สคริปต์เดียวในหัวของคุณ สำหรับการออกแบบที่ตอบสนองการตรวจจับคุณสมบัติและการโหลดทรัพยากร69 9? defer.js) - async ทุกอย่าง: ทำให้เนื้อของหน้าของคุณโหลดเร็วขึ้นด้วย JS Morsel นี้5512 246? InstantClick) - InstantClick สร้างลิงก์ต่อไปนี้ในเว็บไซต์ของคุณทันที509 32? jit) - ตัวโหลดปลั๊กอิน jit (ทันเวลา) สำหรับปลั๊กอินสำหรับคำราม เวลาในการโหลดเสียงฮึดฮัดไม่ช้าลงแม้ว่าจะมีปลั๊กอินจำนวนมากก็ตาม 2257 142? Phantomas) - นักสะสมตัวชี้วัดประสิทธิภาพเว็บและเครื่องมือตรวจสอบประสิทธิภาพเว็บที่ใช้ PhantomJS25 4? ผู้พิพากษา) - การใช้ phantomas (ตัวชี้วัดประสิทธิภาพของลูกค้าที่ได้รับการสนับสนุนจาก phantomjs) เกณฑ์มาตรฐานหน้าจัดเก็บผลลัพธ์ใน MongoDB และแสดงผลลัพธ์ผ่านเซิร์ฟเวอร์ในตัว104 15? Keepfast) - เครื่องมือในการตรวจสอบตัวชี้วัดที่เกี่ยวข้องกับประสิทธิภาพของหน้าเว็บ284 25? Grunt -phantomas) - ปลั๊กอินคำรามห่อ phantomas เพื่อวัดประสิทธิภาพส่วนหน้า0 0? Demo))1641 173? WebPagetest API wrapper สำหรับ node.js) - WebPagetest API wrapper เป็นแพ็คเกจ NPM ที่ห่อหุ้ม WebPagetest API สำหรับ node.js เป็นโมดูลและเครื่องมือบรรทัดคำสั่ง 542 73? django-htmlmin)-django-html ใน html minifier สำหรับ Python ด้วยการสนับสนุนอย่างเต็มที่สำหรับ HTML 5. รองรับ Django, Flask และเฟรมเวิร์ก Python อื่น ๆ นอกจากนี้ยังมีเครื่องมือบรรทัดคำสั่งที่สามารถใช้สำหรับไซต์คงที่หรือสคริปต์การปรับใช้4962 576? HTMLMINIFIER)-HTMLMINIFIER เป็นตัวย่อ HTML Minifier ที่ได้รับการทดสอบอย่างดีและได้รับการทดสอบอย่างดีและมีความสามารถเหมือนผ้าสำลี424 68? Grunt-Contrib-Htmlmin)-ปลั๊กอินคำรามเพื่อลด HTML ที่ใช้ HTMLMInifier726 57? Gulp -Htmlmin) - ปลั๊กอินอึกเพื่อลด HTML ที่ใช้ HTMLMInifier35 6? Grunt -Htmlcompressor) - ปลั๊กอินคำรามสำหรับการบีบอัด HTML โดยใช้ HTMLCOMPRESSOR12 7? html_minifier) - เสื้อคลุมทับทิมสำหรับ Kangax html -minifier35 7? HTML_PRESS) - อัญมณีทับทิมสำหรับการบีบอัด HTML ซึ่งจะลบขยะทั้งหมดของช่องว่างและทิ้ง HTML เท่านั้น31 6? KOA HTML minifier) - มิดเดิลแวร์ที่ลดการตอบสนอง HTML ของคุณโดยใช้ HTML -minifier มันใช้ตัวเลือกเริ่มต้นของ HTML-Minifier ซึ่งทั้งหมดถูกปิดโดยค่าเริ่มต้นดังนั้นคุณต้องตั้งค่าตัวเลือกมิฉะนั้นจะไม่ทำอะไรเลย162 18? ย่อขนาด)-Minimize เป็นตัวย่อ HTML ที่ใช้ Node-HTMLParser ปัจจุบัน HTML minifier เป็นเพียงฝั่งเซิร์ฟเวอร์ที่ใช้งานได้เท่านั้น การลดขนาดลูกค้าฝั่งไคลเอ็นต์จะถูกเพิ่มในการเปิดตัวในอนาคต133 86? HTML-MINIFIER)-เครื่องมือบรรทัดคำสั่ง Windows อย่างง่ายเพื่อลด HTML มุมมองมีดโกนและมุมมองเว็บของคุณ 3016 665? คอมเพรสเซอร์ Yui) - คอมเพรสเซอร์ JavaScript ซึ่งนอกเหนือจากการลบความคิดเห็นและช่องว่างสีขาวตัวแปรท้องถิ่นโดยใช้ชื่อตัวแปรที่เล็กที่สุดที่เป็นไปได้ การทำให้งงงวยนี้ปลอดภัยแม้ว่าจะใช้โครงสร้างเช่น 'eval' หรือ 'กับ' (แม้ว่าการบีบอัดจะไม่เหมาะสมที่สุดคือกรณีเหล่านั้น) เมื่อเทียบกับ JSMIN การประหยัดเฉลี่ยอยู่ที่ประมาณ 20%13204 1246? uGlifyJS2) - Uglifyjs เป็นตัวแยกวิเคราะห์ JavaScript, minifier, compressor หรือชุดเครื่องมือเสริมความงามเขียนด้วย JavaScript3768 186? CSSO) - CSS minimizer ไม่เหมือนคนอื่น ๆ นอกเหนือจากเทคนิคการลดขนาดปกติแล้วยังสามารถดำเนินการเพิ่มประสิทธิภาพโครงสร้างของไฟล์ CSS ส่งผลให้ขนาดไฟล์เล็กลงเมื่อเทียบกับเครื่องย่อยอื่น ๆ76 36? cssmin.js) - cssmin.js เป็นพอร์ตจาวาสคริปต์ของ minifier CSS ของ Yuicompressor812 170? Grunt-Contrib-concat)-ปลั๊กอินคำรามเพื่อเชื่อมต่อไฟล์1481 348? Grunt-Contrib-Uglify)-ปลั๊กอินคำรามเพื่อเชื่อมต่อไฟล์ JavaScript4178 323? Clean-CSS)-CSS minifier ที่รวดเร็วมีประสิทธิภาพและได้รับการทดสอบอย่างดีสำหรับ Node.JS.2811 601? Django -compressor) - บีบอัดที่เชื่อมโยงและ JavaScript แบบอินไลน์หรือ CSS ลงในไฟล์แคชเดียว1520 371? Django-Pipeline)-Pipeline เป็นไลบรารีบรรจุภัณฑ์สินทรัพย์สำหรับ Django โดยให้ทั้ง CSS และ JavaScript CONCATENATION และการบีบอัดการสนับสนุนเทมเพลต JavaScript ในตัว750 150? JSHRINK) - JSHRINK เป็นคลาส PHP ที่ลด JavaScript เพื่อให้สามารถส่งไปยังไคลเอนต์ได้เร็วขึ้น1052 81? CSSSHRINK) - เนื่องจาก CSS เป็นเส้นทางที่สำคัญในการแสดงผล มันต้องเล็ก! มิฉะนั้น!28 4? Grunt -CSSSHRINK) - นี่เป็นเพียง wrapper คำรามสำหรับ CSS หดตัว22 0? Gulp -CSSSHRINK) - หดไฟล์ CSS โดยใช้ CSSSHRINK สำหรับ Gulp6 1? สวย) - Uglify (ช่องว่างแถบ) หรือ prettify (เพิ่มช่องว่างที่สอดคล้องกัน) รหัส CSS795 138? Grunt-Contrib-Cssmin)-CSS minifier สำหรับคำราม3825 174? GRUNT -ONCSS) - งานทำเสียงฮึดฮัดสำหรับการลบ CSS ที่ไม่ได้ใช้ออกจากโครงการของคุณ938 40? Gulp -Onss) - งานอึกสำหรับลบ CS ที่ไม่ได้ใช้ออกจากโครงการของคุณ 1620 64? UCSS) - UCSS ทำขึ้นสำหรับการรวบรวมข้อมูลเว็บไซต์ (ขนาดใหญ่) เพื่อค้นหาตัวเลือก CSS ที่ไม่ได้ใช้ แต่ไม่ลบ CSS ที่ไม่ได้ใช้343 21? httpinvoke)-ไลบรารีไคลเอนต์ HTTP ที่ไม่ได้พึ่งพาอาศัยกันสำหรับเบราว์เซอร์และ node.js พร้อม API แบบอิงตามคำสัญญาหรือ node.js-style เพื่อความคืบหน้าเหตุการณ์ข้อความและการอัปโหลดไฟล์ไบนารี10052 372? สำคัญ) - สารสกัดและอินไลน์วิกฤต CSS ในหน้า HTML (อัลฟ่า)12 1? CSSCOLORMIN) - ยูทิลิตี้ที่ลดสี CSS ตัวอย่าง: min ("White"); // minifies เป็น "#FFF"17585 1731? Lazysizes) - Lazy Loader ที่มีประสิทธิภาพสูงสำหรับรูปภาพ (ตอบสนองและปกติ), iframes และสคริปต์ที่ตรวจพบการเปลี่ยนแปลงการมองเห็นใด ๆ ที่เกิดขึ้นจากการโต้ตอบของผู้ใช้ CSS หรือ JavaScript โดยไม่มีการกำหนดค่า1631 45? TMI) - TMI (ภาพมากเกินไป) - ค้นพบน้ำหนักภาพของคุณบนเว็บ 21150 1390? SVGO) - SVGO เป็นเครื่องมือที่ใช้ NodeJS สำหรับการปรับไฟล์กราฟิกเวกเตอร์ SVG ให้เหมาะสม433 40? Grunt -Svgmin) - minify SVG โดยใช้ SVGO สำหรับ Grunt1634 93? SVG Cleaner) - SVG Cleaner สามารถช่วยคุณทำความสะอาดไฟล์ SVG จากข้อมูลที่ไม่จำเป็น มันมีตัวเลือกมากมายสำหรับการทำความสะอาดและการเพิ่มประสิทธิภาพทำงานในโหมดแบทช์และให้การประมวลผลแบบเกลียวบนโปรเซสเซอร์หลายตัว 431 201? Polymer Bundler)-Polymer-Bundler เป็นห้องสมุดสำหรับสินทรัพย์โครงการบรรจุภัณฑ์สำหรับการผลิตเพื่อลดการเดินทางไปกลับของเครือข่าย100 25? gulp -vulcanize) - เชื่อมต่อชุดของส่วนประกอบเว็บเป็นไฟล์เดียวที่ใช้ Vulcanize 992 156? HTTPERF) - HTTPERF เป็นเครื่องมือสำหรับการวัดประสิทธิภาพของเว็บเซิร์ฟเวอร์ มันมีสิ่งอำนวยความสะดวกที่ยืดหยุ่นสำหรับการสร้างเวิร์กโหลด HTTP ต่างๆและสำหรับการวัดประสิทธิภาพของเซิร์ฟเวอร์179 23? Autoperf) - Autoperf เป็นไดรเวอร์ทับทิมสำหรับ HTTPERF ซึ่งออกแบบมาเพื่อช่วยให้คุณทำการทดสอบโหลดและประสิทธิภาพของเว็บแอปพลิเคชันใด ๆ โดยอัตโนมัติ - สำหรับจุดสิ้นสุดเดียวหรือผ่านการเล่นซ้ำบันทึก13 4? httperf.rb) - อินเทอร์เฟซทับทิมอย่างง่ายสำหรับ httperf เขียนด้วยทับทิม5 0? php -httperf) - พอร์ต PHP ของ httperf.rb25 2? httperf.js) - พอร์ต JS ของ httperf.rb11 8? httperf.py) - พอร์ต Python ของ httperf.rb4 0? gohttperf) - ไปพอร์ตของ httperf.rb38207 2955? WRK) - เครื่องมือเปรียบเทียบ HTTP (พร้อมสคริปต์ LUA เสริมสำหรับการสร้างคำขอการประมวลผลการตอบสนองและการรายงานที่กำหนดเอง)6455 631? BeeswithMachineGuns) - ยูทิลิตี้สำหรับการติดอาวุธ (สร้าง) ผึ้งจำนวนมาก (อินสแตนซ์ Micro EC2) เพื่อโจมตีเป้าหมาย (การทดสอบโหลด) (เว็บแอปพลิเคชัน)244 22? Webp -Detect) - Webp พร้อมยอมรับการเจรจาต่อรอง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.958 25? iamakulov/awesome-webpack-perf) - A curated list of webpack tools for web performance32197 3561? bayandin/awesome-awesomeness).338979 28117? sindresorhus/awesome).823 61? imteekay/web-performance-research) - Research in Web PerformanceFor contributing, open an issue and/or a pull request.
8403 563? davidsonfellipe/awesome-wpo)
