الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

أبحاث أداء الويب

هذا المستودع عبارة عن مجموعة من الموارد التي استهلكتها مع مرور الوقت لاكتساب المعرفة والقيام بحثي الخاص حول أداء الويب.

جدول محتويات محتويات

  • الأداء على شبكة الإنترنت
    • جدول محتويات المحتويات
    • بنية
      • المتصفح
    • الخلفي
      • للعاملين / العمال
      • تقديم محركات
    • بناء الأدوات
    • ذاكرة التخزين المؤقت ودراسات
    • الحالة الوظيفية حالة
      • الوظيفية
    • كتب
    • المجتمع
      • المؤتمرات
      • ومحتويات
      • الدورات
      • الدورات
      • podcasts
    • core web vitals
      • core cumulative that fonts tuts fonts tuts tuts tuts tuts
      • tuts
      • tuts tuts tuts tuts tuts tuts
      • fonts
        • fonts fonts
      • fonts fonts fonts fonts fonts fonts fonts fonts fonts fonts fonts swits fonts
        • fonts
    • swits
      • fonts
      • sw
    • البنية التحتية
    • javaScript
    • قياس أداء
      • وقت تشغيل الأداء
      • DevTools
      • كيفية
        • قياس
      • القياس
      • الأدوات
      • إدارة الذاكرة إدارة
    • الأداء الأداء ميزانية
      • الأداء الميزانية الأداء الأدوات
    • المسبقة
      • الأدوات
    • web
      • رد فعل
      • رد الفعل مما
      • يجعل قياس
    • استدامة الاستدامة
    • التغريدات
    • ux
      • ويب
    • ترخيص
    • ترخيص

ويب

  • ؟ أنماط التقديم المتقدمة
  • ؟ تقديم على الويب: الآثار المترتبة على الأداء لهندسة التطبيق
  • ؟ دفق الانتظار
  • ؟ تدفق في Next.js
  • ؟ ما يحدث قبل Hydration
  • 2023 Web Framework Performance تقريرًا
  • حديثًا عن قطع الخردل ،
  • تطبيق التحميل الفوري مع نمط PRPL
  • الذي يقارن SPAs مع
  • الوضع المتزامن لـ SSG و SSR والترطيب الجزئي في تفاعل
  • javaScript
    • Comming Comming to that interciate that indactor to that indactor to that indactor to that invative that intermabial that in information is to to to to to to to to to to to to to to to to
  • to to to to to to to to to to to to to to to to to to to to to to to to to to to
  • to to to to to to to in in
  • in
  • in
  • .
  • ترطيب
  • جزئي
  • في
  • تطبيق
  • تطبيقات
  • الويب
  • الفورية
  • تحميل
  • مع
  • بنية
  • بنية
  • شل
  • الجزر
  • الجانبي مما يجعل
  • حالة الترطيب الجزئي (مع التالي و preact)
  • المستقبل (والماضي) من الويب هو جانب الخادم مما
  • يجعل فهم الفهم التدريجي للتعزيز
  • التقدمي في
  • أنماط تقديم الويب المربعة
  • ما هو الترطيب الجزئي ولماذا يتحدث الجميع عن ذلك؟
  • لماذا يكون الترطيب الفعال في أطر عمل JavaScript هو تحدي

الظهر.

  • كل ما تعرفه عن الكمون هو

متصفح

خاطئ
  • ؟ مقدمة لتقديم المتصفح
  • ؟ التحكم في ذاكرة التخزين المؤقت
  • ؟ قم بتخزين خطوطك والصور والصفحات - تفريغ صندوق العمل
  • ؟ مسار التقديم الحرج - دورة تحطم على أداء الويب
  • ؟ توصيل 60 إطارًا في الثانية في المتصفح
  • ؟ توصيل 60 إطارًا في الثانية في المتصفح
  • ؟ الحصول على "رأسك" مستقيمة
  • ؟ الخروج من طريق المستخدمين: أقل مع عمال الويب
  • ؟ كيف استخدمنا Webassembly لتسريع تطبيق الويب الخاص بنا بحلول 20X (دراسة حالة)
  • ؟ في الحلقة - SetTimeout ، المهام الصغيرة ، requestAnimationFrame ، requestIdleCallback
  • ؟ تحسين مسار التقديم الحاسم لمواقع المحمول الفورية
  • ؟ جدولة وإيقاف الموضوع الرئيسي
  • ؟ الخيط الرئيسي هو مرهق ورفع درجة حرارة
  • ؟ هناك وكيل من جانب العميل (عامل خدمة) في متصفحك
  • ؟ Webassembly كعمارة عبر المنصات
  • 60 إطارًا في الثانية على شبكة الإنترنت المتسارعة على شبكة الإنترنت
  • تسارع
  • في
  • تسريع chrome
  • javaScript
  • (
  • في
  • المتصفح
  • )
  • .
    • محتوى الصفحة الماسحة
  • الماسحة الماسحة المسبقة للمتصفح
  • مع العمال CloudFlare
  • Fast جيد ، فور أن تكون أفضل!
  • إصلاح تخطيط السحق في العالم الحقيقي | Matt Andrews
  • Frontend Web Performance: The Essentials 0
  • Frontend Web Performance: The Essentials 1
  • تعرف على أداء المتصفح الخاص بك
  • كيف يعمل JavaScript: مقارنة مع webassembly + لماذا من الأفضل في بعض الحالات استخدامه على javaScript
  • كيف
  • يعمل JavaScript: استخدمهم
  • كيف يجعل المتصفح صفحة ويب؟ -DOM ، CSSOM ، وجعل
  • كيفية التخلص من موارد حظر التقديم
  • كيف قطعنا 99 ٪ من JavaScript لدينا مع QWIK + Partytown
  • تحسين مقاييس الطلاء من خلال إزالة التحميلات المسبقة غير المستخدمة
  • مقدمة إلى Partytown ؟: تشغيل البرامج النصية لجهة خارجية من العامل على شبكة الإنترنت
  • JavaScript
  • Domipulation Performance Performance GavaScript Performance
  • Sized Lexpow. PageSpeed ​​Insights | مطورو Google
  • Modern Multi-Process Browser Brownser
  • ملاحظات حول كيفية عمل المتصفحات
  • على ملاحظات المترجمين المترجمين على JavaScript
  • على التنميط في ذاكرة JavaScript في Google Chrome
  • الآن هذا ما أسميه عامل الخدمة!
  • تحسين محتوى الويب في uiwebviews ومواقع الويب على
  • صفحات iOS prerender في Chrome للتنقل الفوري للصفحات التي
  • تمنع "تخطيط السحق" | PAGE PAGE
  • PRIVIPING وتحسين أداء وقت التشغيل من خلال
  • طلبات الصور السحابة لعلامة تبويب DevTools مع CloudFlare العمال
  • : أداء CSS: أداء CSS يجعل JavaScript بطيئًا؟
  • التقديم: إعادة الطلاء ، الإحساس/الترتيب ، Restyle/Stoyan
  • Rendering: إعادة الطلاء ، التراجع/الترحيل ، Restyle
  • التمرير الأداء
  • إعداد عمال CloudFlare لتحسين أداء الويب واختبار
  • حمولات HTML أصغر مع عمال الخدمة
  • حتى سمعت عن تلميحات العميل وتعتقد أنك حصلت على الوقت ، أليس كذلك؟
    • فهم
  • خاطئ
  • الانعكاس وإعادة إعادة الطلاء في المتصفح
  • يستخدم عمال الويب لتشغيل JavaScript من الخيط الرئيسي للمتصفح
  • باستخدام عمال CloudFlare لتدخل CSS الخارجية
  • التي أمضيناها أسبوعًا في جعل ألواح Trello يتم تحميلها بسرعة كبيرة. إليكم كيف فعلنا ذلك. - Fog Creek Blog Blog
  • Web Browser Engineering
  • Web
  • WebKit Architecture
  • ما هي القوات التي تجعل تخطيط / تراجع
  • ما الذي يجعل الويب بطيئًا؟ عنق الزجاجة المتصفح
  • متى يجب أن تستخدم عمال الويب؟
  • WilsonPage / Fastdom

Service Commers / العمال

  • ؟ عزز أداء موقعك مع Partytown
  • ؟ قم بتسريع موقعك مع
  • وصفات العمال CloudFlare لعاملين لاختبار أداء المقدمة ،
  • يمكنك إيقاف الموضوع الرئيسي مع عامل ويب مضمن: مثال على
  • كيفية إلغاء Partytown من انتفاخ موقع الويب من البرامج النصية لجهة خارجية
  • مقدمة إلى عمال العمل وخدمة
  • الخدمة
  • التي تجعل من الويب بشكل أسرع من أجل
  • إجراء عملية تقريبية للعاملين في مجال الأداء وتخزينها
  • في مجال التقدم على الإنترنت
  • .

محركات تقديم

  • Partytown
  • ؟ محركات JavaScript: الأجزاء الجيدة
  • ؟ حياة بكسل
  • ؟
عرض الأداء

من

  • الداخل
  • إلى
  • الخارج
  • :
  • المحرك
  • الجديد
  • للكروم
  • الشبكة
  • بأكملها
  • بأقصى
  • قدر
  • يبني مع
  • نصائح تحسين WebPack Metro 13 ، يجب أن تعرف
  • العثور على التكرارات وتثبيتها في WebPack مع InspectPack
  • كيفية تحسين أداء WebPack
  • Webperformance و Compression
  • الحفاظ على WebPack سريعًا: دليل ميداني لإنشاء Performe
  • WebPack LIBS Optimizations
  • Awesome Webpack Perf Perf
    • Perfil

Cache

  • ؟ أحب ذاكرة التخزين المؤقت الخاصة بك: تحسين من أجل Perfwork Second Load

Career

  • : لوحة الوظائف لعشاق الأداء على الويب
  • مهندس برمجيات المكدس الكامل في Mozilla Corp
  • Environment Performance Engineer في Mozilla Corp
  • Web Performance Engineer (W/M/D) - Remote أو Hamburg at Bagend
  • Software Engineer (L4) - UI Rendering & Performance في Netflix

Case Studies

  • ؟ بناء أداء على المدى الطويل
  • ؟ CORE WEBOTALS: النظرية والممارسة
  • ؟ الدروس المستفادة من مراقبة الأداء في الكروم
  • ؟ تحسين معاينة النوافذ المنبثقة
  • ؟ تسجيل الأداء في تطبيقات React & Transactional مع Redux
  • ؟ العديد من المكونات هي تقديم: أداء العميل على نطاق سلاك
    • 300 مللي ثانية أسرع:
  • تقليل إجمالي
  • وقت الحظر في ويكيبيديا
  • دراسة حالة على شبكة الإنترنت Netflix
  • دراسة
  • حالة
  • Pinterest Pervortive App
  • Performan
    • دراسة
  • حالة أسرع على موقع ويب
    • دراسة حالة
  • على شبكة الإنترنت دراسة حالة مجموعة
    • حالة
  • : تحليل حالة أداء تطبيق تطبيقات
  • الفكرة:
  • تحليل أداء موقع Walmart
  • يضع واجهة مستخدم تلفزيونية عالية الأداء باستخدام React
  • Economic Times QUEST لتثبيت INP
  • تعزيز أداء WELD
    • ADVISION
  • How CARPE MAYSING MAYSING MAYSING MAYSING MAYSING MAYSING MAYSING ATMISTIONING REGINGER MAYED ATTERMAIND MISSION MISSION MAYED CARPE MAYEDID CHESTIOND
  • CARPE
  • HOWSID زيادة تحسينات CLS Yahoo! وجهات النظر في صفحة News في اليابان في كل جلسة بنسبة 15 ٪
  • كيف تم تحسين Mercado Libre لـ Web Hotals (TBT/FID)
  • كيف
  • خفضت منصة إدارة موافقة PubTech INP على مواقع عملائها بنسبة تصل إلى 64 ٪ ، مع تحسين إمكانية عرض الإعلانات أيضًا بنسبة تصل إلى 1.5 ٪
    • من
  • كيفية زيادة معدلات المحكوم بنسبة 53. 33.13 ٪
  • كيف قام Redbus بتحسين تفاعل موقع الويب الخاص بهم بالطلاء التالي (INP) وزيادة المبيعات بنسبة 7 ٪
  • كيف
    • قام مواطن الأحد بتحسين
  • التحويلات
  • من خلال التركيز على الأداء
  • كيفية إقناع عميلك بالتركيز على أداء الويب: دراسة حالة
  • : حققت درجة 98 منارة
  • كيف تحسن WIX TTFB مع 103 تلميحات مبكرة
  • Hughesnet و Tesla: دراسة حالة في بيانات الميدان مقابل بيانات المختبر
  • تحسين تجربة المستخدم! كيف ندير شبكة الإنترنت الأساسية على Yahoo! موقع أخبار اليابان على الويب
  • تحسين أداء حزمة javaScript مع تقسيم الكود
  • تحسين أداء الويب الخاص بمجلة Smashing:
  • رحلة دراسة حالة لتحسين أداء تطبيق React من خلال 10x
  • جعل الصفحة الرئيسية الجديدة من Github و President
  • Making Instagram.com
  • Make Instagram.com
  • Make Instagram.com
    • بشكل أكبر: Part 3-Part 3
  • -Part 3-
    • Part 3-Part
  • 3-Part 3-Part 3-
  • 55 ٪ تحسن في LCP من خلال التحسين للواقع الأساسي على الويب
  • يحقق Nikkei مستوى جديدًا من الجودة والأداء من خلال
  • تحميل صفحة PWA من
    • PWA متعدد الصفحات
  • ،
    • وحصلت أوقات التنقل على تحسين
  • الأداء الأساسي على الويب
  • على شبكة الإنترنت
  • الخاصة بالمواقع
  • الإيطالية
  • .
  • على
  • صفحات قائمة Airbnb
  • ،
    • REI:
  • FCP
  • و LCP تحسين
  • السرعة
  • ،
  • ولكن
  • ليس كل
  • شيء
  • Spotify
  • Performance
  • Performin
  • الكشف عن انحدار الأداء (الجزء 3 من 3)
  • Zillow: أكبر

وأسرع

  • وأكثر
  • جاذبية
  • بينما

في

  • مجتمع
  • الموازنة
  • ،
  • كوكب
  • مجتمع
  • Perfromance
  • Community
  • Web
  • Performance
  • Web
  • Performance
  • Web
  • Performan
  • WebPagetest
  • متصفح الويب متصفح الأداء الهندسي
  • الأداء في

المدونات

الإثنية ،
  • TK
  • Harry Roberts
  • Alex Russell
  • Smashing Magazine - Performance
  • Fershad Irani
  • Modern Devtools
  • Eugenia Zigisova
  • Ivan Akulov
  • Perfer Perf Perf
  • Barry Perlard
  • Simon Hearne
  • Medhat Dawoud

Conferences

& Meetups

  • Confervab
  • - أداء
  • New York Web
  • Performance Web Web I: Otimizando o الواجهة الأمامية
  • ؟؟ الأداء Web II: المسار الحرج ، HTTP/2 E تلميحات الموارد
  • ؟؟ React: Otimizando A
  • متصفح الأداء تقديم تحسين
  • JavaScript و DOM
  • Modern DevTools
  • لإعداد DevTools لاختبار الأداء
  • REACT Masterclass
  • Web Performance Masterclass
  • Optimization Optimization
  • Performance Productization

Podcasts

  • stupt مع الأداء
  • المطاردة على الويب المطاردة
  • Planet Performance
  • Purederformance
  • Smashing Corer

Core على الويب

  • ؟ اسألني أي شيء - CORE WEBITALS
  • ؟ فك تشفير INP و CORE WEBICTALS
  • ؟ استكشاف مستقبل شبكة الإنترنت الأساسية
  • ؟ نظرة ثاقبة على شبكة الإنترنت من فريق Chrome Platform
  • ؟ الدروس المستفادة من مراقبة الأداء في الكروم (الشرائح)
  • ؟ قياس الحيات الحيوية على شبكة الإنترنت
  • ؟ تحسين للمواقع الحيوية على شبكة الإنترنت
  • ؟ تحسين للمواقع الحيوية على شبكة الإنترنت
  • ؟ تأثير الأعمال على شبكة الإنترنت الأساسية
  • ؟ أداء موقع الويب والحيوية على شبكة الإنترنت
  • ؟ ما هو جديد في Web Obstls ،
  • سير عمل يركز على الأداء يستند إلى أدوات Google ،
  • وهو دليل متعمق لقياس حيويات الويب الأساسية
  • التي تحلل حيويات الويب مع
  • أفضل ممارسات WebPageTest لقياس حيويات الويب في مجال
  • الأعمال الميدانية للواقع الأساسي على شبكة الإنترنت ،
  • وهي عبارة عن
    • مجموعة
  • من
    • العدسة
  • المحفوظة
    • (
  • Core Core Optials
    • "، وهي عبارة
  • عن مواقع محفوظة على شبكة الإنترنت. الأداة)
  • تتبع Core Web Hotals عبر GA4 و BigQuery و Google Data Studio
  • CSS لـ Web Obstals
  • CWV ستصبح عامل تصنيف سطح المكتب في فبراير 2022
  • تصحيح الأخطاء على شبكة الإنترنت في المجال
  • الذي يحدد توقيت عتبة مقاييس الويب Core Web Vitals
  • : أحد المتريرة الحقيقية لحكمهم جميعًا؟
  • تقييم تجربة الصفحة للحصول على موقع أفضل
  • كل شيء نعرفه عن شبكة الإنترنت الأساسية وكبار المسئولين
    • الاقتصاديين
  • كل ما نعرفه عن Core Web Hitals و SEO
  • MOALD SEO باستخدام وقت التفكير في الخادم مع تلميحات مبكرة
  • مطلوبة: مقياس استجابة تجريبية
  • مع مقاييس الاستجابة الجديدة
  • جعلت شبكة الإنترنت الأساسية على شبكة الإنترنت أسرع؟
  • كيف تؤثر بنيات السبا على شبكة الإنترنت الأساسية على شبكة الإنترنت
  • كيفية إنشاء لوحة معلومات تحليل تنافسية للواقع الأساسي على الويب باستخدام Google Data Studio
  • كيفية الحصول على صفحتك Core Web Hitials من Crux API
  • كيفية تحسين Core Web Vitals
  • كيفية تحسين CORE Web Hotals
  • كيفية
  • قياس
  • CWVs
  • على SPAS
  • ARCHIVE ARCHIVE:
  • تجربة الصفحة تحديث
  • المزيد من الوقت والأدوات والتفاصيل حول تجربة الصفحة تحديث
  • تحديث حيويات الويب الأساسية على المنتجعات الخاصة
  • بمنتجعات محسّنة على شبكة الإنترنت باستخدام Lighthouse
  • توصياتنا الأساسية على شبكة الإنترنت الخاصة بنا لعام 2023 ،
    • أرسل تعليقات إلى
  • فريق
  • Google Core Web Vitals
  • يحاكي
  • مستخدمًا
  • حقيقيًا
  • في
  • موقع Metric
  • Metrics -
  • أنماط
  • ويب على الويب أنماط
  • ما يدور في جعل مقياس ويب حيوي جديد
  • لماذا يمكن أن تكون بيانات المختبر والحقل مختلفة (وماذا تفعل حيال ذلك)

تحول التصميم التراكمي (CLS)

  • ؟ فهم CLS التراكمي للتخطيط التراكمي
  • في BuzzFeed - الجزء 1: رفع
  • CLS في BuzzFeed - الجزء 2: الحصول على مساعدة من المستخدمين الحقيقيين
  • في BuzzFeed - الجزء 3: التعامل مع
  • التحول التراكمي
  • في العالم التراكمي ،
  • التحول التراكمي ، التحول التراكمي ، التحول التراكمي
  • ،
  • التحول التراكمي
  • ، التحول التراكمي. وتجنب عدم الاستقرار البصري
  • تحولات التصميم تصحيح تصحيح
  • الأخطاء تصحيح CLS
  • الغوص في التحول التراكمي الجديد
  • الذي يتطور متري CLS
    • كيف قمت بإزالة
  • تحول
  • تخطيط الموقع باستخدام برنامج نصي مسبقًا
  • حول
  • كيفية إصلاح تخطيط التراكمية (CLS
  • )
  • .
  • أشرطة التمرير باستخدام خاصية Scrollbar-Gutter CSS ،
  • الدليل شبه المكتمل لتغيير التصميم التراكمي

أكبر طلاء محتوى (LCP)

  • ؟ كيفية إصلاح أكبر طلاء محتوى
  • ؟ كيفية تحسين أكبر طلاء محتوى لتجربة أفضل صفحة
  • ؟ التحقيق في LCP: أكبر طلاء محتوى
  • ؟ هذا هو LCP الخاص بك في الصور
  • دراسة حالة دراسة حالة Vodafone: تحسن بنسبة 31 ٪ في LCP زيادة المبيعات بنسبة 8 ٪ من
  • أولوية LCP ديناميكية: التعلم من الزيارات السابقة
  • كيفية تحسين أكبر الطلاء محتوى (LCP) على جانب العميل
  • تحسين
  • الطلاء على تحسين المحتوى الأكثر
  • تحسنًا محتوى أكبر
  • من المحتوى الذي يحمل حجمًا كبيرًا في
    • التحمل
  • ، حيث يتم تحديث الطلاء المخصص لأكبر حجم
  • .
  • تلميحات ذات الأولوية وتحسين
  • نصيحة LCP - استخدم FetchPriority = عالية لتحميل صورة Hero LCP الخاصة بك عاجلاً
  • فهم كيفية تحديد المتصفحات عن عنصر LCP
  • ما الذي يمكن أن يخبرنا به أرشيف HTTP أكبر طلاء محتوى؟

تأخير الإدخال الأول (FID)

  • تأخير الإدخال الأول (FID)
  • حتى يؤدي
  • تحسين الاستجابة في

تفاعل المدخلات النصية إلى الطلاء التالي (INP)

  • ؟ تحطيم المهام الطويلة
  • ؟ تصحيح تصحيح INP
  • ؟ الحفر في التفاعل مع الطلاء التالي
  • ؟ الحفر في التفاعل مع الطلاء التالي
  • ؟ كيفية تحسين التفاعل مع الطلاء التالي (INP)
  • ؟ كيفية تحسين استجابة الويب مع التفاعل مع الطلاء التالي
  • ؟ التفاعل مع الطلاء التالي وغيرها من شبكة الإنترنت [Blinkon 16]
  • ؟ كشف التفاعل مع الطلاء التالي: 5 حقائق من شأنها تسريع موقعك
  • ؟ التفاعل مع الطلاء التالي
  • ؟ رؤى ميدانية جديدة لتصحيح الأخطاء في INP
  • ؟ تحسين INP: الغوص العميق
  • ؟ حالة الاستجابة على الويب
  • ؟ فهم وتحسين التفاعل مع الطلاء التالي (INP)
  • 7 طرق لتقليل
  • تحليل
    • عمل مؤشرات الترابط الرئيسية
  • لأداء INP
    • باستخدام بيانات RumVision في العالم الحقيقي
  • تجنب التخطيطات الكبيرة والمعقدة والخطط التي تفتيت
  • المهام الطويلة التقديم
  • من جانب العميل للتفاعل بين HTML والتفاعل
  • البطيء للتفاعل مع Field
  • chrome
  • .
  • LoAF + INP انهيار
  • كيف تؤدي الأطر الحديثة على مقياس INP الجديد ،
  • كيف تؤثر أحجام الأدوات الكبيرة على التفاعل ، وما يمكنك فعله حيال ذلك
  • كيفية
  • تحسين أنماط: أنماطًا
  • لتحسين
  • التفاعل
    • مع الطلاء
  • التالي
  • (
  • INP
  • )
  • إلى Paint Next Paint (INP)
  • أداء Mobile INP: يقوم الفيل الموجود في الغرفة
  • بتحسين التفاعل إلى الطلاء التالي
  • تحسين المهام الطويلة
  • للتفاعل مع الطلاء التالي ، وتخفيض Core New Core Vital
  • من انخفاض نطاق حسابات الأسلوب ، والتعقيد ، والتعقيد في حساب ، لا شيء ، لا شيء ،
    • لا تصل إلى التقييم ،
  • فالتعقيد ، لا تصل إلى التخصيص ، فالتعقيد ، لا ، على صياغة ،
    • لا تتجاوز ، فئة ،
  • التقييم ،
    • لا ، على صياغة ، تصنيف ، لا
  • تتجسد ، في المركز الأول ،
  • التقييم ، في المركز الأول ، فإن التخصيصات ذات العوامل الإلكترونية. تعرف على
  • الكفاح من أجل سلسلة الرسائل الرئيسية
  • ، استخدم عمال الويب لتشغيل JavaScript من دليل خبراء أداء ويب في المستعرض
  • لإتقان التفاعل مع

وقت الحظر الكلي

للطلاء
  • ، وهو دليل قصير ولطيف للمستخدمين الأكثر سعادة

CSS

  • Airbnb إلى Linaria Penching
  • of Css-cs-in-js css-js criter css-cs-in-js css-in-js css-in-js css-in-js
  • css-in-js perfect css-js css-js css-js css-js
  • perfect cs
  • .
التحميل CSS-مقارنة أداء Cheatsheet Performance من مكتبات CSS-in-JS Purgecss CSS في العالم الحقيقي
  • مقابل
  • CSS
  • -
  • in
  • -
  • JS مقارنة الأداء
  • تقليل حجم الحزمة من خلال أداء CSS
  • CSS
  • Classname
    • Astruction

Performance

و

  • Iff2
  • السنجاب الخط
  • ؟ Glyphhanger
  • ؟ خطوط جوجل
  • ؟ خطوط متغيرة

عامة

  • ؟ الأخطاء الشائعة التي تحلل أداء الواجهة الأمامية
  • ؟ الغوص العميق في أداء الطرف الثالث
  • ؟ إزالة الغموض عن الأدوات السرعة
  • ؟ الحيل الرائعة للأداء الأمامي ولماذا نفعلها
  • ؟ من التحميل السريع إلى التحميل الفوري
  • ؟ تحسين أداء الصفحة في تطبيقات الويب الحديثة
  • ؟ تحسين أداء الصفحة في تطبيقات الويب الحديثة
  • ؟ التصميم الشامل سريع بشكل افتراضي
  • ؟ أداء الويب على المستوى التالي
  • ؟ أساسيات السرعة: التقنيات الرئيسية لمواقع الويب السريعة
  • ؟ حالة أداء الويب أغسطس 2022
  • ؟ المستقبل المشرق لأداء الويب
  • ؟ الطريق إلى الأداء
  • ؟ علم نفس السرعة
  • ؟ الوزن الذي لا يطاق من جافا سكريبت الضخمة
  • ؟ أفضل 10 عيوب أداء
  • ؟ تحسينات أداء الويب للظروف القاسية
  • ؟ WebBundles - JS Delivery بدون المقايضات
  • ؟ متى JavaScript Bytes
  • ؟ متى JavaScript Bytes
  • ؟ لماذا يكون الأداء صعبًا في Scale
  • 3Perf Guides
  • 5 التي ترتكبها فرق الأخطاء الشائعة عند تتبع الأداء
  • نموذجًا لنضج إدارة الأداء للأداء
  • مصفوفة نضج الأداء ،
  • وهي نظرية موحدة لأداء الويب ،
  • نموذج عقلي HTML الأول ،
  • هل هي مهام JavaScript الخاصة بك المحببة للمستخدمين؟
  • أفضل الممارسات للعلامات ومديري العلامات
  • بناء DOM بشكل أسرع: التحليل المضاربة ، Async ، التأجيل والتحميل المسبق
  • بناء DOM FASTER
  • ATRAME DISLATING TOOL TOOL
  • من تجارب مصطلحات الويب
  • . الويب. الأطر. مستقبل. أنا.
  • أوقات التحميل السريعة ،
  • أوقات التحميل السريعة ،
  • تحدد انحدارات الأداء قبل أن تحدث
  • الرسوم البيانية اللهب
  • من التطوير إلى المستخدمين الحقيقيين: كيفية إنشاء قائمة
  • مراجعة أداء للأداء الأمامي 2021
  • GANTRY: إطار عمل FARTH FARTH الخاص بـ Slack ،
  • لا تتطلب أداءً على شبكة الإنترنت ،
  • لا توجد حاجة إلى زيادة في
  • الأداء
  • ،
  • لا
  • توجد
  • حاجة
  • إلى إطار عمل ،
    • لا توجد حاجة
  • ،
  • Rust و WASM لتسريع مراقبة JS الخاصة بك
  • مراقبة مواقع الويب الأساسية الخاصة بك على الويب (الأداء) مقاييس
  • التحدي لمجتمع أداء الويب
  • تحسين
  • حجم
  • حزمة
  • Spa لتسريع تحميل التطبيق
  • تحسين التحميل السيناريو على الطرف الثالث في Next.JS
  • أداء
  • فرضية كبيرة
  • على الأداء
  • الواجي
  • يقوم الدليل النهائي لتحسين JavaScript لـ Quick Page بتحميل
  • سبب تحسين موقع الويب: تصنيف أفضل للبحث
  • عن سبب تحسين موقع الويب: تجربة أفضل للمستخدمون
  • لماذا تحسين موقع الويب: ساعد الكوكب
  • على تحسين موقع الويب: زيادة تحويلات الموقع عن سبب
  • قيامه بالتكاليف التشغيلية: زيادة تكاليف التشغيل
  • 5 توصيات
  • على الويب Perf 101
  • أداءً على شبكة الإنترنت: Trends و Ninversions من 4 خبراء في الأداء
  • .
  • لماذا لا يزال JavaScript الخاص بك بطيئًا ويتحمل النفقات العامة للأداء

لماذا يهم

  • كيفية قياس استهلاك الطاقة في تطبيق الواجهة الأمامية
  • المتعلقة بسرعة الموقع ومقاييس العمل
  • ما هي سرعة الموقع ولماذا يجب أن أهتم؟
لماذا مستودع

صور

  • أداء الويب
  • لجمع أفضل الممارسات لصور الويب
  • ؟ تحديث ويب
  • ؟ أوقات تحميل أسرع مع صور AVIF | ورشة
  • ؟ ضغط الصورة الغوص العميق
  • ؟ تحسين الصورة | الأداء. الآن () 2018
  • ؟ الصور تنفجر بسرعة jamstack
  • ؟ JPEG 'Files' & Color (JPEG PT1)
  • ؟ JPEG DCT ، تحويل جيب التمام المنفصل (JPEG PT2)
  • ؟ JPEG XL: تحديث
  • ؟ صورة مثالية
  • ؟ صور مستجيبة للويب
  • ؟ تنسيق صورة AVIF
  • ؟ WebP و AVIF والمزيد: إحصائيات اعتماد الصور
  • هل يمكنني استخدام AVIF
  • هل يمكنني استخدام JPEG-XL
  • هل يمكنني استخدام
  • صور Perfect Perfect مع العنصر الحديث <img>
  • تقليل أحجام الصور عن طريق إزالة
  • الصور المستجيبة للبيانات الوصفية بشكل صحيح: دليل ل و SRCSET
  • الدليل النهائي لتحسين الصورة
  • ماذا تفعل سمة فك تشفير الصورة بالفعل؟

أدوات الصور

  • ؟ تافهة
  • ؟ ضغط or-die
  • ؟ ImageOptim
  • ؟ التنبؤ
  • ؟ squosh
  • ؟ WebPonize

البنية التحتية

  • ؟ أداء الهاتف المحمول من الراديو UP: 4G Architecture وآثاره
  • الحوسبة السحابية بدون حاويات
  • شبكات توصيل المحتوى (CDNS)

JavaScript

  • ؟ JavaScript متعدد الأزهار: نصائح في الماضي والحاضر والمستقبل
  • 13 نصائح للكتابة بشكل أسرع ، جافا سكريبت
  • 17 جافا سكريبت نصائح للتعرف في عام 2021
  • كيف تعمل JavaScript:
  • نظرة عامة على المحرك ، ووقت التشغيل ، ومكدس المكالمة
  • : كيفية كتابة التعليمات البرمجية المحسنة
  • كيف يعمل JavaScript: إدارة الذاكرة + كيفية التعامل مع 4
  • تقنيات تحسين برنامج التحويل البرمجي JavaScript - فقط للخبراء الذين

يقيسون الأداء

  • ؟ تحليل وتحسين أداء الويب باستخدام DevTools & WebPagetest
  • ؟ صياغة أدوات تنبيه الأداء
  • ؟ من المللي ثانية إلى الملايين: الأرقام التي تقود شبكة الويب
  • ؟ كيف تفهم مقاييس أداء المستخدم الحقيقية (الروم)
  • ؟ كيف هي UX على الويب ، حقا؟
  • ؟ دعنا نحول تحليل بيانات المستخدم الحقيقي إلى علم
  • ؟ قياس الأداء مع Speedcurve و WPT
  • ؟ قياس أداء المستخدم الحقيقي في المتصفح
  • ؟ قابلية الملاحظة على الويب Perf
  • ؟ رقم واحد ، مقاييس متعددة
  • ؟ أداء التنميط مع هاري روبرتس
  • ؟ أداء الأداء على شبكة الإنترنت
  • دليل خطوة بخطوة لمراقبة المنافسة من خلال تقرير Chrome UX
  • مقدمة إلى أرشيف الروم
  • تحليل الأداء في وقت التشغيل
  • ، والتوصيف ، وتحسين مكتبات JavaScript ،
  • الدليل الكامل لفهم وقياس أداء Website
  • Core Web Vitals Dashboard على Google Analytics
  • إنشاء درجة الأداء Airbnb
  • بسرعة ، والبقاء بسرعة
  • :
  • كيفية قراءة مخطط عرض اتصال WebPagetest Connection
  • كيفية قراءة مخطط WebPageTest Waterfall
  • طريقة كيفية استخدام Google Crux لتحليل ومقارنة أداء أطر JS
  • التي تحدد ، ومراجعة ، ومناقشة الأطراف الثالثة
  • التي تؤثر على القياس الذي تؤثر
  • على الأداء
  • من
    • الأداء ،
  • والتمسك
  • بالزوار ، سريع؟
  • بلدي تدقيق الأداء الخاص بي سير العمل
  • الضوضاء إلغاء روم روم
  • رد الفعل الأداء
  • الأوقات الاستجابة لتحسين الاستجابة: الحدود 3 المهمة
  • تبين لي الأموال: تبرير تحسينات الأداء باستخدام تحليلات google
  • تبدأ أداء الأداء في شريط العناوين الخاص بك
  • اختبار الإجهاد التوتر اختبار الأداء
  • على
  • شبكة الإنترنت
    • مع بيرسبيد
  • برؤى
  • api-api appu tass appu task an task an task antasing
  • tass arge
  • rearies archive archive rum ther
    • تتخيل
  • نتائج شركة Vitals
  • مواردك من خلال
  • تقويم أداء Web Tool مجاني TREEMAP يلتقي Rum
  • لماذا تختلف بيانات Crux عن بيانات Rum الخاصة بي؟
  • شبكة Wikipedia في جميع أنحاء العالم:

أداء وقت تشغيل

CPU
  • ؟ اختبار الأداء باستخدام الكاتب المسرحي
  • ؟ مجموعة من أدوات الأداء

DevTools

  • ؟ Chrome DevTools: علامة تبويب الأداء
  • ؟ استكشاف أداء الواجهة الأمامية لموقع السكك الحديدية الوطنية مع Chrome DevTools
  • ؟ تحسين أداء الصفحة مع Chrome DevTools
  • ؟ صنع صور كسول مع chrome devtools
  • ؟ إدارة الذاكرة MasterClass
  • ؟ تشغيل ملف تعريف أداء على مربع البحث على YouTube
  • ؟ فهم أداء الطلاء مع
  • دليل Chrome DevTools شامل لتحليل أداء JavaScript باستخدام Chrome Devtools
  • CPU Flame الرسوم البيانية
  • لشبكة الاختناق في Chrome DevTools

كيفية قياس

  • تصورات البيانات بشكل أسرع
  • كيفية قياس
  • كيفية قراءة رسم بياني روم ،
  • وهو مراقبة
  • المستخدم الحقيقي الذي
    • يراقب المستخدم الحقيقي؟
  • شرح الروم

القياس

  • ؟ مغامرات في Microbencharking
  • ؟ رد الفعل-التراجع
  • ؟ مقياس سرعة الدوران
  • ؟ TinyBench

قياس الأدوات

  • وصفات أداء الويب مع Puppeteer
  • ؟ Boomerang
  • ؟ Perfsee: مجموعة من الأدوات لقياس وتصحيح أداء تطبيقات الواجهة الأمامية
  • ؟ SpeedScope
  • ؟ Treo

Memory Management

  • دورة تعطل في
  • تجارب إدارة الذاكرة مع

ميزانية أداء

جامع JavaScript
  • ؟ CORE WEBOTALS - قياس ما يهم
  • ؟ إن تكلفة
  • أداة الطلاء في JavaScript Chrome
  • لتشغيل الأداء مع ميزانيات الأداء
  • التي تعمل على تحسين ميزانيات أداء بدء التشغيل
  • 101
  • ميزانيات الأداء ،
  • وتصميم مستجيب بشكل عملي على
  • تحديد ميزانية ميزانية الأداء
  • بداية الأداء ميزانية ميزانية
  • جافا سكريبت في 2019
  • مقاييس الأداء المتمحورة حول المستخدم
  • هي ميزانيات مواقع الويب أكثر من Mere Thresholds

الأدوات أداء

Mere Thresholds
  • ؟ السعرات الحرارية المتصفح
  • ؟ حاسبة ميزانية الأداء
  • ؟ حاسبة ميزانية الأداء

المسبق

  • ؟ فن الجلب المسبق التنبئي
  • <link rel=”prefetch/preload”> في حزمة webpack ،
  • تحميل الصفحة الفورية والمتسقة من خلال
  • التحميل المسبق للسباق ، والتجلب المسبق والأولويات في Chrome
  • تسرع في التنقل في الصفحة التالية مع
  • وحدات الويب المسبقة المسبقة على الويب المسبق/التحميل المسبق
  • ؟ preload-webpack-plugin

prefecting أدوات

  • ؟ تحميل الصفحة اللاحقة الأسرع عن طريق ربط روابط في العرض أثناء تواجد

أطر العمل

في

الخمول
  • ؟ دوم كمواطن من الدرجة الثانية
  • ؟ رد فعل 18 التزامن ، أوضح
  • ؟ React Performance Depugging Masterclass
  • 21 Textradization Meathizization Techniques for React Apps
  • Death من خلال ألف usecallbacks
  • كيف يعمل React 18 في الداخل؟
  • كيفية كتابة تطبيقات رد الفعل الأداء مع السياق
  • كيفية كتابة رمز رد فعل الأداء: القواعد ، والأنماط ، والقيام ، وما لا تكتب
  • كيفية كتابة رمز رد الفعل الأداء: القواعد ، والأنماط ،
  • وما
  • لا
  • يمكن
  • أن
  • تحسن
  • .
  • Next.js
    • توافق
  • React React التدريجي
  • ، أوضح أن
  • خطاط السنانير والنصائح المتفاعلة لتجنب عرض مكون عديمة الفائدة تم تطبيقه على قوائم
  • React Performance-13 طريقة لتحسين أداء تطبيق React App الخاص بك
  • : رفيق اختبار الأداء لـ React
  • SSR ، والبث ، و CSS-in-JS
  • React في ETSY
  • Advanced React
  • ؟ Eslint-plugin-React-Perf

React

  • ؟ مقدمة الكرتون للألياف
  • ؟ البيانات الجلب مع مكونات خادم رد فعل
  • ؟ الغوص العميق على رد فعل متزامن
  • ؟ داخل الألياف: نظرة عامة متعمقة أردت
  • ؟
    • رد
  • فعل ألياف Deep Deep Dive
  • Explanation of State and Props update in React
  • داخل الألياف: نظرة عامة متعمقة لخوارزمية المصالحة الجديدة في React
  • Learning خوارزمية التوفيق بين رد الفعل مع مقاييس الأداء
  • على الأداء: كيفية تجنب كل ما يعيد استخدامه لاستئناف
  • REDENTERS REDERS: كل شيء ، كل مرة في وقت واحد
    • لتقديم خادم
  • REDRENT
  • و CLEALENTES
  • يجب أن تعمل على تحسين كل شيء؟
  • Signal Boosting
  • The future of rendering in React
  • Why React Re-Renders

Measuring React

  • ? How to use the React Profiler to find and fix Performance Problems
  • ? Profiling React Apps like a Pro
  • ? React Performance with React Dev Tools
  • Get Fast, Stay Fast: How To Monitor React Render Performance
  • Measuring JS code performance. Part I: using react-benchmark
  • Measuring JS code performance. Part II: interaction speed
  • Measuring React app performance
  • Performance Profiling a Redux App
  • Profiling & Optimizing the runtime performance with the DevTools Performance tab
  • Profiling React.js Performance

Sustainability

  • Core Web Vitals meets sustainability
  • How Improving Website Performance Can Help Save The Planet
  • Web Performance + Ecological Impact
  • Website performance and the planet

Tweets

  • Another reason for not declaring React components inside other components
  • Blank page with an embedded tweet. How bad can it be?
  • Check out the new Priority Hints
  • ChromeDevTools Long Tasks
  • Compile Code — Profiling
  • CSS Selector Performance
  • Frontend performance tips to keep top of mind
  • Google Search Console warning the INP
  • How can I optimize my frontend for the fastest page load times?
  • How I typically test performance
  • How Wix improved TTFB with 103 Early Hints
  • Image performance cheatsheet
  • img fetchpriority="high": LCP improvement of ~150ms
  • Investigating Core Web Vital issues
  • mobile performance for sites built with Next.js
  • Optimize head and body separately
  • Optimizing LCP
  • Performance Insights by Builder.io
  • React 18 Concurrency, Explained
  • React 18 Concurrency
  • React Perf: Causal Case Study
  • React Time Slicing
  • Signals — Reactivity + UI
  • Spotify Performance Profiling
  • The difference between "On Load" and "Document Complete" in WebPageTest
  • The most important problems in Web Perf
  • Things I found in a slow React website today
  • Tool: quantify what will make a real difference
  • Use Map over object
  • useCallback and useMemo: no perf effect
  • Video Compression
  • Web Performance at Slack
  • React & Redux performance at Slack
  • Performance Budget

UX

  • ? Adaptive Loading - Improving web performance on slow devices
  • ? Building The Web
  • ? Design Principles For The Web
  • ? Measuring User Perceived Performance to Prioritize Product Work
  • ? Perceived Performance: The only kind that really matters
  • ? Stephanie Walter on Cheating The UX When There Is Nothing More To Optimize
  • ? The Layers of the Web
  • A Bone to Pick with Skeleton Screens
  • A Designer's Guide to Perceived Performance
  • An experimental responsiveness metric
  • Designing for Performance
  • Hands On with the new Responsiveness Metrics
  • How Much Faster is Fast Enough? User Perception of Latency & Latency Improvements in Direct and Indirect Touch
  • How to Improve Perceived Performance in Mobile Apps
  • Improving Perceived Performance
  • Optimistic UI Patterns for Improved Perceived Performance
  • Performance Design: Designing for the illusion of speed
  • Performance perception: Correlation to RUM metrics
  • Performance perception: How satisfied are Wikipedia users?
  • Performance perception: The effect of late-loading banners
  • Resilient web design
  • The Art of UI Skeletons
  • Towards an animation smoothness metric
  • True Lies Of Optimistic User Interfaces

Web APIs

  • Every Transition is a Page Transition?
  • Speed Up Resource Loading with Priority Hints and fetchpriority
  • Tracking CPU with Long Tasks API
  • Web Performance APIs Appreciation Post

License

MIT © TK
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل