ssr benchmark
1.0.0
هذه تجربة استجابةً لـ https://twitter.com/thdxr/status/1777782835249553517 حيث تم ذكر أن Next.js أبطأ كثيرًا على عرض جانب الخادم مقارنةً بتفاعل الفانيليا.
هذا ليس اختبارًا شاملاً أو علميًا. أردت فقط مقارنة كل منها في الإعداد معقدًا صغيرًا من مجرد طباعة hello world .
| (فِهرِس) | اسم | OPS/ثانية | المتوسط (MS) | عينات | الجسم (KB) | الازدواجية | بالنسبة إلى رد الفعل |
|---|---|---|---|---|---|---|---|
| 0 | "رد فعل" | 766 | "1.305" | 7663 | '97 .28 ' | 'x1.00' | '' ' |
| 1 | 'sveltekit' | 589 | '1.696' | 5898 | '184.46' | 'x2.00' | "1.30 × أبطأ" |
| 2 | "ريمكس" | 449 | "2.224" | 4497 | '189.10' | 'x2.00' | "1.71 × أبطأ" |
| 3 | 'nuxt' | 381 | "2.622" | 3814 | '201.12' | 'x2.00' | "2.01 × أبطأ" |
| 4 | "Qwik-City" | 278 | "3.584" | 2790 | "139.21" | 'x1.00' | "2.76 × أبطأ" |
| 5 | "الصفحات التالية" | 104 | '9.590' | 1043 | "187.67" | 'x2.00' | "7.37 × أبطأ" |
| 6 | "Astro" | 99 | '10 .077 ' | 993 | '99 .91 ' | 'x1.00' | "7.74 × أبطأ" |
| 7 | 'mfng' | 69 | '14 .372 ' | 696 | '317.31' | 'x2.50' | '11 .10 × أبطأ " |
| 8 | 'التالي' | 53 | '18 .673 ' | 536 | '284.64' | 'x2.00' | '14 .45 × أبطأ " |
| (فِهرِس) | اسم | OPS/ثانية | المتوسط (MS) | عينات | الجسم (KB) | الازدواجية | بالنسبة لماركو |
|---|---|---|---|---|---|---|---|
| 0 | "ماركو" | 6675 | "0.150" | 66759 | '96 .74 ' | 'x1.00' | '' ' |
| 1 | "كيتا" | 3074 | "0.325" | 30742 | '97 .34 ' | 'x1.00' | "2.17 × أبطأ" |
| 2 | "هونو" | 945 | "1.058" | 9452 | '97 .15 ' | 'x1.00' | "7.06 × أبطأ" |
| 3 | 'vue' | 897 | "1.114" | 8977 | '96 .72 ' | 'x1.00' | "7.44 × أبطأ" |
| 4 | "رد فعل" | 764 | '1.308' | 7649 | '97 .28 ' | 'x1.00' | "8.74 × أبطأ" |
| 5 | 'qwik' | 622 | "1.605" | 6230 | "137.88" | 'x1.00' | '10 .73 × أبطأ " |
| 6 | 'صلب' | 613 | '1.630' | 6137 | '215.93' | 'x2.00' | '10 .89 × أبطأ " |
الصلبة هنا ولكنها تحمل أيضًا بيانات ترطيب للترطيب من جانب العميل ، فهي أكثر قابلية للمقارنة مع الأطر بهذه الطريقة.
الجسم هو طول جسم الاستجابة في كيلو بايت
تم تحديث الجدول بفضل Kiliman. يستخدم Remix الآن تأجيل العائد نتائج أفضل بكثير.
MFNG هو الحد الأدنى من تنفيذ RSC. من المهم أن نرى نتائجها مقارنةً بـ Next حيث يعكس كلاهما أداء عرض RSC.
const dynamic = 'force-dynamic' . (وإلا فإننا سنقوم بتقييم خادم HTTP ثابت لأنه لا يوجد رمز ديناميكي مثل الوصول إلى ملفات تعريف الارتباط.)v20.6.1 على جهاز MacBook Pro M1 Proloader الطريق.$ npm install
$ npm run build
$ npm start
