השיגו עוד מספר נקודות ב Google Page Speed – וורדפרס

ניתן מספר טיפים בכדי להעלות את הציון ב Google Page Speed

לפני מספר חודשים, כתבתי מאמר המסביר איך לשפר את מהירות הטעינה של אתרי וורדפרס. התברר לי כי נושא זה מעניין רבים ממפתחי הוורדפרס, לא בכדי הוא הפוסט הכי מוצלח (בינתיים) בבלוג שלי ואף זכה לאזכור בפוסט שיצא מספר שבועות אחרי באתר Geektime המכובד. אז כחלק מהמלחמה לשפר את זמן הטעינה של אתרי וורדפרס (שאני מוצא די מהנה אני חייב לציין), בואו ננסה להרוויח כאן עוד מספר נקודות ב Google Page Speed…

טענו קבצי javascript ב footer במקום ב header

קבצי ה javascript אינם נטענים בצורה מקבילית (אלא אם הוא נטען אסינכרונית), כל עוד סקריפט מסויים לא סיים להטען, טעינת שאר הקבצים (css / תמונות וכו׳) תעצור עד שסקריפט זה ייטען במלואו. וורדפרס כברירת מחדל טוענת את הסקריפטים ב header של האתר, נכון יהיה לגרום לכך שסקריפטים אלו ייטענו מהפוטר כך שהתמונות ו ה css ייטענו לפני הסקריפטים. הוסיפו את הקוד הבא לקובץ functions.php:

הסירו את comment-reply.min.js במידה ואינו נחוץ

בתבניות ברירת המחדל של וורדפרס, הסקריפט  comment-reply.min.js מתווסף לכל פוסט ללא אבחנה בין אם אתם משתמשים בתגובות בפוסטים או לא.

ברשימת המצבים המופיעים מטה, נכון יהיה לבטל סקריפט זה על מנת למנוע טעינת Javascript מיותר וקריאה נוספת לשרת ועל ידי כך לשפר את מהירות הטעינה של הדף:

  • ביטלתם את אפשרות תגובות משורשרות בהגדרות > דיון.
  • ביטלתם את אפשרות התגובות לגמרי.
  • אתם משתמשים במערכת Disqus לתגובות שלכם.
  • אתם משתמשים במערכת Livefyre לתגובות שלכם.

הוסיפו את הקוד הבא לקובץ functions.php על מנת להסיר את  comment-reply.min.js:

על הדרך, הצטרפו לרשימת התפוצה !

הסירו את jquery-migrate.min.js ותטענו את jquery מגוגל cdn

וורדפרס טוענת כברירת מחדל את הסקריפט  jquery-migrate.min.js. סקריפט זה נועד בכדי לטעון פונקציות אשר הוסרו מגירסת jQuery 1.9 ומעלה, ברוב המקרים אינכם צריכים סקריפט זה.

בכדי לבדוק האם אתם צריכים את  jquery-migrate.min.js, ערכו את קובץ wp-config.php והוסיפו את השורה הבאה:

בדרך זו, תוכלו לנטר שגיאות של סקריפטים באתר (אל תשכחו להוריד שורה זו כשהאתר באוויר).

בנוסף, נסו לטעון את jQuery דרך ה – CDN של גוגל. jQuery נמצא בשימוש ברוב אתרי האינטרנט, כולל האתרים הגדולים ביותר. הספרייה של גוגל הפכה לסטנדרט לטעינת סקריפטים אצל מפתחי האתרים. הסיכוי שקובץ זה כבר שמור בדפדפן אצל אלו הגולשים באתר שלכם גבוה מאד ולכן כדאי לגרום לוורדפרס לטעון את הסקריפט מגוגל ולא מתיקיית wp-includes/js של אתר הוורדפרס שלכם.

הוסיפו את הקוד הבא לקובץ functions.php על מנת לטעון את jQuery מ CDN ולהסיר את jquery-migrate.min.js:

הסירו emoji icons

גירסת וורדפרס 4.2 הציגה את השימוש ב emoji (שימוש בסמייליס למינהם), אפשרות זו טוענת javascript ו css בכל דף באתר שלכם, אם אינכם מעוניינים או אינכם משתמשים בסמייליס נכון יהיה להסיר פונקציונליות זו. הוסיפו את הקוד הבא לקובץ functions.php:

אני מאמין שאוסיף עוד טיפים למאמר זה לגבי שיפור זמן הטעינה של אתרי וורדפרס בבוא הזמן, אז חזרו לבקר 🙂

רועי יוסף

מפתח ומעצב וורדפרס, מאמין ביצירת הזדמנויות לעסקים קטנים, סטארטאפים נועזים ואנשים עצמאים לשנות את העולם. אוהב טיפוגרפיה, צבעים וכל מה שבינהם ומכוון לספק אתרי וורדפרס עם ביצועים גבוהים, תמיכה בכל הדפדפנים, בעלי קוד ולידי, סמנטי ונקי. צרו איתי קשר.

תגובות פייסבוק

{ 2 תגובות… הוסף אחת }
  • אורי 20 באוגוסט 2015, 15:11

    אז ככה ביצעתי את שלב 1 ו- 2 וזה פשוט או תוקע לי את סרגל התפריט ומסתיר לי את הפרסומת גוגל באתר.
    השלב השלישי של האימוגי זה עובד פרפקט. אז הוספתי לקובץ פונקציה את שלב השלישי.

    תודה רבה

  • רועי ברקוביץ 12 בפברואר 2016, 13:24

    הקוד הראשון מעלים לי את כל הפורטפוליו

השאירו תגובה

כבר הולכים ? הרשמו לרשימת התפוצה !

הכניסו את האימייל שלכם וקבלו עדכונים חודשיים על מאמרים, טיפים ומדריכים חדשים !

לעולם לא נשתף את הפרטים שלכם...

קראו גם את:
נגישות אתרי וורדפרס
הנגשת אתרי וורדפרס ונגישות ברשת – חלק א׳

סגור