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 -yslow) - مهمة Grunt للاختبار أداء صفحة باستخدام PhantomJs ، متصفح WebKit بدون رأس.856 37? Grunt -perfbudget) - مهمة grunt.js لفرض ميزانية الأداء؟ المزيد عن ميزانيات الأداء).2641 200? إطار تتبع الويب) - إطار تتبع الويب هو مجموعة من المكتبات والأدوات والمرحيل لتتبع تطبيقات الويب المعقدة والتحقيق فيها2469 280? yandex.tank) - أداة اختبار تحميل مفتوحة المصدر قابلة للتمديد لمستخدمي Linux المتقدمين والتي تعد جيدة بشكل خاص كجزء من مجموعة اختبار التحميل الآلية.1865 23? Speed Racer) - جمع مقاييس الأداء لمكتبة/تطبيقك باستخدام Chrome Headless.9 6? Node -yslowjs) - yslow.js on node.js هو غلاف node.js بسيط لتشغيل phantomjs yslow.js برمجيا.3105 126? PSI) - PageSpeed Insights لـ Node.js - مع التقارير.4474 180? bundlesize) - الحفاظ على حجم الحزمة الخاص بك في الاختيار.3846 101? Source-Map-explorer)-تحليل وتصحيح استخدام مساحة حزمة التصحيح من خلال خرائط المصدر.12605 489? WebPack Bundle Analyzer) - WebPack Plugin و CLI الأداة المساعدة التي تمثل محتوى الحزمة باعتبارها treemap التفاعلية المريحة.4 1? Lasso -Analyzer) - تحليل وتصور حزم المشروع التي أنشأها Lasso.1413 108? PLESSING WebPack Plugin) - قم بإعداد إصدارات مضغوطة من الأصول لخدمتها مع ترميز المحتوى.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 المخصصة.563 37? Matcha) - يتيح لك Matcha تصميم التجارب التي ستقيس أداء الكود الخاص بك. يوصى بتركيز كل مقعد على نقطة محددة في تطبيقك.1496 113? Timing.js) - Timing.js هي مجموعة صغيرة من المساعدين للعمل مع واجهة برمجة تطبيقات توقيت التنقل لتحديد مكان قضاء طلبك في وقته. مفيد كنص مستقل ، مقتطف DevTools ، أو إشارة مرجعية.8780 1201? STATS.JS) - توفر هذه الفئة مربع معلومات بسيط يساعدك على مراقبة أداء الكود الخاص بك.1 0? Perftests) - اختبارات الأداء لنماذج الميراث JavaScript.2094 105? Memory -Stats.JS) - الحد الأدنى من شاشة حجم كومة JS عبر ذاكرة الأداء. 53 4? PHPENCH) - ينشئ PHPENCH مخرجات رسومية لمعايير PHP. ارسم وقت تشغيل أي وظيفة في الوقت الفعلي مع gnuplot وإنشاء صورة من النتيجة.13 1? PHP -BENCED) - كتل رمز PHP المعيارية والملف الشخصي أثناء قياس بصمة الأداء. 3790 126? PerfMap) - إشارة مرجعية لإنشاء خريطة حرارة للأداء الأمامي للموارد المحملة في المتصفح باستخدام واجهة برمجة تطبيقات توقيت الموارد.559 52? DOM Monster)-مرجعية مرجعية للمفصل عبر المنصات ، والتي ستحلل DOM والميزات الأخرى للصفحة التي تمنحك ، وتمنحك فواتير الصحة.1143 86? Performance -Bookmarklet) - قم بتحليل الصفحة الحالية من خلال واجهة برمجة تطبيقات توقيت الموارد ، واجهة برمجة تطبيقات توقيت التنقل وتومية المستخدم - نوعًا من webpagetest live live. مثل ؟ تمديد الكروم و؟ Firefox الوظيفة الإضافية تحت اسم التحديد الأداء. شبكة توصيل المحتوى أو شبكة توزيع المحتوى (CDN) هي نظام كبير موزع من الخوادم المنشورة في مراكز بيانات متعددة عبر الإنترنت. الهدف من CDN هو خدمة المحتوى للمستخدمين النهائيين بتوافر عالي وأداء عالي. انظر قائمة كبيرة من CDN في ويكيبيديا.
5705 2060? JSDelivr) - على غرار المكتبات المستضافة من Google ، فإن JSDelivr هو CDN مفتوح المصدر يتيح للمطورين استضافة مشاريعهم الخاصة وأي شخص بالربط بملفاتنا المستضافة على مواقعهم.للعثور على مزيد من المعلومات المفيدة لك لاتخاذ الخيار الصحيح بين CDNs المدفوعة ، يرجى زيارة CDNPlanet.
82 6? Gulp-Google-CDN)-يحل محل مراجع البرنامج النصي مع Google CDN. 131 7? السعرات الحرارية للمتصفح) - أسهل طريقة لقياس ميزانية أدائك. 35 2? ATBUILD) - أداة توليد رمز JavaScript التي تتيح لك كتابة JavaScript التي تخرج JavaScript. جيد للاختطاف الحلقات وكتابة المكتبات التي تجمع وقت التشغيل2550 169? الغراء) - الغراء هو أداة سطر أوامر بسيطة لإنشاء العفاريت:19 3? Pitomba -spriter) - Spriter هو مولد Sprite ديناميكي بسيط ومرن لـ CSS ، باستخدام Python. يمكنه معالجة CSS على حد سواء متزامن وغير متزامن لأنه يوفر فئات لاستخدامها في رمز Python الخاص بك وأيضًا مراقب يستمع إلى نظام الملفات الخاص بك ويغير CSS و Sprite بمجرد تغيير ثابت.1133 92? Grunt -Spritesmith) - مهمة Grunt لتحويل مجموعة من الصور إلى ورقة Sprite ومتغيرات CSS المقابلة.15 1? GULP -SPRITE) - مهمة GULP لإنشاء Sprite صورة وأوراق الأناقة المقابلة لـ GULP.334 45? GULP-SVG-SPRITES)-مهمة GULP لإنشاء Sprites SVG.2 1? SVGTOCSS) - تحسين ملفات SVG وتقديمها في العفاريت CSS / SASS.36 6? Assetgraph-sprite)-تحويل Assetgraph للعفاريت المولدة تلقائيًا استنادًا إلى الرسم البياني للاعتماد على CSS.481 72? العراة) - يدعم مولد العفريت صورة معياري مع الكثير من الميزات: يدعم العفاريت الشبكية ، ويدعم تنسيقات الإخراج المختلفة ، وينشئ العفاريت وملفات النمط المناسبة من دليل الصور ، إلخ ...621 76? Sprite Factory) - مصنع Sprite هو مكتبة Ruby التي يمكن استخدامها لإنشاء العفاريت CSS. فهو يجمع بين ملفات الصور الفردية من دليل إلى صورة Sprite واحدة موحدة وإنشاء ورقة نمط CSS مناسبة لاستخدامها في تطبيق الويب الخاص بك. كيفية إزالة كل هذه البيانات غير الضرورية ومنحك ملفًا دون جودة مهينة.
83 18? Grunt -Smushit) - المكون الإضافي Grunt لإزالة بايت غير ضروري لـ PNG و JPG باستخدام Yahoo Smushit.33 2? Gulp -Smushit) - البرنامج المساعد Gulp لتحسين PNG و JPG باستخدام Yahoo Smushit. صنع فوق سموش.5594 257? ImageMin) - Minify الصور بسلاسة مع Node.js.29505 1302? حادة)-تتمثل حالة الاستخدام النموذجية في وحدة Node.js عالية السرعة هذه في تحويل صور كبيرة من العديد من التنسيقات إلى صور JPEG أصغر ودية على الويب و PNG و WebP ذات الأبعاد المختلفة.6966 616? GM) - GraphicsMagick و ImageMagick for Node.js.12734 1178? exexif) - مكتبة Elixir النقية لاستخراج TIFF و METADATA EXIF من ملفات JPEG.1215 175? Grunt-Contrib-Imagemin)-صور Minify PNG و JPEG لـ Grunt.1905 156? Gulp -Imagemin) - صور Minify PNG و JPEG و GIF و SVG مع ImageMin for Gulp.118 16? Grunt -Webp) - قم بتحويل صورك إلى تنسيق WebP.220 18? Gulp -Webp) - تحويل الصور إلى WebP لـ Gulp.479 18? Grunt -ImageOptim) - Make ImageOptim و Imagealpha و Jpegmini جزء من عملية الإنشاء الآلية الخاصة بك.3461 127? ImageOptim -Cli) - أتمتة ImageOptim و Imagealpha و JPegmini لنظام التشغيل Mac لجعل الدُفعات تحسين الصور من عملية الإنشاء الآلية.21 3? TAPNESH -CLI) - TAPNESH هو أداة CLI التي ستحسن جميع صورك بالتوازي بسهولة وكفاءة!5495 417? Mozjpeg) - محسّنة تشفير JPEG.1608 120? JPegoptim) - الأداة المساعدة لتحسين/ضغط ملفات JPEG.3447 329? Zopflipng) - برنامج سطر الأوامر لتحسين صور PNG.835 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.9 كيلو بايت ، وموقد كسول قابل للتكوين في JS النقي مع عدم وجود تبعيات للصور المستجيبة ، والمعايير ، والمزيد 4156 348? Headjs)- البرنامج النصي الوحيد في رأسك. للتصميم المستجيب ، اكتشاف الميزات ، وتحميل الموارد.69 9? Defer.js) - Async كل شيء: اجعل لحم صفحاتك يتم تحميله بشكل أسرع مع لقمة JS.5512 246? InstantClick) - يقوم InstantClick بعمل الروابط التالية في موقعك الفوري.509 32? JIT) - محمل إضافي JIT (في الوقت المناسب) لـ GRUNT. لا يتباطأ وقت تحميل Grunt حتى لو كان هناك العديد من الإضافات. 2257 142? Phantomas) - جامع مقاييس أداء الويب المستندة إلى PhantomJS وأداة المراقبة.25 4? مقاعد البدلاء) - باستخدام الأورام الوهمية (مقاييس أداء العميل المدعومة من الوهمية). Benchmark A Page ، ينتج المتجر إلى MongoDB ، وعرض نتائج عبر الخادم المدمج.104 15? Keepfast) - أداة لمراقبة المؤشرات المتعلقة بأداء صفحة الويب.284 25? Grunt -Phantomas) - Grunt Plugin لف الوهمية لقياس أداء الواجهة الأمامية.0 0? Demo)).1641 173? WebPageTest API Wrapper for Node.js) - WebPagetest API Wrapper عبارة عن حزمة NPM التي تلتف WebPagetest API لـ Node.js كوحدة وأداة سطر أوامر. 542 73? Django-HTMLMIN)-Django-HTML في Minifier HTML للبيثون بدعم كامل لـ HTML 5. وهو يدعم Django و Flask وأي إطار ويب Python آخر. كما يوفر أداة سطر الأوامر التي يمكن استخدامها للمواقع الثابتة أو البرامج النصية للنشر.4962 576? htmlminifier)-htmlminifier هو minifier html قابلة للتكوين ، واختبار بشكل جيد ، يعتمد على javaScript ، مع إمكانات تشبه الوبر.424 68? Grunt-Contrib-Htmlmin)-مكون إضافي لنقل HTML الذي يستخدم htmlminifier.726 57? Gulp -HTMLMIN) - مكون إضافي GULP لتصنيع HTML الذي يستخدم htmlminifier.35 6? Grunt -HTMlcompressor) - مكون إضافي لضغط HTML ، باستخدام htmlcompressor.12 7? HTML_MINIFIER) - غلاف Ruby لـ Kangax HTML -Minifier.35 7? HTML_PRESS) - جوهر Ruby لضغط HTML ، الذي يزيل كل غير المرغوب فيه ، ويترك HTML فقط.31 6? KOA HTML Minifier) - البرامج الوسيطة التي تضع استجابات HTML الخاصة بك باستخدام HTML -Minifier. يستخدم الخيارات الافتراضية لـ HTML-Minifier والتي يتم إيقافها جميعًا افتراضيًا ، لذلك يتعين عليك تعيين الخيارات وإلا فلن تفعل أي شيء.162 18? الحد الأدنى)-الحد الأدنى هو minifier HTML استنادًا إلى Node-HTMLParser ، حاليًا ، HTML Minifier هو فقط من جانب الخادم القابل للاستخدام. ستتم إضافة التصفيف من جانب العميل في إصدار مستقبلي.133 86? HTML-Minifier)-أداة سطر أوامر Windows بسيطة لتحقيق مشاهدات HTML و Razor Views و Web Forms 3016 665? ضاغط Yui) - ضاغط JavaScript الذي ، بالإضافة إلى إزالة التعليقات والمساحات البيضاء ، يملأ المتغيرات المحلية باستخدام أصغر اسم متغير ممكن. هذا التشويش آمن ، حتى عند استخدام بنيات مثل "eval" أو "مع" (على الرغم من أن الضغط ليس مثاليًا هو تلك الحالات) مقارنة بـ JSMIN ، فإن متوسط التوفير حوالي 20 ٪.13204 1246? UglifyJS2) - UglifyJS هو محلل جافا سكريبت ، minifier ، ضاغط أو مجموعة أدوات تجميل ، مكتوب في JavaScript.3768 186? CSSO) - CSS Minimizer على عكس الآخرين. بالإضافة إلى تقنيات التحسين المعتادة ، يمكنه إجراء التحسين الهيكلي لملفات CSS ، مما يؤدي إلى حجم ملف أصغر مقارنةً بالميثاق الأخرى.76 36? CSSMIN.JS) - CSSMIN.JS هو منفذ JavaScript من Minifier CSS's CSS.812 170? Grunt-Contrib-Concat)-مكون إضافي Grunt to Concatenate Files.1481 348? Grunt-Contrib-uglify)-مكون إضافي Grunt to Concatenate and Minify JavaScript.4178 323? CSS Clean)-Minifier سريع وفعال ومختبر جيدًا للعقدة.2811 601? Django -compressor) - يضغط على JavaScript المرتبط والمضمّن أو CSS في ملف مخزّن واحد.1520 371? Django-pipeline)-خط الأنابيب هو مكتبة تغليف الأصول لـ Django ، حيث توفر كل من CSS و JavaScript التسلسل والضغط ، ودعم قالب JavaScript المدمج ، وصورة اختيارية للبيانات-URI وتضمين الخط.750 150? JSHRINK) - JSHRINK هي فئة PHP التي تضع JavaScript بحيث يمكن تسليمها إلى العميل بشكل أسرع.1052 81? CSSSHRINK) - لأن CSS هو OSPON المسار الحرج لتقديم الصفحات. يجب أن تكون صغيرة! وإلا28 4? Grunt -Csssshrink) - هذا مجرد غلاف نخر لـ CSS يتقلص.22 0? GULP -CSSSHRINK) - تقلص ملفات CSS باستخدام CSSSHRINK لـ GULP.6 1? pretterugly) - Uglify (مساحات الشريط) أو رمز CSS (إضافة مسافات متسقة).795 138? Grunt-Contrib-CSSMIN)-Minifier CSS لـ Grunt.3825 174? Grunt -uncss) - مهمة نخر لإزالة CSS غير المستخدمة من مشاريعك.938 40? Gulp -uncss) - مهمة Gulp لإزالة CSS غير المستخدمة من مشاريعك. 1620 64? UCSS) - يتم تصنيع UCSS لمواقع الزحف (الكبيرة) للعثور على محددات CSS غير المستخدمة ، ولكن لا تزيل CS غير المستخدمة.343 21? HTTPINVOKE)-مكتبة عميل HTTP لعملات HTTP للمتصفحات و NODE.JS مع واجهة برمجة تطبيقات مستداة على طراز NODE.JS على طراز GS إلى أحداث التقدم ، والنص ، وتحميل الملف الثنائي وتنزيله ، وجسم الاستجابة الجزئي ، ورؤوس الطلب ، ورمز الحالة.10052 372? حرجة) - استخراج ومضمّن CSS CRIGTH في صفحات HTML (ألفا).12 1? CSSCOLORMIN) - الأداة المساعدة التي تضع ألوان CSS ، مثال: MIN ("أبيض") ؛ // minifies to "#fff".17585 1731? Lazysizes) - محمل كسول عالي الأداء للصور (الاستجابة والطبيعية) ، والمعارف النهائية ، والبرامج النصية ، التي تكتشف أي تغييرات رؤية تسبب من خلال تفاعل المستخدم ، CSS أو JavaScript دون تكوين.1631 45? TMI) - TMI (العديد من الصور) - اكتشف وزن صورتك على الويب. 21150 1390? SVGO) - SVGO هي أداة تعتمد على NodeJS لتحسين ملفات رسومات ناقلات SVG.433 40? Grunt -Svgmin) - Minify SVG باستخدام SVGO لـ Grunt.1634 93? SVG Cleaner) - يمكن أن تساعدك SVG Cleaner على تنظيف ملفات SVG من البيانات غير الضرورية. إنه يحتوي على الكثير من الخيارات للتنظيف والتحسين ، ويعمل في وضع الدُفعات ، ويوفر معالجة الخيوط على معالجات متعددة الأزهار. 431 201? Polymer Bundler)-Bundler البوليمر هو مكتبة لأصول مشروع التعبئة والتغليف للإنتاج لتقليل درجات الشبكة.100 25? Gulp -Vulcanize) - Concatenate مجموعة من مكونات الويب في ملف واحد يستخدم Vulcanize. 992 156? HTTPERF) - HTTPERF هي أداة لقياس أداء خادم الويب. يوفر منشأة مرنة لإنشاء أعباء عمل HTTP المختلفة وقياس أداء الخادم.179 23? AutOPERF) - AutOPERF هو برنامج تشغيل Ruby لـ HTTPERF ، مصمم لمساعدتك في أتمتة التحميل واختبار أي تطبيق ويب - للحصول على نقطة نهاية واحدة ، أو من خلال إعادة تشغيل السجل.13 4? httperf.rb) - واجهة Ruby بسيطة لـ httperf ، مكتوبة في Ruby.5 0? PHP -HTTPERF) - PHP Port of Httperf.rb.25 2? httperf.js) - JS Port of Httperf.rb.11 8? httperf.py) - Python Port of Httperf.rb.4 0? gohttperf) - Go Port of Httperf.rb.38207 2955? WRK) - أداة القياس HTTP (مع البرمجة النصية الاختيارية لتوليد الطلبات ومعالجة الاستجابة وتقارير مخصصة)6455 631? BEESWITHMACHINEGUNS) - أداة تسليح (إنشاء) العديد من النحل (مثيلات 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)
