שיפור מהירות אתרים / שיפור מהירות אתר - המדריך המלא לציון ירוק לשנת 2024

שיפור מהירות אתרים – השלבים לשפר את מהירות אתר הוורדפרס שלך

1. דחיסת GZIP בשרת

שיפור טעינת אתרי וורדפרס על ידי צורת דחיסה נפרדת, הידועה גם בשם דחיסה של Gzip.

בעיקרון, בכל פעם שמישהו מבקר באתר שלכם, משאבים (קבצים) מאוחזרים מהשרת שלכם.

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

על ידי הפעלת דחיסת Gzip, אתם יכולים להפחית משמעותית את גודל המשאבים הללו, 

ובכך להאיץ את התהליך המשפיע על שיפור מהירות טעינה לאתרי וורדפרס.

כדי לבדוק אם דחיסת Gzip מופעלת השתמש ב-checkgzipcompression.com. 

אם לא, ערכו את קובץ ה-.htaccess על ידי הוספת הקוד הבא אליו:

<IfModule mod_deflate.c>

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE text/javascript

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE image/x-icon

AddOutputFilterByType DEFLATE image/svg+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

 AddOutputFilterByType DEFLATE application/x-font

 AddOutputFilterByType DEFLATE application/x-font-truetype

 AddOutputFilterByType DEFLATE application/x-font-ttf

 AddOutputFilterByType DEFLATE application/x-font-otf

 AddOutputFilterByType DEFLATE application/x-font-opentype

 AddOutputFilterByType DEFLATE application/vnd.ms-fontobject

AddOutputFilterByType DEFLATE font/ttf

 AddOutputFilterByType DEFLATE font/otf

 AddOutputFilterByType DEFLATE font/opentype

# For Older Browsers Which Can't Handle Compression

BrowserMatch ^Mozilla/4 gzip-only-text/html

 BrowserMatch ^Mozilla/4\.0[678] no-gzip

BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

</IfModule>

2. דחסו והמירו תמונות לפורמט WebP\AVIF בעזרת ShortPixel

תמונות הם אחד מסוגי התוכן ה"כבדים" ביותר באתר.

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

את עבודת הדחיסה ניתן לעשות באופן ידני בעורך פוטושופ,

באמצעות תוספים חינמיים של WebP לתמונות או שירותים של תוכנת ShortPixel.

ShortPixel מציעה תכונות שונות שנותנות לכם שליטה רבה יותר על האופטימיזציה של התמונות.

ב- ShortPixel, אתם יכולים להשתמש בכל קובץ כמו PNG, JPG, PDF ו-GIF. 

חוץ מזה, אתם יכולים גם להמיר קובץ מ-PNG ל-JPG.

היא מציעה למשתמש שליטה על דחיסת תמונה, בה ניתן לבחור בין שתי אפשרויות: 

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

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

3. דחסו ואחדו קבצי CSS וJAVASCRIPT

ככל שיש יותר אלמנטים מינוריים מיותרים (רווחים, מעברי שורות) בקוד, כך הוא נטען לאט יותר.

השימוש במפשטי JavaScript וקוד CSS מיוחדים מפחית את ה"משקל" של האלמנטים המתאימים יותר מטכנולוגיות דחיסה סטנדרטיות כמו gzip, 

ובכך חל שיפור מהירות טעינה לאתרי וורדפרס.

שירותי דחיסה ואיחוד מסירים אלמנטים מיותרים מהקוד וגם מקצרים שמות פונקציות.

כדי לפשט את הקוד של JavaScript ורכיבי CSS, 

ניתן להשתמש בתוכנה או שירותים מקוונים כגון: WP ROCKET או Autoptimize

שימו לב שהפעולה לאיחוד קבצים, בניגוד לדחיסה, 

אינה נדרשת אם אתר וורדפרס שלכם משתמש ב-HTTPS ועובד עם פרוטוקול HTTP/2.

4. טענו את התמונות דרך SUBDOMAIN 

טעינת התמונות דרך SUBDOMAIN היא המלצה פופולרית עבור שיפור מהירות טעינה לאתרי וורדפרס.

האצה מתרחשת כביכול עקב שני גורמים:

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

5. LAZYLOAD או טעינה עצלה

LAZYLOAD היא טכניקה למיטוב מהירות הטעינה של קבצי מדיה שאינם קריטיים להצגת העמוד או לאינטראקציה של המשתמש.

עם LAZYLOAD, תמונות לא ייטענו עד שהמבקר יצטרך אותן.

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

דבר זה משפיעה ישירות על מהירות האתר. 

מומלץ להשתמש עם LAZYLOAD לאתרים שיש בהם הרבה תמונות,

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

6. הסרת QUERY STRINGS

ישנן כמה דרכים שונות שבהן תוכל להסיר QUERY STRINGS, 

אחת היא בעזרת קוד קצר ואחרת היא עם תוסף וורדפרס. אם אתם משתמשים ב-content delivery network,

ייתכן שהדבר לא יידרש מכיוון שלספקי CDN מסוימים יש למעשה את היכולת לשמור QUERY STRINGS במטמון.

אתם יכולים להסיר בקלות QUERY STRINGS מה שיביא שיפור מהירות טעינה לאתרי וורדפרס.

לאחר ביצוע גיבוי של האתר שלכם, הוסיפו את הקוד הבא לקובץ functions.php:

function remove_query_strings() {

   if(!is_admin()) {

       add_filter('script_loader_src', 'remove_query_strings_split', 15);

       add_filter('style_loader_src', 'remove_query_strings_split', 15);

   }

}

function remove_query_strings_split($src){

   $output = preg_split("/(&ver|\?ver)/", $src);

   return $output[0];

}

add_action('init', 'remove_query_strings');

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

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

7. עכבו פריסת JAVASCRIPT

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

קבצי Javascript נטענים כמעט בכל עמוד באתר שלכם. 

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

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

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

8. הסרת תוספים מיותרים

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

בוורדפרס זה קורה באמצעות תוספים וערכות נושא.

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

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

מספר רב של תוספים מסוג זה יכול להוביל לפגיעה רצינית בביצועים בוורדפרס.

כבסיס לתהליך שיפור מהירות טעינה לאתרי וורדפרס,

עליכם להסיר או לפחות להשבית תוספים מיותרים.

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

9. שגיאות 404 ובקשות 301

משתמשים מקבלים הודעות עם השגיאה "404 – עמוד לא נמצא" בשני מקרים:

אם הדף המבוקש נמחק או הועבר על ידכם לכתובת אחרת.

כאשר אתם מתמודדים עם שגיאה כזו,

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

חוץ מזה קישורים 'מתים' משפיעים על מהירות טעינת האתר שלכם.

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

בנוסף נציין כי קישורי 301, 302 וכו' משפיעים על הביצועים של האתר גם כן,

ועליכם להיזהר בעת יצירת קישורים אלו, כך שלא יקושרו ישרות לקישורים ראשיים וסקריפטים של CSS.

10. שימוש בתוסף זיכרון מטמון (CACHE) 

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

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

שמירה במטמון יכולה לשפר משמעותית את ביצועי האתר ולכן היא אחת השיטות היעילות ביותר לשיפור ביצועי וורדפרס.

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

תוכלו לעשות זאת דרך קובץ htaccess בעזרת הקוד הבא:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 10 days"
ExpiresByType image/gif "access plus 10 days"
ExpiresByType image/jpg "access plus 10 days"
ExpiresByType image/jpeg "access plus 10 days"
ExpiresByType image/png "access plus 10 days"
ExpiresByType image/svg+xml "access plus 10 days"
ExpiresByType text/css "access plus 10 days"
</IfModule>

11. חברת אחסון טובה תעזור לשיפור מהירות האתר 

לפעמים מהירות אתר איטית מעידה על מחסור במשאבי אחסון טובים.

שדרוג חברת אחסון היא דרך מהירה להשפיע על שיפור מהירות טעינה לאתרי וורדפרס.

חברת אחסון טובה היא עמוד השדרה של האתר שלכם.

היא אמורה לספק טעינה מהירה למיליוני המבקרים שלכם.

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

המבקרים שלכם עלולים להתחיל להיתקל בבעיות באתר,

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

מחפשים אחסון? ההמלצה שלי לגבי אחסון היא Cloudways מכמה סיבות שניתן לקרוא כאן

12. מעבר לPHP 7.4 (עם העדפה ל8+)

זו היא אחת העצות הפחות מוכרות. עם זאת,

היא גם אחת היעילות ביותר עבור שיפור מהירות טעינה לאתרי וורדפרס.

שדרוג מ-PHP 5 ל-PHP 7.4, עם העדפה ל- PHP 8+.

אולי נראה כמו משימה מרתיעה, אבל היתרונות מדברים בעד עצמם.

ביצועי וורדפרס גדלים פי 2 בעת שימוש ב-PHP 7.4 בהשוואה ל-PHP 5.

הראשון יכול לעבד 112% יותר בקשות לשנייה מהאחרון.

יתרה מכך, וורדפרס זוכה לשיפור ביצועים יפה בזכות אופטימיזציית הזיכרון של PHP 7.4.

עם זאת, דבר אחד שחשוב לזכור הוא היעדר התאמה בין התוספים של PHP לזה של PHP 7.4.

המשמעות היא שלא תוכלו להשתמש בתוספים וערכות נושא מסוימות, כולל כאלו שעובדים מצוין ב-PHP 5.

13. תעודת SSL

השתמשו ב-HTTP/2 – זוהי הגרסה העדכנית והטובה ביותר בכל הנוגע לשיפור זמני הטעינה של האתר שלכם מבלי שתצטרכו לוותר על היתרונות של SSL/HTTPS.

למעשה, HTTP/2 דורש הפעלת תעודת SSL והפעלת HTTPS.

HTTP/2 (Hypertext Transfer Protocol גרסה 2) הוא תקן ה-HTTP העדכני ביותר.

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

עם זאת, המעבר לשימוש ב-HTTP/2 אינו מתרחש באופן אוטומטי.

עליכם להפעיל אותו במפורש.

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

עם זאת, עם הופעת HTTP/2 בזירה, אותו ניתן להפעיל רק באמצעות SSL/HTTPS,

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

כל הפעולות המוזכרות מעלה משפיעות על שיפור מהירות טעינה לאתרי וורדפרס.

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

אם מהירות טעינת הדפים לאחר האופטימיזציה עדיין לא מרצה אתכם,

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

הרי חשוב לא לשכוח כי אתר מהיר מועדף על ידי גוגל בSEO+PPC.