אפליקציות אינטרנט לנייד ללא התקנה
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
נתיב העיבוד הקריטי מתייחס לכל דבר (JavaScript, HTML, CSS, תמונות) שהדפדפן זקוק לו כדי להתחיל לצייר את הדף. תעדוף העברת נכסים בנתיב העיבוד הקריטי הוא חובה, במיוחד למשתמשים במכשירים עם הגבלת רשת, כמו סמארטפונים ברשתות סלולריות. בריאן מספר איך הצוות ב-Google עבר את תהליך הזיהוי והתעדוף של הנכסים באתר של PageSpeed Insights, בזכות משך זמן של 20 שניות עד יותר משנייה אחת!
שקפים
- להסיר JavaScript ו-CSS שחוסמים את העיבוד.
- לתת עדיפות לתוכן גלוי.
- יש לטעון סקריפטים באופן אסינכרוני.
- עיבוד הצד ההתחלתי של השרת כ-HTML והרחיבו אותו באמצעות JavaScript.
- צריך לצמצם את השימוש ב-CSS שחוסם את העיבוד. יש לספק רק את הסגנונות הנדרשים כדי להציג את אזור התצוגה הראשוני, ולאחר מכן לספק את השאר.
- מזהי URI של נתונים גדולים שמוטמעים ב-CSS שחוסם את העיבוד מזיקים לביצועי הרינדור; הם חוסמים משאבים שבהם כתובות ה-URL של תמונות אינן חוסמות.
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-25 (שעון UTC).
[[["התוכן קל להבנה","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 (שעון UTC)."],[],["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"]]
