تطبيقات الويب الفورية للأجهزة الجوّالة
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يشير مسار العرض الحرج إلى أي شيء (جافا سكريبت وHTML وCSS وصور) يتطلبه المتصفح قبل أن يتمكن من بدء رسم الصفحة. إنّ أولويات تسليم مواد العرض في مسار العرض الحرج لا غنى عنه، لا سيما لمستخدمي الأجهزة المقيّدة بالشبكة، مثل الهواتف الذكية على الشبكات الخلوية. تحدث بريان عن كيفية قيام الفريق في Google بعملية تحديد الأصول وتحديد أولويتها لموقع ويب PageSpeed Insights، حيث استغرقت من 20 ثانية من التحميل إلى أكثر من ثانية واحدة بقليل!
العروض التقديمية من Google
- إزالة جافا سكريبت وCSS التي تحظر العرض.
- إعطاء الأولوية للمحتوى المرئي
- تحميل النصوص البرمجية بشكل غير متزامن.
- عرض العرض المبدئي من جانب الخادم بتنسيق HTML ومضاعفة باستخدام جافا سكريبت.
- يمكنك تقليل CSS الذي يحظر العرض، وعرض الأنماط اللازمة فقط لعرض إطار العرض الأولي، ثم تسليم بقية العناصر.
- تؤدي معرّفات الموارد المنتظمة (URI) للبيانات الكبيرة المضمّنة في CSS لحظر العرض إلى التأثير سلبًا في أداء العرض، فهي تحظر الموارد التي لا تحظر فيها عناوين URL للصور.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)"],[],["The core content discusses optimizing the Critical Rendering Path (CRP) for faster page load times. Key actions include eliminating render-blocking JavaScript and CSS, prioritizing visible content, loading scripts asynchronously, and rendering the initial view server-side as HTML. Minimizing render-blocking CSS by delivering only initial viewport styles is crucial. Large data URIs inlined within blocking CSS negatively impacts performance, unlike image URLs. These steps were used to significantly improve the PageSpeed Insights website's load time.\n"]]
