#frontendperformance 搜尋結果

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

AbdallahHemda17's tweet image. السـلام عليكـــــم...

دي تاسع حلقة من #frontendperformance بالعربي.

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

The Modern Frontend Development Tech Stack Core Foundations ├── HTML5 │ ├── Semantic HTML │ ├── Web Accessibility (A11y) │ ├── SEO Best Practices │ └── Progressive Enhancement ├── CSS3 & Modern CSS │ ├── Flexbox & CSS Grid │ ├── CSS…

e_opore's tweet image. The Modern Frontend Development Tech Stack

Core Foundations
├── HTML5
│   ├── Semantic HTML
│   ├── Web Accessibility (A11y)
│   ├── SEO Best Practices
│   └── Progressive Enhancement
├── CSS3 & Modern CSS
│   ├── Flexbox & CSS Grid
│   ├── CSS…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ17 من سلسلة #frontendperformance بالعربي.

فالحلقة دي هنتكلم علي واحدة من الأدوات المهمة والي هتساعدنا نفسهم ونشوف بشكل أحسن الـ bundles بتاعنا وازاي بتشتغل وهي الـ Bundle Analyzer

هنتكلم هي عبارة عن ايه, وازاي بتساعدنا نجاوب علي اسئلة كتير…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ11 من سلسلة #frontendperformance بالعربي.

بدأيا من الحلقة دي هنبدأ نشوف optimization techniques تساعدنا نحسن الـ performance والـ loading time للـ apps بتاعتنا.

فالحلقة دي هنتكلم علي الـ bundle splitting, هنعرف ايه هو وليه محتاجينه, و هنعرف…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ16 من سلسلة #frontendperformance بالعربي.

فالحلقة دي هنتكلم علي technique جديد لتحسين الـ bundle size في الـ app بتاعك وهو الـ Tree Shaking

هنعرف مع بعض ايه هو الـ Tree Shaking, وبيحاول يحسن ايه وعلاقتة بالـ ES Modules و CommonJS وعلاقتة…

Frontend Performance Optimization Hacks Every Developer Should Know! ⚡️💻

Temi_Dy's tweet image. Frontend Performance Optimization Hacks Every Developer Should Know! ⚡️💻

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

AbdallahHemda17's tweet image. السـلام عليكـــــم

دي الحلقة العاشرة من سلسلة #frontendperformance بالعربي.

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

الحلقة دي بالنسبالي من أمتع الحلقات الي اتبسطت بيها سوا في…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ12 من سلسلة #frontendperformance بالعربي.

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

هنشوف كمان مع بعض الـ Intersection Observer…

You’re (probably) measuring application performance wrong. Humans have a strong bias for throughput. "I can handle X requests per second." Real capacity engineers use response-time curves.

lauriewired's tweet image. You’re (probably) measuring application performance wrong.

Humans have a strong bias for throughput. 

"I can handle X requests per second."

Real capacity engineers use response-time curves.
lauriewired's tweet image. You’re (probably) measuring application performance wrong.

Humans have a strong bias for throughput. 

"I can handle X requests per second."

Real capacity engineers use response-time curves.

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم

دي الحلقة الـ19 من سلسلة #frontendperformance بالعربي

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

Frontend Libraries I can't live without: 🔸zod - validation 🔸react-hook-form - forms 🔸react-table - tables 🔸tRPC + react-query - data 🔸shaden - Ul 🔸motion - animations 🔸motion - animations 🔸date-fns - date utils 🔸ai - Al Toolkit 🔸nuqs - search params 🔸recharts - charts


Frontend development Performance Cheatsheet.

e_opore's tweet image. Frontend development Performance Cheatsheet.

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

AbdallahHemda17's tweet image. السـلام عليكـــــم
دي سابع حلقة من سلسلة #frontendperformance بالعربي.

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

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ13 من سلسلة #frontendperformance بالعربي.

فالحلقة دي بنتكلم علي topic قوي جدا ولكن في نفس الوقت تطبيقه بسيط في الـ apps بتاعتنا, بنتكلم في الحلقة دي عن Resource hints.

هنعرف ايه هي وبتستخدم في ايه وازاي نستخدمها, وهنتكلم بالتفصيل علي أول…

𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 𝟮𝟬𝟮𝟱 Here’s a breakdown of the key areas you should focus on: 𝟭. 𝗛𝗧𝗠𝗟 & 𝗖𝗦𝗦 Begin with solid fundamentals — the building blocks of every web interface. 🔹 HTML5: Semantic markup, accessibility, forms 🔹 CSS3:…


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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم

دي الحلقة الـ18 من سلسلة #frontendperformance بالعربي.

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

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ14 من سلسلة #frontendperformance بالعربي.

فالحلقة دي بنكمل كلامنا علي Resource hints وهنتكلم علي أكتر عن الـ Preload.

هنعرف ايه هو وبيستخدم ازاي وattributes مهمة تاخد بالك وانت بتعمل الـ preload علشان استخدمها بشكل غلط ممكن يأدي ان الـ…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ15 من سلسلة #frontendperformance بالعربي.

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

هنتكلم أكتر ايه هو وبيعمل ايه,…

Loading Images Image delay ho rahi? Spinner dikhao! React UX: Always keep user busy 😅 #lazyloading #reactjs #frontendperformance #webux


#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! testrigtechnologies.com/automation-tes… #WebPerformance #QA

testrig_qa's tweet image. #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! testrigtechnologies.com/automation-tes…
#WebPerformance #QA

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


السلام عليكــــــــــــم دي الحلقة الـ20 من سلسلة #frontendperformance بالعربي. فالحلقة دي هنتكلم علي performance technique جديد وهو الـ JavaScript Compression هنتكلم علي الـ Minification والـ Http Compression, هنتكلم علي أنواع الـ Compression سواء lossy او lossless واخيارنا…

AbdallahHemda17's tweet image. السلام عليكــــــــــــم

دي الحلقة الـ20 من سلسلة #frontendperformance بالعربي.

فالحلقة دي هنتكلم علي performance technique جديد وهو الـ JavaScript Compression

هنتكلم علي الـ Minification والـ Http Compression, هنتكلم علي أنواع الـ Compression سواء lossy او lossless واخيارنا…

👉 What’s the biggest bottleneck stopping your team from making performance audits fully automated? #Ecommerce #FrontendPerformance #WebPerformance #CoreWebVitals #Automation #DevOps #HeadlessCommerce #CRO


Frontend: Your app loads in 5s? Users bounce in 3. Every extra second = +32% bounce rate. 🎯 Targets: < 2.5s load < 3.4s TTI < 20% bounce 📊 Real wins: Ecom: 8s → 2.1s SaaS: 45% → 18% bounce 💬 Comment "AUDIT" for a free perf review. #FrontendPerformance #CoreWebVitals

thechaincademy's tweet image. Frontend: Your app loads in 5s?
Users bounce in 3.
Every extra second = +32% bounce rate.

🎯 Targets:
&amp;lt; 2.5s load
&amp;lt; 3.4s TTI
&amp;lt; 20% bounce

📊 Real wins:
Ecom: 8s → 2.1s
SaaS: 45% → 18% bounce

💬 Comment &quot;AUDIT&quot; for a free perf review.
#FrontendPerformance #CoreWebVitals
thechaincademy's tweet image. Frontend: Your app loads in 5s?
Users bounce in 3.
Every extra second = +32% bounce rate.

🎯 Targets:
&amp;lt; 2.5s load
&amp;lt; 3.4s TTI
&amp;lt; 20% bounce

📊 Real wins:
Ecom: 8s → 2.1s
SaaS: 45% → 18% bounce

💬 Comment &quot;AUDIT&quot; for a free perf review.
#FrontendPerformance #CoreWebVitals
thechaincademy's tweet image. Frontend: Your app loads in 5s?
Users bounce in 3.
Every extra second = +32% bounce rate.

🎯 Targets:
&amp;lt; 2.5s load
&amp;lt; 3.4s TTI
&amp;lt; 20% bounce

📊 Real wins:
Ecom: 8s → 2.1s
SaaS: 45% → 18% bounce

💬 Comment &quot;AUDIT&quot; for a free perf review.
#FrontendPerformance #CoreWebVitals
thechaincademy's tweet image. Frontend: Your app loads in 5s?
Users bounce in 3.
Every extra second = +32% bounce rate.

🎯 Targets:
&amp;lt; 2.5s load
&amp;lt; 3.4s TTI
&amp;lt; 20% bounce

📊 Real wins:
Ecom: 8s → 2.1s
SaaS: 45% → 18% bounce

💬 Comment &quot;AUDIT&quot; for a free perf review.
#FrontendPerformance #CoreWebVitals

I've added the slide from my recent talk at @Razorpay Gurgaon (@reactdelhi meetup) on reading waterfall & flame charts for frontend performance! 🔥🧠Check it out here 👉 bit.ly/443Cloq #ReactDelhi #FrontendPerformance #ReactJS #DevTools #TechTalks #DeveloperCommunity


I wish more people knew that understanding how React Server Components and partial rendering in Next.js 14 work is more important than just copying examples from tutorials about building modern frontend apps. #Nextjs #ReactServerComponents #FrontendPerformance #TailwindCSS

TochiObere's tweet image. I wish more people knew that understanding how React Server Components and partial rendering in Next.js 14 work is more important than just copying examples from tutorials about building modern frontend apps.

#Nextjs #ReactServerComponents #FrontendPerformance #TailwindCSS

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم

دي الحلقة الـ19 من سلسلة #frontendperformance بالعربي

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

Frontend performance is not just about frameworks. It is caching, image loading, API latency, and UX feedback. We optimize it all. ⚡ codecolonies.com #FrontendPerformance #CodeColonies


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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم

دي الحلقة الـ18 من سلسلة #frontendperformance بالعربي.

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

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ17 من سلسلة #frontendperformance بالعربي.

فالحلقة دي هنتكلم علي واحدة من الأدوات المهمة والي هتساعدنا نفسهم ونشوف بشكل أحسن الـ bundles بتاعنا وازاي بتشتغل وهي الـ Bundle Analyzer

هنتكلم هي عبارة عن ايه, وازاي بتساعدنا نجاوب علي اسئلة كتير…

未找到 "#frontendperformance" 的結果

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

AbdallahHemda17's tweet image. السـلام عليكـــــم...

دي تاسع حلقة من #frontendperformance بالعربي.

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

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ11 من سلسلة #frontendperformance بالعربي.

بدأيا من الحلقة دي هنبدأ نشوف optimization techniques تساعدنا نحسن الـ performance والـ loading time للـ apps بتاعتنا.

فالحلقة دي هنتكلم علي الـ bundle splitting, هنعرف ايه هو وليه محتاجينه, و هنعرف…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ12 من سلسلة #frontendperformance بالعربي.

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

هنشوف كمان مع بعض الـ Intersection Observer…

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

AbdallahHemda17's tweet image. السـلام عليكـــــم

دي الحلقة العاشرة من سلسلة #frontendperformance بالعربي.

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

الحلقة دي بالنسبالي من أمتع الحلقات الي اتبسطت بيها سوا في…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ17 من سلسلة #frontendperformance بالعربي.

فالحلقة دي هنتكلم علي واحدة من الأدوات المهمة والي هتساعدنا نفسهم ونشوف بشكل أحسن الـ bundles بتاعنا وازاي بتشتغل وهي الـ Bundle Analyzer

هنتكلم هي عبارة عن ايه, وازاي بتساعدنا نجاوب علي اسئلة كتير…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ16 من سلسلة #frontendperformance بالعربي.

فالحلقة دي هنتكلم علي technique جديد لتحسين الـ bundle size في الـ app بتاعك وهو الـ Tree Shaking

هنعرف مع بعض ايه هو الـ Tree Shaking, وبيحاول يحسن ايه وعلاقتة بالـ ES Modules و CommonJS وعلاقتة…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم

دي الحلقة الـ19 من سلسلة #frontendperformance بالعربي

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

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

AbdallahHemda17's tweet image. السـلام عليكـــــم
دي سابع حلقة من سلسلة #frontendperformance بالعربي.

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

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ13 من سلسلة #frontendperformance بالعربي.

فالحلقة دي بنتكلم علي topic قوي جدا ولكن في نفس الوقت تطبيقه بسيط في الـ apps بتاعتنا, بنتكلم في الحلقة دي عن Resource hints.

هنعرف ايه هي وبتستخدم في ايه وازاي نستخدمها, وهنتكلم بالتفصيل علي أول…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ14 من سلسلة #frontendperformance بالعربي.

فالحلقة دي بنكمل كلامنا علي Resource hints وهنتكلم علي أكتر عن الـ Preload.

هنعرف ايه هو وبيستخدم ازاي وattributes مهمة تاخد بالك وانت بتعمل الـ preload علشان استخدمها بشكل غلط ممكن يأدي ان الـ…

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم
دي الحلقة الـ15 من سلسلة #frontendperformance بالعربي.

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

هنتكلم أكتر ايه هو وبيعمل ايه,…

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

AbdallahHemda17's tweet image. السـلام عليكـــــم...

دي تامن حلقة من سلسلة #frontendperformance بالعربي

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

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

AbdallahHemda17's tweet image. السلام عليكــــــــــــم

دي الحلقة الـ18 من سلسلة #frontendperformance بالعربي.

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

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

perfclarity's tweet image. Maps are extremely interactive web applications. 

Every pan or zoom results in hundreds of concurrent XHR (ajax) requests &amp;amp; images.

𝙒𝙝𝙖𝙩&apos;𝙨 𝙪𝙣𝙙𝙚𝙧𝙣𝙚𝙖𝙩𝙝 𝙩𝙝𝙚 𝙝𝙤𝙤𝙙:
𝐺𝑜𝑜𝑔𝑙𝑒 𝑀𝑎𝑝𝑠: HTTP/3
𝐵𝑖𝑛𝑔: HTTP/2
𝑀𝑎𝑝𝑄𝑢𝑒𝑠𝑡: HTTP/1.1 

#FrontEndPerformance

@ksylor recently became the first Frontend Architect at @Etsy😎She loves to talk, write, and teach about #frontendperformance, #designsystems, #accessibility, and which #tikibars are the best in the world. Don't miss the chance to meet her at #JSHeroes ➡️jsheroes.io

jsheroes's tweet image. @ksylor recently became the first Frontend Architect at @Etsy😎She loves to talk, write, and teach about #frontendperformance, #designsystems, #accessibility, and which #tikibars are the best in the world.

Don&apos;t miss the chance to meet her at #JSHeroes ➡️jsheroes.io

Loading...

Something went wrong.


Something went wrong.


United States Trends