السـلام عليكـــــم دي الحلقة العاشرة من سلسلة #frontendperformance بالعربي. فالحلقة دي بنتكلم علي واحدة من أكتر الحاجات الي الناس بتشوفها complex في التعامل معاها وفهمها بتفاصيل وهي الـ performance panel في devtools. الحلقة دي بالنسبالي من أمتع الحلقات الي اتبسطت بيها سوا في

السلام عليكــــــــــــم دي الحلقة الـ11 من سلسلة #frontendperformance بالعربي. بدأيا من الحلقة دي هنبدأ نشوف optimization techniques تساعدنا نحسن الـ performance والـ loading time للـ apps بتاعتنا. فالحلقة دي هنتكلم علي الـ bundle splitting, هنعرف ايه هو وليه محتاجينه, و هنعرف

السلام عليكــــــــــــم دي الحلقة الـ12 من سلسلة #frontendperformance بالعربي. في الحلقة دي هنتكلم علي technique قوي جدا وهو الـ Actions On Visibility, هنعرف ايه هو وازاي هو بسيط ولكن مفيد جدا وبنقدر نستخدمه في optimizations كتيره. هنشوف كمان مع بعض الـ Intersection Observer

السـلام عليكـــــم دي سابع حلقة من سلسلة #frontendperformance بالعربي. بعد ما شوفنا مع بعض في الحلقات الي فاتت الـ Core web vitals كلهم وشوفنا ازاي نتعامل مع كل واحد فيهم من ناحية الـ optimizations وازاي بيتحسب, فالحلقة دي هنتكلم علي Performance Monitoring هنشوف ليه بنحتاجة وايه

السلام عليكــــــــــــم دي الحلقة الـ16 من سلسلة #frontendperformance بالعربي. فالحلقة دي هنتكلم علي technique جديد لتحسين الـ bundle size في الـ app بتاعك وهو الـ Tree Shaking هنعرف مع بعض ايه هو الـ Tree Shaking, وبيحاول يحسن ايه وعلاقتة بالـ ES Modules و CommonJS وعلاقتة

السلام عليكــــــــــــم دي الحلقة الـ15 من سلسلة #frontendperformance بالعربي. فالحلقة دي بنكمل كلامنا علي Resource hints وهنتكلم علي أخر واحد فيهم وهو الـ Prefetch والي بعتبره بالنسبالي أهمهم وأمتعهم في الشغل بيه وفيه تفاصيل كتيره في استخدامه. هنتكلم أكتر ايه هو وبيعمل ايه,

السلام عليكــــــــــــم دي الحلقة الـ14 من سلسلة #frontendperformance بالعربي. فالحلقة دي بنكمل كلامنا علي Resource hints وهنتكلم علي أكتر عن الـ Preload. هنعرف ايه هو وبيستخدم ازاي وattributes مهمة تاخد بالك وانت بتعمل الـ preload علشان استخدمها بشكل غلط ممكن يأدي ان الـ

السلام عليكــــــــــــم دي الحلقة الـ13 من سلسلة #frontendperformance بالعربي. فالحلقة دي بنتكلم علي topic قوي جدا ولكن في نفس الوقت تطبيقه بسيط في الـ apps بتاعتنا, بنتكلم في الحلقة دي عن Resource hints. هنعرف ايه هي وبتستخدم في ايه وازاي نستخدمها, وهنتكلم بالتفصيل علي أول

السلام عليكــــــــــــم دي الحلقة الـ17 من سلسلة #frontendperformance بالعربي. فالحلقة دي هنتكلم علي واحدة من الأدوات المهمة والي هتساعدنا نفسهم ونشوف بشكل أحسن الـ bundles بتاعنا وازاي بتشتغل وهي الـ Bundle Analyzer هنتكلم هي عبارة عن ايه, وازاي بتساعدنا نجاوب علي اسئلة كتير

السلام عليكــــــــــــم دي الحلقة الـ19 من سلسلة #frontendperformance بالعربي فالحلقة دي هنتكلم علي performance technique جديد وهو بالنسبالي واحد من أمتع الـ optimizations في التعامل معاه وفهم الـ implementation details بتاعته, فالحلقة دي هنتكلم علي الـ Virtual Scrolling او

السـلام عليكـــــم... دي تاسع حلقة من #frontendperformance بالعربي. فالحلقة الي فاتت, عملنا مع بعض Integration لواحدة من الـ RUM tools وهي @newrelic وشوفنا الـ different metrics الي كنا بنتكلم عليها واتكلمنا ازاي نستخدم New Relic dashboard علشان نقدر نحدد بالظبط ايه المشكلة الي

السـلام عليكـــــم... دي تامن حلقة من سلسلة #frontendperformance بالعربي فالحلقة الي فاتت اتكلمنا علي الـ Performance monitoring وشوفنا ليه بنحتاجة وايه انواعه, وعرفنا مع بعض ايه هو الـ RUM (Real User Monitoring) وايه الي بيفرقه عن الـ Synthetic Monitoring ومميزات وعيوب كل واحد

السلام عليكــــــــــــم دي الحلقة الـ18 من سلسلة #frontendperformance بالعربي. فالحلقة دي هنتكلم علي جزء مختلف من الـ performance enhancements وهو اختيار الـ 3rd party packages بشكل صح يخلينا عارفين الـ cost الي هندفعها من اننا نضيف الـ new package دي في الـproject من ناحية

1️⃣ Last week, the Next.js SaaS dashboard froze 3–5 seconds across 12 pages. Optimizations reduced freeze time by 67%. Here’s how… 👇 #Nextjs #React #FrontendPerformance #SaaS

WebP? React? Sure👉 https://t.co/5nIeAlS0mc #react #reactjs #webp #frontendperformance #performance #frontend

#FrontendPerformance #Testing with #k6Browser made easy! Learn to capture #UXMetrics like LCP, CLS & TBT, run hybrid tests combining protocol & browser-level insights, & optimize your web app’s #UserExperience. Explore the full guide! https://t.co/SHnJCn8mmo #WebPerformance #QA

FrontEnd Performance: React Code Splitting✂️ https://t.co/lobMhhAMQ6 #frontend #performance #react #javascript #reactjs #frontendperformance #millisecondsmatter

10x Scaling Power! JetSmartFilters Performance on Fire 🔥 Handle heavy traffic with ease and keep your site blazing fast. #JetSmartFilters #ScalingPerformance #WordPress #SpeedTest #PluginUpdate #WebOptimization #FrontendPerformance #WebSpeed

Google Introduces Speed Monitoring in Search Console 🥳 https://t.co/ifpgrwIJ5L #react #ecommerce #seo #javascript #react #frontendperformance #Performance

Maps are extremely interactive web applications. Every pan or zoom results in hundreds of concurrent XHR (ajax) requests & images. 𝙒𝙝𝙖𝙩'𝙨 𝙪𝙣𝙙𝙚𝙧𝙣𝙚𝙖𝙩𝙝 𝙩𝙝𝙚 𝙝𝙤𝙤𝙙: 𝐺𝑜𝑜𝑔𝑙𝑒 𝑀𝑎𝑝𝑠: HTTP/3 𝐵𝑖𝑛𝑔: HTTP/2 𝑀𝑎𝑝𝑄𝑢𝑒𝑠𝑡: HTTP/1.1 #FrontEndPerformance