איך הקפצתי את מהירות אתר הוורדפרס שלי ב-85.7% (נתון אמיתי)

היום בבוקר הייתי ממש מתוסכל.

למרות ששיניתי את התבנית שאני משתמש בה לתבנית מהירה יותר (Generatepress), הוורדפרס שלי עדיין הראה סימני איטיות, והתוצאה שלו ב-Pagespeed של גוגל הייתה נמוכה מאוד (49 מתוך 100). האם כל אתרי הוורדפרס נידונו להיות איטיים?

כלי בדיקת המהירות של גוגל לא נתן לי הצעות לתיקונים פרקטיים שיכולתי לבצע, הוא רק סימן לי כבעייתי באדום את השימוש בכפתורי הפייסבוק. הניסוח היה משהו כמו: "Compressing https://static.xx.fbcdn.net/ speed".

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

אז מה עשיתי?

1. עברתי על רשימת הפלאגינים

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

2. שיניתי את ה-HTACCESS

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

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

3. התקנתי תוסף W3 Total Cache

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

אפשר פשוט לתת גישה לתוסף ל-FTP ואז הוא בעצמו יוצר את הקבצים החדשים. הדבר היחידי שחייבים לעשות ידנית זה לשנות את ההרשאות של קובץ wp-config.php ל-777. אל תשכחו להחזיר את ההרשאות ל-644 אח"כ כדי למנוע בעיות אבטחה.

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

כעת, אחרי שההתקנה הושלמה, אני עובר על כל אפשרויות הקאשינג ומסמן V:

  • Page cache: Enable
  • Minify: Enable
  • Database Cache: Enable
  • Object Cache: Enable
  • Browser Cache: Enable

זהו, אלו הם כל הסימונים שצריך לעשות.

4. הורדתי עוד תוסף

למרות שהורדתי את כל התוספים, פתאום הופיעה לי הודעה מתוסף Total Cache שהתוסף SEO יש יוסט מאט לי את האתר. למרות שאני מאוד אוהב את התוסף, ומשתמש בו כדי לייצר מפת XML, נאלצתי לכבות אותו.

סיכום

ביצעתי את הבדיקה בספיד טסט של גוגל וקיבלתי ציון של 91! שיפור של 85.7% מהתוצאה הראשונה שקיבלתי. בנוסף, לא היו לי הערות לתיקון באדום. אה, ואם אתם מנסים להעלות עמוד באתר הזה והוא איטי – זו כנראה בעיה שלכם ולא של האתר! 🙂