תקן Google PageSpeed לחסל לחסום חסימת JavaScript ו- CSS בתוכן בחלק העליון והקבוע
- לפתור עיבוד חסימת Javascript ו- CSS
- בטל JavaScript וחסימת עיבוד של JavaScript ו- CSS בתוכן מעל לקיפול: הראה כיצד לתקן את זה
- טען קבצי Javascript
- טען CSS לאחר טעינת HTML
- עברו את מבחן המהירות של אתר גוגל!
- כיצד למנוע לחסום משאבים לחסום ב- WordPress
- בקש ממערכת חיצונית לבצע אופטימיזציה של האתר שלך עבורך
- שאלות נפוצות
- מושלמת כרום מגדלור ציון: מה קורה? - video
- הערות (8)
לפתור עיבוד חסימת Javascript ו- CSS
מבחן GooglePageSpeed [1] בטל את החסימה של JavaScript ו- CSS בתוכן בחלק העליון והקבוע מציע לך לספק את קובצי ה- JS ו- CSS של האתר לאחר טעינת ה- HTML במלואה - ולכן, אל תשהה את טעינת ה- HTML שלך כדי להוריד אותם.
[1] - PageSpeed Insights - developers.google.comהגדרת סקריפט החוסם עיבוד: סקריפטים הנטענים לפני ניתוח ה- DOM ב- HTML המלא. לדוגמה, סקריפטים הכלולים בכותרת או בתוכן, ללא כל הוראות ספציפיות לדפדפנים לעכב את טעינת הסקריפט עד לאחר צבע HTML.בטל JavaScript וחסימת עיבוד של JavaScript ו- CSS בתוכן מעל לקיפול: הראה כיצד לתקן את זה
- בקשו ממערכת חיצונית לייעל את אתרכם עבורכם
- השתמש ב- CDN שיבצע את כל האופטימיזציות האפשריות בשמך, כולל שלוש האופטימיזציה הבאות הדרושות כדי לתקן את המשאבים החוסמים עיבוד:
- טען קבצי Javascript
- טען CSS לאחר טעינת HTML
- השתמש בתוסף וורדפרס
יש הרבה אופטימיזציות הדרושות כדי לתקן את המשאבים החוסמים עיבוד ועשויים להיות מייגעים ליישם אותם בעצמך - בנוסף, תצטרך לחפש כל הזמן בדיקות חדשות הכלולות ב- Chrome LightHouse ו- Google PageSpeed בין בדיקות מהירות אחרות של הדף.
אין פתרון קיים לחיסול משאבים החוסמים עיבוד בקוד htaccess מכיוון שהנושא קשור ל- DOM, כלומר תוכן האתר והסדר בו נטענים המשאבים הכלולים, כמו Javascript ו- CSS, אך לא רק. לא ניתן להפעיל את אלה ב- Htaccess, אלא רק בתוכן ה- HTML DOM.
אם תפתור את הבעיות הללו עבור שולחן העבודה, בעת ובעונה אחת תבטל משאבים לחסימת עיבוד לניידים שכן שניהם זהים לחלוטין!
Did you know that you can even have all these steps executed automatically for you by using an external מאיץ מהירות האתר technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!
טען קבצי Javascript
כדי לדחות את העומס של קבצי JS שלך [2], תוכל להוסיף את הסינכרון או לדחות את ההוראה לקישורי הסקריפטים שלך. Async לא יבטיח שהם נטענים באותו רצף - ולכן, אם יש לך כמה סקריפטים שצריך לרוץ אחד אחרי השני, דחיית עדיף להבטיח את רצף:
[2] - הסר JavaScript החוסם עיבוד תובנות PageSpeed | מפתחים טובים - developers.google.comטען CSS לאחר טעינת HTML
כדי שה- CSS יטען לאחר העברת ה- HTML המלא, Google מציעה [3] את קטע הקוד להוספה בסוף קוד ה- HTML שלך, לדוגמה, לאחר תג הסגירה התחתונה ולפני תג הסגירה של הגוף:
[3] - אופטימיזציה של משלוח CSS | תובנות PageSpeed | מפתחים טובים - developers.google.comעל מנת לייעל את אתר האינטרנט שלך, זה גם רעיון טוב להסרת קוד CSS שאינו בשימוש, פעולה אשר יכול להיות מייגע אם אין לך ידע בעיצוב אתרים. אם לא יצרת את אתר האינטרנט שלך בעצמך, זה יכול להיות חכם יותר להשתמש במערכת חיצונית כדי להסיר קוד CSS שאינו בשימוש בדפים שלך בשמך, כגון קפיצה ezoic למשל, גרסה חדשה (חינם לחלוטין) של האתר המדהים שלהם מאיץ מהירות.
עברו את מבחן המהירות של אתר גוגל!
זה איפשר לי לעבור את הבדיקה של Google PageSpeed [1] לחסל את JavaScript ו- CSS החוסמים עיבוד בתוכן בחלק העליון והקבוע (יחד עם אחסון מטמון של הדפדפן [4] באתר אינטרנט, העולה מתוך ציון של 51 בנייד ( איור 1) עד 72 (איור 2), ומעלה מ 59 (איור 3) עד 79 על שולחן העבודה (איור 4).
[4] - תקן גוגל PageSpeed למנף מטמון דפדפנים ב- htaccess - יואן בירלינג, יועץ SAP / אינטרנט בינלאומי - www.ybierling.com
כיצד למנוע לחסום משאבים לחסום ב- WordPress
כדי למנוע משאבים לחסימת עיבוד ב- WordPress, יש צורך להתקין תוסף כגון JetPack.
לאחר מכן, עבור אל האפשרויות, שעבורן עליך להיות מנהל מערכת, ועבור אל אפשרויות JetPack> כתיבה> ביצועים ומהירות> סמן את הפעל מאיצים של האתר, האץ את זמני טעינת התמונה, האץ את זמני הטעינה של קבצים סטטיים והפעל טעינה עצלה עבור תמונות.
למדו יסודות SEO: הירשמו היום!
הגבירו את הנראות והתנועה של אתר האינטרנט שלכם על ידי שליטה ביסודות ה- SEO עם קורס היסודות הקלים שלנו.
התחל ללמוד SEO
זה יבטל לחסום משאבים לחסום ב וורדפרס ודפי לטעון מהר יותר על ידי מתן JetPack כדי לייעל את התמונות שלך לשרת את התמונות שלך קבצים סטטיים (כמו CSS ו- JavaScript) מן הרשת הגלובלית של השרתים.
כיצד לחסל לחסום-חסימת JavaScript ו- CSS על וורדפרס
כמו כן, אל תשכח לדחות תמונות טעינה מחוץ למסך באמצעות פונקציית עומס עצלן. אמנם זה היה קשה להיות קשה ומחייך ספריה חיצונית לדחות תמונות טעינה מחוץ למסך, זה עכשיו אפשרי באופן מקורי ב- HTML5!
כדי ליישם טעינה עצלנית של תמונות באתרי האינטרנט שלך, פשוט להוסיף את הערכים עצלן לתכונות הטעינה של תמונות האתר שלך, והדפדפנים האחרונים יבינו שתמונות אלה יש לבקש ולטעון רק אם הם מוצגים, כלומר מגילת משתמש למטה מצייני מצייני תמונות.
<img src=”SRC” alt=”ALT” loading=”lazy”></img>נוסף על כך, טעינה עצלה גם עובד עם iframes, והוא יישום חשוב לחסל משאבים לחסום לדפי האינטרנט שלך.
לאחר עיבוד חסימת משאבים יהיה הוראות לטעון לאחר התוכן הראשי, כלומר HTML DOM, אתה כבר להרוויח הרבה נקודות על בדיקת מגדלור של Google, את מהירות הדף Invits Web.
בקש ממערכת חיצונית לבצע אופטימיזציה של האתר שלך עבורך
האם אתה יודע שבעצם יכולת להיפתר כל בעיות Google PageSpeed בשמך, ללא מאמץ רב מהאתר שלך - מלבד ההרשמה לניסיון בחינם ושינוי ה- DNS שלך?
באמצעות הטכנולוגיה של פלטפורמת Ezoic Site Speed Accelerator, כל הבעיות הרגילות של Google PageSpeed ייפתרו על ידי המערכת שלה, אשר תהיה המתווכת בין האתר שלך והמבקרים. הם יבצעו לך אופטימיזציה של דף האינטרנט לפני שתציג אותו בפני המבקר שלך.
הפוך לירוק פשוט על ידי הרשמה לניסיון חינם בפלטפורמה Ezoic ונסה זאת בעצמך - הם יגרמו לאתר שלך להגיע לסטנדרטים הגבוהים ביותר של אופטימיזציית מהירות העמוד תוך מספר ימים: הציג תמונות מהאתר הבא של הדף, בצע אופטימיזציה של CSS ו- JavaScript על ידי הסרת CSS שאינן בשימוש. ו- JS, לטעון תמונות עצלות, לשנות גודל של תמונות, לשמור במטמון את דפי האתר שלך, לבצע אופטימיזציה של גופנים, להתחבר מראש לכל האתרים הכלולים שלך, ועוד ועוד.
אין צורך בכרטיס אשראי - כל שעליכם לעשות הוא להירשם בחינם ולנסות זאת. בנוסף, אם האתר שלך מרוויח כסף ממודעות לתצוגה, מעבר לכך שהאתר שלך מהיר הרבה יותר, הם יכולים גם לגרום לך להרוויח כמה פעמים יותר כסף ממה שאתה עושה עם Google AdSense על ידי ביצוע אופטימיזציה של המודעות שלך באמצעות למידת מכונה ואינטליגנציה מלאכותית מתקדמת.
שאלות נפוצות
- כיצד לחסל את ה- JavaScript של חסימת Render ו- CSS בתוכן מעל לתוכן?
- כדי לבטל JavaScript חסימת Render ו- CSS לתוכן מעל הקיפול, עליך להבטיח שקבצי ה- JS ו- CSS של האתר שלך נטענים לאחר טעינת ה- HTML במלואה. המשמעות היא לא להשהות את תהליך הטעינה של HTML כדי להוריד קבצים אלה. באפשרותך לדחות קבצי JavaScript באמצעות Async או Depect Attribute, ול- CSS, אתה יכול להשתמש בקוד ספציפי כדי לטעון אותו לאחר ה- HTML. מערכת אופטימיזציה חיצונית כמו Ezoic יכולה גם להתמודד עם זה באופן אוטומטי.
- כיצד יכולים מפתחי אתרים להתייחס להמלצת Google PageSpeed לחיסול JavaScript חסימת Render ו- CSS?
- מפתחי אתרים יכולים לייעל את האתר שלהם על ידי טווח קבצי JavaScript ו- CSS, תוך שימוש בטעינה אסינכרונית עבור JavaScript, מכניסים CSS קריטי ישירות ל- HTML, ולהדחיק את העמסת קבצי CSS ו- JavaScript שאינם קריטיים. יישום אסטרטגיות אלה יכול לשפר באופן משמעותי את זמני הטעינה ואת ציוני המהירות.
מושלמת כרום מגדלור ציון: מה קורה?
Yoann Bierling הוא מקצוען להוצאת אינטרנט וייעוץ דיגיטלי, ומשפיע על מומחיות וחדשנות בטכנולוגיות. הוא נלהב להעצים אנשים וארגונים לשגשג בעידן הדיגיטלי, הוא מונע לספק תוצאות יוצאת דופן ולהניע צמיחה באמצעות יצירת תוכן חינוכי.
למדו יסודות SEO: הירשמו היום!
הגבירו את הנראות והתנועה של אתר האינטרנט שלכם על ידי שליטה ביסודות ה- SEO עם קורס היסודות הקלים שלנו.
התחל ללמוד SEO