Pablo Guides

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

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

תוכן העניינים

1. 
   אופטימיזציה של זמני טעינה לנייד ולשולחן העבודה
   • מינוף מטמון דפדפן
   • הפעלת דחיסת GZIP
   • צמצום קבצי CSS ו-JavaScript
   • צמצום זמני התגובה של השרת
2. אופטימיזציה של תמונות לביצועים טובים יותר
   • דחיסת תמונות
   • שימוש יעיל בפורמטים של תמונה
   • טוען תמונות בעצלתיים
3. מינוף מטמון דפדפן
   • הגדרת כותרות בקרת מטמון
   • שימוש בתוסף מטמון
4. צמצום קבצי CSS ו-JavaScript
   • הקטנה ידנית
   • שימוש בתוסף Minification
5. צמצום זמני התגובה של השרת
   • אופטימיזציה של סביבת אירוח
   • שימוש ברשת להעברת תוכן (CDN)
6. ביטול משאבים חוסמי טיוח
   • טעינה אסינכרונית
   • דחה את ביצוע JavaScript
7. מתן עדיפות לתוכן גלוי (נתיב עיבוד קריטי)
   • CSS קריטי מוטבע
   • טען JavaScript ו-CSS באופן אסינכרוני
8. אופטימיזציה של מסד הנתונים של וורדפרס
   • ניקיון רגיל
   • שימוש בתוספים לאופטימיזציה של מסדי נתונים

1. אופטימיזציה של זמני הטעינה לנייד ולשולחן העבודה

מינוף מטמון דפדפן

פונקציית קוד עבור ‎.htaccess (Apache)

<IfModule mod_expires.c>
    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"
</IfModule>

הפעלת דחיסת GZIP

פונקציית קוד עבור .htaccess (Apache) :

<IfModule mod_deflate.c>
    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
</IfModule>

צמצום קבצי 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('<img', '<img loading="lazy"', $content);
}
add_filter('the_content', 'add_lazyload_attribute');

3. מינוף מטמון דפדפן

הגדרת כותרות בקרת מטמון

פונקציית קוד עבור .htaccess (Apache) :

<IfModule mod_headers.c>
    <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf|mp3|mp4)$">
        Header set Cache-Control "max-age=2592000, public"
    </FilesMatch>
    <FilesMatch "\.(css|js)$">
        Header set Cache-Control "max-age=604800, public"
    </FilesMatch>
    Header set Cache-Control "max-age=300, private, must-revalidate"
</IfModule>

שימוש בתוסף מטמון

השתמש בתוספים כמו '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 קריטי בקטע <head>כדי להבטיח עיבוד מהיר יותר של תוכן בחלק העליון והקבוע.

טען JavaScript ו-CSS באופן אסינכרוני

השתמש בתכונה asyncאו deferבעת הצגת סקריפטים וסגנונות בפונקציות וורדפרס.

8. אופטימיזציה של מסד הנתונים של וורדפרס

ניקיון רגיל

באופן ידני או באמצעות תוספים כמו 'WP-Optimize', הסר נתונים מיותרים, תיקונים והערות ספאם.

שימוש בתוספים לאופטימיזציה של מסדי נתונים

תוספים כמו 'WP-DBManager' יכולים להפוך משימות אופטימיזציה של מסד נתונים לאוטומטיות.

סיכום

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