הרבה מדי אתרי וורדפרס, במיוחד אלה הבנויים עם אלמנטור, איטיים בצורה מחרידה.
הסיבות האופייניות: 1. בניה לא נכונה ו-2. תחזוקה לקויה: תוספים/תבניות לא מעודכנים או מיותרים.
הנה תיאור מקרה של אתר – שעלה מציון 22 לציון 93 ב goole page speed. לא הרגשנו צורך לעלות עד 100.
איך קרה הקסם והשגנו שיפור דרמטי?
התהליך מעט ארוך של תיקונים ובדיקות ושיפורים – אין קיצור דרך.
- עדכון תוספים ותיקון תקלות
היו 9 תוספים וכמה תבניות לא מעודכנות.
היתה שגיאה בשימוש בתבנית ראשית במקום תבנית בת.אגב, התהליך נשמע פשוט… עד שנתקלים בבעיות עדכון (האתר לא עודכן שנים) של: אלמנטור, אלמנטור פרו, ג'ט אלמנטס.
- מחיקת תוספים מיותרים
היו מספר תוספים שהכילו פונקציונאליות זהה ולכן מיותרים
היו תוספים מותקנים שלא היו בשימוש, כמו קוד סניפטס ללא סניפטס מוגדרים… - הוספנו תבנית בת
בהמשך בתבנית הבת הוספנו קוד לביטול jquery migrate - הוספנו תוסף CACHE נפוץ: wp-rocket
והחלפנו את breeze שגם נראה סביר.עד כאן זו "הקדמה", ניקוי שולחן ולא יותר
מעכשיו מבצעים מדידות עם gtmetric
מצב בסיס בתחילת המדידות
- גודל העמוד קטן ב 90%! מ 6.62MB ל 0.68MB – עשירית מגודלו המקורי.
- כמות הקריאות ירדה מ 197 ל 28 – 15% מהמקור.
וכן הלאה ניתן להשוות על פרמטר
קשה להאמין שזה אותו עמוד בדיוק
שיפורים
- גודל תמונות. קל לראות שיש תמונות גדולות מדי בפורמט שאינו WEBP. ויש כמעט 20 תמונות בעמוד הבית… השיפור הקטין את נפח העמוד ביותר מ 3 מגה!
- קבצי ג'אוהסקריפט גדולים. דחינו את הטעינה.
זה נושא קריטי, הדפדפן לא ממתין להם להצגת העמוד = שיפור ביצועים דרמטי - הגדרות בתוסף ה CACHE
- החלפת שרת
כל השיפורים עזרו – אבל לא מספיק. רק החלפת השרת הובילה לתוצאה מספקת - מה עדיין לא עשינו?
חשוב לציין שעלות ההשקעה הנוספת לא הצדיקה את הפעולות הבאות:- תמונות – יכולנו להקטין עוד כ 10%. אחרי הקטנה ראשונה של כ 90% !!! זה לא משמעותי
- CDN – לא תמיד צריך.
- פונטים – יכולנו לשפר ולדייק טעינה
- SVG – מעבר של כל אייקון ותמונה
החזון: להיות הטלפון הראשון שלך לעולם האינטרנט.
יזם ומוביל טכנולוגי מחזון ורעיון למוצר מתפקד ומוכר בשטח. פיתח מעל 15 מוצרים טכנולוגיים במהלך השנים וכיום מאות אתרים – בעיקר וורדפרס ו REACT – ומספר אפליקציות אינטרנט ייחודיות.
מתמחה בפיתוח אפליקציות, תוספים ותבניות, בניית אתרים, קידום אתרים, שיפורי אבטחה ואתרים מהירים. מחפש תמיד לעשות את המדויק, מקצועי ואם צריך שיהיה שונה מאחרים.