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

בתאריך 19 מרץ, 2024

מדריך מלא כיצד לשפר את כל תוצאות מהירות דפי גוגל עם פונקציות קוד עבור וורדפרס שיפור ציוני Google PageSpeed ​​Insights עבור אתר וורדפרס חיוני לחוויית משתמש טובה יותר ודירוג SEO. מדריך מקיף זה יספק לך שלבים ופונקציות קוד שניתן לבצע כדי לייעל היבטים שונים של אתר הוורדפרס שלך לביצועים מקסימליים. נתמקד בשיפור הציונים עבור מכשירים ניידים ושולחניים כאחד. נכתב על ידי pablo-guides.com

מדריך מלא כיצד לשפר את כל תוצאות מהירות דפי גוגל עם פונקציות קוד עבור וורדפרס
1. אופטימיזציה של זמני הטעינה לנייד ולשולחן העבודה מינוף מטמון דפדפן פונקציית קוד עבור ‎.htaccess (Apache) ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 2 days" הפעלת דחיסת GZIP פונקציית קוד עבור .htaccess (Apache) : AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript צמצום קבצי CSS ו-JavaScript פונקציית קוד עבור וורדפרסfunctions.php : function minify_styles_and_scripts() { if (is_admin()) return; // Minify CSS wp_enqueue_style('my-style', get_stylesheet_uri(), array(), '1.0.0'); // Minify JavaScript wp_enqueue_script('my-scripts', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '1.0.0', true); } add_action('wp_enqueue_scripts', 'minify_styles_and_scripts'); צמצום זמני התגובה של השרת פונקציית קוד עבור וורדפרסfunctions.php : function remove_wp_version() { return ''; } add_filter('the_generator', 'remove_wp_version'); function remove_shortlink($output) { return ''; } add_filter('pre_get_shortlink', 'remove_shortlink'); 2. אופטימיזציה של תמונות לביצועים טובים יותר דחיסת תמונות השתמש בתוספים של דחיסת תמונות כמו ‘Smush’ כדי לדחוס תמונות אוטומטית במהלך ההעלאה. שימוש יעיל בפורמטים של תמונה בחר את פורמט התמונה המתאים (JPEG לתמונות, PNG לגרפיקה) והשתמש בתמונות רספונסיביות. טוען תמונות בעצלתיים פונקציית קוד עבור וורדפרסfunctions.php : function add_lazyload_attribute($content) { if (is_admin()) return $content; return str_replace(' Header set Cache-Control "max-age=2592000, public" Header set Cache-Control "max-age=604800, public" Header set Cache-Control "max-age=300, private, must-revalidate" שימוש בתוסף מטמון השתמש בתוספים כמו ‘WP Super Cache’ או ‘W3 Total Cache’ כדי לנהל את אחסון המטמון של הדפדפן. 4. צמצום קבצי CSS ו-JavaScript הקטנה ידנית צמצם באופן ידני את קובצי ה-CSS וה-JavaScript שלך באמצעות כלים כמו UglifyJS או CSS Minifier . שימוש בתוסף Minification תוספים כמו ‘Autoptimize’ יכולים לצמצם באופן אוטומטי את קובצי ה-CSS וה-JavaScript של האתר שלך. 5. צמצום זמני התגובה של השרת אופטימיזציה של סביבת אירוח בחר ספק אירוח אמין עם תצורות שרת מותאמות עבור וורדפרס. שימוש ברשת להעברת תוכן (CDN) שלב CDN כמו ‘Cloudflare’ כדי להפיץ תוכן על פני מספר שרתים ברחבי העולם. 6. ביטול משאבים חוסמי טיוח טעינה אסינכרונית פונקציית קוד עבור וורדפרסfunctions.php : function async_scripts($url) { if (strpos($url, '#asyncload') === false) { return $url; } elseif (is_admin()) { return str_replace('#asyncload', '', $url); } else { return str_replace('#asyncload', '', $url) . "' async='async"; } } add_filter('clean_url', 'async_scripts', 11, 1); דחה את ביצוע JavaScript פונקציית קוד עבור וורדפרס functions.php : function defer_parsing_of_js($url) { if (is_user_logged_in()) return $url; if (strpos($url, '?ver=') === false) return $url; return str_replace(' type=', ' defer="defer" type=', $url); } add_filter('script_loader_tag', 'defer_parsing_of_js', 10); 7. מתן עדיפות לתוכן גלוי (נתיב עיבוד קריטי) CSS קריטי מוטבע הכנס CSS קריטי בקטע כדי להבטיח עיבוד מהיר יותר של תוכן בחלק העליון והקבוע. טען JavaScript ו-CSS באופן אסינכרוני השתמש בתכונה asyncאו deferבעת הצגת סקריפטים וסגנונות בפונקציות וורדפרס. 8. אופטימיזציה של מסד הנתונים של וורדפרס ניקיון רגיל באופן ידני או באמצעות תוספים כמו ‘WP-Optimize’, הסר נתונים מיותרים, תיקונים והערות ספאם. שימוש בתוספים לאופטימיזציה של מסדי נתונים תוספים כמו ‘WP-DBManager’ יכולים להפוך משימות אופטימיזציה של מסד נתונים לאוטומטיות. סיכום אופטימיזציה של אתר וורדפרס שלך עבור Google PageSpeed ​​Insights כרוכה בשילוב של אסטרטגיות ופונקציות קוד. על ידי יישום שלבים אלה, תוכל לשפר משמעותית את זמני הטעינה וחווית המשתמש. בדוק באופן קבוע את ביצועי האתר שלך והתאם את טכניקות האופטימיזציה שלך לפי הצורך כדי לשמור על ציונים גבוהים ב-Google PageSpeed ​​Insights.
מאמרים נוספים...