fucking awesome wpo
1.0.0
Selamat datang di daftar sumber daya optimasi kinerja web yang dikuratori. Repositori ini bertujuan untuk mengumpulkan alat, artikel, blog, buku, dan pembicaraan terbaik yang berkaitan dengan mengoptimalkan kinerja situs web. Baik Anda seorang pengembang, perancang, atau penggemar kinerja, Anda akan menemukan konten berharga di sini untuk menambah proyek web Anda.
WPO / artikel yang luar biasa
? WPO / blog yang luar biasa
WPO / buku yang luar biasa
WPO / dokumen yang luar biasa
? WPO / acara yang luar biasa
? WPO / pembicaraan yang luar biasa
Berikut gambaran cepat kategori yang dibahas dalam koleksi ini:
Pergi ke Artikel.MD.
Pergi ke blog.
Buku Terbaik Tentang WPO
Karena komunitas penting!
Mereka dikategorikan ke dalam konten/rapat.md.
Mereka dikategorikan ke dalam konten/talk.md.
872 100? Mengaku) - Menggunakan phantomjs untuk menganalisis halaman web tanpa kepala dan menghasilkan manifes.28533 9406? Lighthouse) - Alat Audit dan Kinerja Metrik untuk Aplikasi Web Progresif.2205 382? YSLOW) - Yslow menganalisis halaman web dan menyarankan cara untuk meningkatkan kinerja mereka berdasarkan serangkaian aturan untuk halaman web berkinerja tinggi.35 3? Grunt -Webpagetest) - Plugin Grunt untuk pengukuran kontinu WebPagetest. (Demo)91 15? Grunt -Isslow) - Tugas Grunt untuk Menguji Kinerja Halaman Menggunakan Phantomjs, Browser Webkit Tanpa Kepala.856 37? Grunt -Perfbudget) - Tugas Grunt.js untuk menegakkan anggaran kinerja? Lebih lanjut tentang anggaran kinerja).2641 200? Kerangka Kerja Penelusuran Web) - Kerangka kerja penelusuran web adalah satu set perpustakaan, alat, dan visualisis untuk penelusuran dan penyelidikan aplikasi web yang kompleks2469 280? Yandex.tank) - Alat pengujian beban open -source yang dapat diperluas untuk pengguna Linux canggih yang sangat baik sebagai bagian dari rangkaian pengujian beban otomatis.1865 23? Speed Racer) - Kumpulkan metrik kinerja untuk perpustakaan/aplikasi Anda menggunakan chrome headless.9 6? Node -yslowjs) - yslow.js di node.js adalah pembungkus node.js sederhana untuk secara terprogram menjalankan phantomjs yslow.js.3105 126? PSI) - Wawasan Halaman untuk Node.js - dengan pelaporan.4474 180? Bundlessize) - Tetap tetap ukuran bundel Anda.3846 101? Source-Map-Explorer)-Analisis dan Debug Bundle Ruang Penggunaan melalui peta sumber.12605 489? Webpack Bundle Analyzer) - Plugin webpack dan utilitas CLI yang mewakili konten bundel sebagai treemap yang dapat diperbesar interaktif yang nyaman.4 1? Lasso -analyzer) - Menganalisis dan memvisualisasikan bundel proyek yang dibuat oleh Lasso.1413 108? Plugin Webpack Kompresi) - Siapkan versi aset terkompresi untuk menyajikannya dengan pengodean konten.583 20? BundLestats) - Hasilkan laporan bundel (ukuran bundel, aset, modul, paket) dan bandingkan hasil antara berbagai bangunan 573 21? CSS -PERF) - Cara yang sama sekali tidak ilmiah untuk menguji kinerja CSS. Sebagian besar tes ini akan berputar di sekitar metodologi dan teknik untuk menentukan arsitektur CSS yang efektif. Dengan kata lain, saya ingin tahu apa yang paling baik mengingat perbandingan strategi CSS tertentu. Satu set alat untuk membuat kasus uji dan membandingkan berbagai implementasi dalam JavaScript.
Temporarily out, follow this issue for updates: https://github.com/jsperf/jsperf.com/issues/537166 15? JSLITMUS) - JSlitMus adalah alat yang ringan untuk membuat tes benchmark javascript ad -hoc.563 37? Matcha) - Matcha memungkinkan Anda untuk merancang eksperimen yang akan mengukur kinerja kode Anda. Dianjurkan agar setiap bangku fokus pada titik dampak tertentu dalam aplikasi Anda.1496 113? TIMING.JS) - Timing.js adalah sekelompok kecil pembantu untuk bekerja dengan API waktu navigasi untuk mengidentifikasi di mana aplikasi Anda menghabiskan waktunya. Berguna sebagai skrip mandiri, cuplikan Devtools, atau bookmarklet.8780 1201? Stats.js) - Kelas ini menyediakan kotak info sederhana yang akan membantu Anda memantau kinerja kode Anda.1 0? Perftests) - Tes kinerja model warisan JavaScript.2094 105? Memory -stats.js) - Monitor minimal untuk ukuran tumpukan JS melalui memori kinerja. 53 4? PHPENCH) - PHPENCH membuat output grafis untuk tolok ukur PHP. Plot runtime dari fungsi apa pun secara realtime dengan gnuplot dan buat gambar dari hasilnya.13 1? PHP -BENCH) - Benchmark dan profil blok kode PHP sambil mengukur jejak kinerja. 3790 126? PerfMap) - Bookmarklet untuk membuat heatmap kinerja frontend dari sumber daya yang dimuat di browser menggunakan API Pengaturan Waktu Sumber Daya.559 52? DOM MONSTER)-Bookmarklet lintas platform, cross-browser yang akan menganalisis DOM & fitur lain dari halaman yang Anda hadapi, dan memberi Anda Bill of Health.1143 86? Performance -Bookmarklet) - Analisis halaman saat ini melalui API Pengaturan Waktu Sumber Daya, API Waktu Navigasi dan Time -Timing - semacam webpagetest langsung. Sebagai ? Ekstensi krom dan? Add-on Firefox dengan nama kinerja-analyser. Jaringan Pengiriman Konten atau Jaringan Distribusi Konten (CDN) adalah sistem server terdistribusi besar yang digunakan di beberapa pusat data di internet. Tujuan CDN adalah untuk melayani konten untuk pengguna akhir dengan ketersediaan tinggi dan kinerja tinggi. Lihat daftar besar CDN di Wikipedia.
5705 2060? JSDELIVR) - Mirip dengan Google Hosted Libraries, JSDELIVR adalah CDN open -source yang memungkinkan pengembang untuk meng -host proyek mereka sendiri dan siapa pun untuk menautkan ke file yang di -host di situs mereka.Untuk menemukan informasi lebih lanjut yang berguna bagi Anda untuk membuat pilihan yang tepat antara CDN berbayar, silakan kunjungi CDNPlanet.
82 6? Gulp-google-cdn)-Mengganti referensi skrip dengan Google CDN. 131 7? Kalori Browser) - Cara termudah untuk mengukur anggaran kinerja Anda. 35 2? ATBUILD) - Alat pembuatan kode JavaScript yang memungkinkan Anda menulis JavaScript yang mengeluarkan JavaScript. Bagus untuk membuka loop dan menulis perpustakaan yang menyusun runtime2550 169? Lem) - Lem adalah alat baris perintah sederhana untuk menghasilkan sprite:19 3? PITOMBA -PRITER) - Spriter adalah generator sprite dinamis yang sederhana dan fleksibel untuk CSS, menggunakan Python. Ini dapat memproses CSS baik sinkron dan asinkron karena menyediakan kelas untuk digunakan dalam kode Python Anda dan juga pengamat yang mendengarkan sistem file Anda dan mengubah CSS dan sprite segera setelah statis diubah.1133 92? Grunt -SpritesMith) - Tugas Grunt untuk Mengubah Sejumlah Gambar Menjadi Lembar Sprite dan Variabel CSS yang sesuai.15 1? TEGUL -SPRITE) - TUGAS TEGUL untuk membuat sprite gambar dan lembaran gaya yang sesuai untuk Gulp.334 45? GULP-SVG-SPRITES)-TUGAS GULP untuk membuat sprite SVG.2 1? SVGTOCSS) - Mengoptimalkan dan membuat file SVG di sprite CSS / SASS.36 6? AssetGraph-Sprite)-Transformasi AssetGraph untuk sprite penghasil otomatis berdasarkan grafik ketergantungan CSS.481 72? Sprity) - Generator sprite gambar modular dengan banyak fitur: mendukung sprite retina, mendukung format output yang berbeda, menghasilkan sprite dan file gaya yang tepat dari direktori gambar, dll ...621 76? Sprite Factory) - The Sprite Factory adalah perpustakaan ruby yang dapat digunakan untuk menghasilkan sprite CSS. Ini menggabungkan file gambar individual dari direktori menjadi satu gambar sprite terpadu dan membuat lembar gaya CSS yang sesuai untuk digunakan dalam aplikasi web Anda. Cara menghapus semua data yang tidak perlu ini dan memberi Anda file tanpa mengurangi kualitas.
83 18? Grunt -Smushit) - Plugin Grunt untuk menghapus byte PNG dan JPG yang tidak perlu menggunakan Yahoo Smushit.33 2? GULP -SMUSHIT) - Plugin Gulp untuk mengoptimalkan PNG dan JPG menggunakan Yahoo Smushit. Dibuat di atas smosh.5594 257? Imagemin) - Minify gambar mulus dengan node.js.29505 1302? Sharp)-Kasing penggunaan yang khas untuk modul Node.js berkecepatan tinggi ini adalah untuk mengubah gambar besar dari banyak format menjadi gambar JPEG, PNG, dan WebP yang lebih kecil dan ramah web.6966 616? GM) - GraphicsMagick dan Imagemagick untuk Node.js.12734 1178? Exexif) - Perpustakaan Elixir murni untuk mengekstrak tiff dan metadata exif dari file jpeg.1215 175? Grunt-Contrib-Imagemin)-Meminimalkan gambar PNG dan JPEG untuk Grunt.1905 156? GULP -IMAGEMIN) - Minify PNG, JPEG, GIF dan SVG gambar dengan Imagemin untuk Gulp.118 16? Grunt -WEBP) - Konversi gambar Anda ke format webp.220 18? Gulp -WEBP) - Konversi gambar ke Webp untuk Gulp.479 18? Grunt -ImageOptim) - Buat ImageOptim, Imagealpha, dan Jpegmini bagian dari proses pembuatan otomatis Anda.3461 127? ImageOptim -CLI) - Mengotomatiskan ImageOptim, Imagealpha, dan Jpegmini untuk Mac untuk membuat optimalisasi batch gambar bagian dari proses pembuatan otomatis Anda.21 3? Tapnesh -cli) - Tapnesh adalah alat CLI yang akan mengoptimalkan semua gambar Anda secara paralel dengan mudah dan efisien!5495 417? mozjpeg) - Peningkatan encoder jpeg.1608 120? JPEGOPTIM) - Utilitas untuk mengoptimalkan/mengompres file JPEG.3447 329? Zopflipng) - program baris perintah untuk mengoptimalkan gambar PNG.835 75? Leanify) - Minifier/pengoptimal file lossless ringan.944 24? Optimizt) - Alat Optimasi Gambar CLI. Ini dapat memampatkan PNG, JPEG, GIF dan SVG Lossy dan Lossless dan membuat versi Webp untuk gambar raster. 938 158? Lazyload) - Gambar Lazyload, IfRame, Widget dengan JavaScript Malaseloader Standalone ~ 1KB7466 448? LOZAD.JS) - sangat berkinerja, ringan ~ 0,9kb, dan loader malas yang dapat dikonfigurasi di JS murni tanpa ketergantungan untuk gambar yang responsif, iframe, dan banyak lagi 4156 348? Headjs)- satu-satunya skrip di kepala Anda. Untuk desain responsif, deteksi fitur, dan pemuatan sumber daya.69 9? Defer.js) - async semuanya: Buat daging halaman Anda lebih cepat dengan js morsel ini.5512 246? InstantClick) - InstantClick membuat tautan berikut di situs Anda instan.509 32? JIT) - A JIT (tepat pada waktunya) Plugin Loader untuk Grunt. Waktu pemuatan mendengus tidak melambat bahkan jika ada banyak plugin. 2257 142? Phantomas) - Pengumpul metrik kinerja web berbasis phantomjs dan alat pemantauan.25 4? Bench) - Menggunakan phantomas (pemroten metrik kinerja klien yang didukung phantomjs). Benchmark halaman, simpan hasil di MongoDB, dan tampilkan hasil melalui server bawaan.104 15? Keepfast) - Alat untuk memantau indikator yang terkait dengan kinerja halaman web.284 25? Grunt -Phantomas) - Grunt plugin membungkus hantu untuk mengukur kinerja frontend.0 0? Demo)).1641 173? WebPagetest API Wrapper untuk node.js) - Webpagetest API Wrapper adalah paket NPM yang membungkus WebPagetest API untuk node.js sebagai modul dan alat baris perintah. 542 73? Django-htmlmin)-Django-html dalam Minifier HTML untuk Python dengan dukungan penuh untuk HTML 5. Ini mendukung Django, Flask, dan kerangka kerja web Python lainnya. Ini juga menyediakan alat baris perintah yang dapat digunakan untuk situs statis atau skrip penyebaran.4962 576? HTMLMINIFIER)-HTMLMinifier adalah HTML Minifier yang sangat dapat dikonfigurasi, diuji dengan baik, dengan baik, dengan kemampuan mirip-serat.424 68? Grunt-Contrib-HTMLMIN)-Plugin Grunt untuk Meminifkan HTML yang menggunakan htmlminifier.726 57? GULP -HTMLMIN) - Plugin Gulp untuk meminimalkan HTML yang menggunakan htmlminifier.35 6? Grunt -HTMLCompressor) - Plugin Grunt untuk Kompresi HTML, menggunakan HTMLCompressor.12 7? Html_minifier) - ruby wrapper untuk kangax html -minifier.35 7? Html_press) - ruby permata untuk mengompresi html, yang menghilangkan semua sampah putih, dan hanya menyisakan html.31 6? KOA HTML Minifier) - Middleware yang meminimalkan respons HTML Anda menggunakan HTML -Minifier. Ini menggunakan opsi default HTML-Minifier yang semuanya dimatikan secara default, jadi Anda harus mengatur opsi jika tidak, ia tidak akan melakukan apa pun.162 18? Minimalkan)-Minimalkan adalah minifier HTML berdasarkan node-htmlparser, saat ini, HTML Minifier hanya sisi server yang dapat digunakan. Minifikasi sisi klien akan ditambahkan dalam rilis mendatang.133 86? HTML-Minifier)-Alat baris perintah Windows sederhana untuk meminimalkan tampilan HTML, Razor & Formulir Web Anda 3016 665? Yui Compressor) - Kompresor JavaScript yang, selain menghapus komentar dan ruang putih, mengaburkan variabel lokal menggunakan nama variabel terkecil yang mungkin. Kebingungan ini aman, bahkan ketika menggunakan konstruksi seperti 'eval' atau 'dengan' (meskipun kompresi tidak optimal adalah kasus -kasus tersebut) dibandingkan dengan JSmin, penghematan rata -rata sekitar 20%.13204 1246? Uglifyjs2) - Uglifyjs adalah parser javascript, minifier, kompresor atau alat perdagangan, yang ditulis dalam JavaScript.3768 186? CSSO) - CSS Minimizer Tidak seperti yang lain. Selain teknik minifikasi biasa, ia dapat melakukan optimalisasi struktural file CSS, menghasilkan ukuran file yang lebih kecil dibandingkan dengan minifier lainnya.76 36? CSSMIN.JS) - CSSMIN.JS adalah port Javascript dari Minifier CSS Yuicompressor.812 170? Grunt-Contrib-Concat)-Plugin Grunt untuk menggabungkan file.1481 348? Grunt-Contrib-Uglify)-Plugin Grunt untuk menggabungkan dan meminifkan file JavaScript.4178 323? Clean-CSS)-Minifier CSS yang cepat, efisien, dan teruji dengan baik untuk Node.js.2811 601? Django -Compressor) - Kompres terkait dan inline JavaScript atau CSS ke dalam satu file cache.1520 371? Django-Pipeline)-Pipeline adalah perpustakaan pengemasan aset untuk Django, menyediakan CSS dan gabungan dan kompresi JavaScript, dukungan templat javascript bawaan, dan gambar data-URI opsional dan embedding font.750 150? JShrink) - Jshrink adalah kelas PHP yang meminimalkan JavaScript sehingga dapat dikirimkan ke klien lebih cepat.1052 81? Cssshrink) - Karena CSS adalah jalan penting untuk rendering halaman. Itu pasti kecil! Atau!28 4? Grunt -CSSShrink) - Ini hanya pembungkus gerutuan untuk CSS Shrink.22 0? GULP -CSSSHRINK) - menyusut file CSS menggunakan cssshrink untuk gulp.6 1? Prettyugly) - Uglify (Strip Spaces) atau Prettify (Tambahkan Ruang Konsisten) Kode CSS.795 138? Grunt-Contrib-CSSMIN)-Minifier CSS untuk Grunt.3825 174? Grunt -UNCSS) - Tugas mendengus untuk menghapus CSS yang tidak digunakan dari proyek Anda.938 40? GULP -UNCSS) - Tugas tegukan untuk menghapus CSS yang tidak digunakan dari proyek Anda. 1620 64? UCSS) - UCSS dibuat untuk situs merangkak (besar) untuk menemukan pemilih CSS yang tidak digunakan, tetapi tidak menghapus CSS yang tidak digunakan.343 21? Httpinvoke)-Perpustakaan klien http http tanpa dependensi untuk browser dan node.js dengan API berbasis callback berbasis node atau node.js untuk kemajuan acara, teks, dan unggah file biner dan unduhan, badan respons parsial, header permintaan dan respons, kode status.10052 372? Critical) - Ekstrak & inline CSS -PATH CSS di HTML Pages (Alpha).12 1? CSSCOLORMIN) - Utilitas yang Memasuki Warna CSS, Contoh: Min ("Putih"); // Minified menjadi "#FFF".17585 1731? Lazysizes) - Loader malas berkinerja tinggi untuk gambar (responsif dan normal), iframe, dan skrip, yang mendeteksi perubahan visibilitas yang dipicu melalui interaksi pengguna, CSS atau JavaScript tanpa konfigurasi.1631 45? TMI) - TMI (terlalu banyak gambar) - Temukan berat gambar Anda di web. 21150 1390? SVGO) - SVGO adalah alat berbasis NODEJS untuk mengoptimalkan file grafik vektor SVG.433 40? Grunt -SVGMIN) - Minify SVG Menggunakan SVGO untuk Grunt.1634 93? SVG Cleaner) - SVG Cleaner dapat membantu Anda membersihkan file SVG Anda dari data yang tidak perlu. Ini memiliki banyak opsi untuk pembersihan dan optimasi, berfungsi dalam mode batch, dan menyediakan pemrosesan berulir pada prosesor multicore. 431 201? Polymer Bundler)-Polimer-bundler adalah perpustakaan untuk aset proyek pengemasan untuk diproduksi untuk meminimalkan perjalanan pulang pergi jaringan.100 25? Gulp -Vulcanize) - Kembalikan satu set komponen web ke dalam satu file yang menggunakan vulcanize. 992 156? Httperf) - httperf adalah alat untuk mengukur kinerja server web. Ini menyediakan fasilitas yang fleksibel untuk menghasilkan berbagai beban kerja HTTP dan untuk mengukur kinerja server.179 23? AUTOPERF) - Autoperf adalah driver ruby untuk httperf, dirancang untuk membantu Anda mengotomatiskan pengujian beban dan kinerja aplikasi web apa pun - untuk titik akhir tunggal, atau melalui replay log.13 4? Httperf.rb) - Antarmuka ruby sederhana untuk httperf, ditulis dalam ruby.5 0? Php -httperf) - port php httperf.rb.25 2? Httperf.js) - port js httperf.rb.11 8? Httperf.py) - Port Python dari httperf.rb.4 0? GOHTTPERF) - Port Go of httperf.rb.38207 2955? WRK) - Alat pembandingan HTTP (dengan skrip Lua opsional untuk pembuatan permintaan, pemrosesan respons, dan pelaporan khusus)6455 631? BeeswithMachineguns) - utilitas untuk mempersenjatai (membuat) banyak lebah (instance mikro EC2) untuk menyerang (uji beban) target (aplikasi web).244 22? Webp -Detect) - Webp dengan menerima negosiasi.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)
