המדריך המלא לאופטימיזצית אתר וורדפרס 2019

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

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

1. בדיקת מהירות האתר שלכם

נקודת ההתחלה הראשונה שלנו זה להבין מה מהירות האתר שלכם, ואת זה נעשה בעזרת gtmetrix שם נעבוד כרגע עם שלושה מדדים :

בדיקת מהירות אתר עם gtmetrix

Fully Loaded Time : משך הזמן הסופי שלוקח לדף לעלות גם אחרי שהדף מוצג במסך
Total Page Size : משקל הקבצים שיש בדף , כמובן שזה משפיע על מהירות טעינה
Requests : מספר הבקשות (הפניות) שיוצאות מהדף ומושכות אליו דברים (סקריפטים מגוגל ,פונטים ,וכו׳)

2. חשבון האחסון שלכם

אחסון הפרמטר הכי חשוב לאופטימזציה ( יכול להוריד 7 שניות מזמן הטעינה ), למה? מספר סיבות ...
עוצמת השרת : זה בעצם המחשב שמריץ את קבצי האתר , מחשב מהיר יבצע יותר מהר את כל הפונקציות הקיימות והמשמעות שהוא יגיש לגולש את האתר הרבה יותר מהר
שרת פרטי או שיתופי : זה חשוב , כי גם שרת עם מעבד חזק וביצועים מרהיבים ברגע שמספר רב של אתרים נמצאים שם וברגע שלאתרים האלו יש הרבה גולשים השרת כולו נכנס לעומס עבודה וגם האתר שלכם יושפע מזה , גם עם גולשים בו רק 2 אנשים
מיקום : איפה השרת שלכם נמצא ? בארץ או בחו״ל , זה משפיע כי כמה שיותר קרוב , המידע מגיע יותר מהר , ממש כמו שזה

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

רשימת שרתים מומלצים לאחסון וורדפרס בחו״ל

• SiteGround
• Cloudways
• Kinsta
• WP Engine

רשימת שרתים לא מומלצים לאחסון וורדפרס בחו״ל

• GoDaddy
• Bluehost
• HostGator
• InMotion
• Dreamhost
• EIG

ובנוסף אני בהחלט ממליץ להתחבר לקבוצת הפייסבוק WordPress Hosting שם אפשר לעקוב אחרי סקרים וחוות דעת של משתמשים

3. גרסת php

גרסות ישנות של גרסת php יכולות להאט מאוד את האתר ולכן חשוב לוודא שהאתר עובד על גרסת 7 ומעלה. איך לבדוק :

• מהשרת : שם ניתן לראות את הגרסה וגם לעלות גרסה במידה וצריך
• לבדוק עם פלגאין : Display PHP Version
• להוסיף לקובץ /public_html/wp-content/themes/YOURTHEMENAME-child/function.php את הפונקציה ()phpinfo , לראות מה הגרסה ולהסיר

4. קאשין בדפדפן של הגולש | browser caching

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

<IfModule mod_expires.c>
	ExpiresActive On

	# Images
	ExpiresByType image/jpeg "access plus 1 year"
	ExpiresByType image/gif "access plus 1 year"
	ExpiresByType image/png "access plus 1 year"
	ExpiresByType image/webp "access plus 1 year"
	ExpiresByType image/svg+xml "access plus 1 year"
	ExpiresByType image/x-icon "access plus 1 year"

	# Video
	ExpiresByType video/mp4 "access plus 1 year"
	ExpiresByType video/mpeg "access plus 1 year"

	# CSS, JavaScript
	ExpiresByType text/css "access plus 1 month"
	ExpiresByType text/javascript "access plus 1 month"
	ExpiresByType application/javascript "access plus 1 month"

	# Others
	ExpiresByType application/pdf "access plus 1 month"
	ExpiresByType application/x-shockwave-flash "access plus 1 month"
</IfModule>

5. הורדת פרמטרים מטעינת סקריפטים |
Remove Query Strings From Static Resources Code

מה זה אומר עבורנו : הרבה פלאגינים ותבניות משתמשים במנגנון של ניהול גרסאות וזיהוי יחודי ביצירת הקבצים לדוגמה :style.css?v=0.12 , מרבית הדפדפנים לא ישמרו בקאש קבצים מסוג זה ולכן אנו נרצה להוריד את הפרמטרים האלו ולדאוג שהאתר יגיש לדפדפן קבצים נקיים. איך עושים את זה : נכנסים לקובץ function.php של התבנית המותקנת ושם מוסיפים את הפוקציה שפה

/*** Remove Query String from Static Resources ***/
function remove_cssjs_ver( $src ) {
 if( strpos( $src, '?ver=' ) )
 $src = remove_query_arg( 'ver', $src );
 return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

6. Disable WordPress Cronjob

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

define('DISABLE_WP_CRON', true);

7. ביטול סקריפטים לא הכרחים מעמודים ספציפים

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

Asset CleanUp

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

8. WordPress Heartbeat API

מגרסה 3.6 וורדפרס הכניסה את הפיצר הזה , מטרתו זה לאפשר תקשורת רציפה בין המשתמש לשרת . מנגנון זה פועל באופן רציף לטובת מספר פעולות: לשמירה אוטומטית של פוסטים , לבדיקה אם משתמש אחר מחובר ועוד והחסרון הבולט זה שזה יכול להאט אתר בעיקר אתרים שנמצאים על שרת חלש
נבטל זאת על ידי הוספת קטע קוד לקובץ /public_html/wp-content/themes/YOURTHEMENAME-child/function.php

add_action( 'init', 'stop_heartbeat', 1 );
function stop_heartbeat() {
	wp_deregister_script('heartbeat');
}

9. פלאגין קאש לוורדפס - wp-rocket

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

כיווץ קבצי css & js

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

File optimization

נלך ללשונית file optimization
נשאף לסמן הכל אחד נבצע זאת אחד אחד ובאמצע נבדוק את האתר ונוודא שהכלום לא משתבש
Remove query strings from static resources : זה מוריד מהסקריפטים את הפרמטרים הנוספים (לדוגמה: גרסת הקובץ style.css?v=0.1), דפדפנים לא תמיד ישמרו בקאש קבצים מהסוג הזה ולכן מומלץ להשתמש באופציה זאת אבל כמובן במידת זהירות ובדיקה שלא השתבש דבר באתר

קבצי מדיה

פה נסמן את 3 האופציות , שהחשובה ביותר זה lazy load לתמונות

לשונית מדיה

חשוב לסמן את 3 האופציות כמו בתמונה

Prefetch DNS Requests

מאפשר לנו לקצר זמני טעינה של קבצים חיצונים על ידי כך שבזמן הטעינה הראשונית האתר כבר ידע לאיזה איפי כתובת הדומיין מקושרת אליו
סרטון הסבר מwp-rocket

ניתן להוסיף מרשימת הכתובות שצרפתי פה , דברים לרוב מתקיים באתרים והם פופולארים אך גם חשוב להוסיף את כל הכתובות החיצוניות שאתר שלכם פונה אליהם

//maps.googleapis.com
//maps.gstatic.com
//fonts.googleapis.com
//fonts.gstatic.com
//ajax.googleapis.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//youtube.com
//api.pinterest.com
//cdnjs.cloudflare.com
//pixel.wp.com
//connect.facebook.net
//platform.twitter.com
//syndication.twitter.com
//platform.instagram.com
//disqus.com
//sitename.disqus.com
//s7.addthis.com
//platform.linkedin.com
//w.sharethis.com
//s0.wp.com
//s.gravatar.com
//stats.wp.com

Heartbeat - מנגנונים פנימים בוורדפרס

במקרה הזה יש לפנינו 2 אופציות או ביטול לגמרי או צמצום לחצי של הפניות הנעשות , נורא דומה למנגנון של wp-cron מדובר על תהליך שרצים בוורדפרס שמעמסים על השרת ובעיקר על שרתים חלשים .
מנגנון כמו בדיקות מי עורך פוסט ולרוב ישנם לא מעט תוספים אשר מפעילים את מנגון ajax ולכן נרצה לצמצם זאת במידה והדבר מתאשר , wp-rocket מאפשר לנו לעשות זאת

Heartbeat

יש לסמן את האופציות הבאות ולבצע בדיקת תקינות לאתר