برنامه های وب فوری موبایل
با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.
مسیر رندر بحرانی به هر چیزی (جاوا اسکریپت، HTML، CSS، تصاویر) اشاره دارد که مرورگر قبل از اینکه بتواند صفحه را نقاشی کند به آن نیاز دارد. اولویتبندی تحویل داراییها در مسیر رندر حیاتی، بهویژه برای کاربرانی که در دستگاههای دارای محدودیت شبکه مانند گوشیهای هوشمند در شبکههای سلولی کار میکنند، ضروری است. برایان درباره نحوه انجام مراحل شناسایی و اولویتبندی داراییها برای وبسایت PageSpeed Insights توسط تیم Google صحبت کرد و زمان بارگذاری آن را از 20 ثانیه به کمی بیش از 1 ثانیه رساند!
اسلایدها
- جاوا اسکریپت و CSS مسدود کننده رندر را حذف کنید.
- محتوای قابل مشاهده را در اولویت قرار دهید.
- بارگیری اسکریپت ها به صورت ناهمزمان
- نمای اولیه سمت سرور را به صورت HTML ارائه دهید و با جاوا اسکریپت تقویت کنید.
- CSS مسدودکننده رندر را به حداقل برسانید. فقط سبک های مورد نیاز برای نمایش نمای اولیه را ارائه دهید، سپس بقیه را تحویل دهید.
- URIهای داده بزرگ که در CSSهای مسدودکننده رندر قرار گرفته اند برای عملکرد رندر مضر هستند. آنها منابعی را مسدود می کنند که URL های تصویر غیر مسدود هستند.
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده 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"]]
