כבר דחסתם את התמונות. התקנתם תוסף קאשינג. אפילו החלפתם ספק אחסון. ובכל זאת האתר עדיין מרגיש איטי. לפני שתאשימו את התוספים בפעם המי יודע כמה, כדאי לבדוק לעומק את ערכת העיצוב. יכול להיות שהיא האשמה האמיתית, וזה בדיוק הדבר שרוב האנשים אפילו לא חושבים לבדוק.
איך ערכת עיצוב הופכת בשקט לסיוט של שיפור מהירות וורדפרס
ערכות עיצוב לא רק קובעות איך האתר שלכם נראה. הן קובעות כמה קוד נטען בכל עמוד, בין אם אתם משתמשים בו ובין אם לא. הרבה ערכות עיצוב פופולריות ורב-תכליתיות מגיעות עם עשרות פיצ'רים מובנים: בוני עמודים, סליידרים, תפריטי מגה, פריסות פורטפוליו, אינטגרציות WooCommerce וספריות אייקונים. אם אתם משתמשים רק ב-10% ממה שהערכה מציעה, אתם עדיין משלמים את "מחיר הטעינה" על שאר ה-90%.
וזו הבעיה המרכזית. ערכת עיצוב מנופחת טוענת קבצי CSS ו-JavaScript מיותרים בכל טעינת עמוד, גם באלה שבכלל לא נוגעים בפיצ'רים האלה. תכפילו את זה בכל מבקר ובכל עמוד, ותקבלו אתר שמרגיש כבד לא משנה כמה טוב אופטימיזציה בכל השאר.
הסימנים המובהקים לכך שערכת העיצוב היא הצוואר בקבוק
- עמוד הבית נטען בסדר, אבל עמודים פנימיים מרגישים איטיים בלי סיבה ברורה.
- אתם רואים עשרות קבצי CSS ו-JS בלשונית הרשת של הדפדפן, רבים מהם מתיקיית ערכת העיצוב.
- ניטרול תוספים אחד אחד לא באמת משנה את זמן הטעינה.
- דוח Google PageSpeed מסמן "הפחתת CSS לא בשימוש" או "הפחתת JavaScript לא בשימוש" שמפנים לקבצי ערכת העיצוב.
- הערכה כוללת בונה עמודים מובנה שאתם בכלל לא משתמשים בו.
איך לאבחן את הבעיה נכון
אל תנחשו. תמדדו. פתחו את כלי הפיתוח בדפדפן, עברו ללשונית Network, ורעננו את עמוד הבית. הסתכלו על המספר הכולל של הבקשות והגודל שלהן. אחר כך בדקו כמה מהן מגיעות מתיקיית ערכת העיצוב לעומת התוספים.
כלי פרופיילינג ביצועים טוב לוורדפרס הולך צעד קדימה, ומפרק את זמן הטעינה, שאילתות מסד הנתונים ושימוש הזיכרון כך שתוכלו לראות בדיוק לאן הזמן הולך במקום לנחש. אם קובץ מסוים בערכת העיצוב "אוכל" חלק לא פרופורציונלי מזמן הטעינה או ממספר השאילתות, זו התשובה שלכם.
כלים כמו GTmetrix או Google PageSpeed Insights גם שימושיים כאן. שימו לב במיוחד לאזהרות "CSS לא בשימוש" או "JavaScript לא בשימוש". אם אלה מצביעות על נכסי ערכת העיצוב ולא על תוספים, מצאתם את צוואר הבקבוק.
מה לחפש בערכת עיצוב מהירה יותר
- פיצ'רים מובנים מינימליים. ערכה שעושה דבר אחד טוב עדיפה על אחת שמנסה לעשות הכל.
- בלי בונה עמודים מובנה. אם אתם כבר משתמשים בתוסף בונה עמודים, ערכה עם בונה משלה שמתחרה בו היא רק משקל מת.
- קוד נקי ומודולרי. ערכות טובות טוענות רק את ה-CSS וה-JS שעמוד ספציפי באמת צריך.
- פיתוח פעיל. ערכה שלא עודכנה כבר שנתיים היא סיכון אבטחה וביצועים.
- ביקורות טובות על מהירות, לא רק על עיצוב. חפשו "[שם הערכה] performance review" לפני שמתחייבים.
ערכות עיצוב קלות ומקודדות היטב כמו GeneratePress, Astra, Blocksy ו-Kadence מקבלות באופן עקבי ציונים טובים במבחני מהירות, כי הן טוענות מעט נכסים כברירת מחדל ומאפשרות לכם להוסיף פונקציונליות דרך תוספים נפרדים וממוקדים במקום לדחוס הכל לתוך הערכה עצמה.
איך להחליף ערכת עיצוב בלי לשבור את האתר
החלפת ערכת עיצוב היא אחת המשימות המלחיצות יותר בוורדפרס, אבל היא לא חייבת להיות מסוכנת אם עוקבים אחר תהליך ברור.
- קודם כל, גבו את האתר. תמיד תדאגו לגיבוי עדכני שאפשר לשחזר ממנו לפני שינויים מבניים.
- בדקו על עותק staging. שכפלו את האתר ונסו את הערכה החדשה שם לפני שנוגעים בסביבת הייצור.
- בדקו את תוכן בונה העמודים. אם הפריסות שלכם נוצרו על ידי הבונה של הערכה הנוכחית, ייתכן שתצטרכו לבנות מחדש עמודים אחרי ההחלפה.
- בדקו ידנית את העמודים המרכזיים. עמוד הבית, עמודי מוצר, עמוד תשלום וטפסי יצירת קשר, כולם צריכים לעבור בדיקה אחרי ההחלפה.
- הריצו שוב בדיקות מהירות. השוו מספרים לפני ואחרי כדי לוודא שההחלפה באמת עזרה.
סביבת staging הופכת את כל התהליך הזה להרבה פחות מלחיץ, כי אתם יכולים להתנסות בחופשיות בלי לסכן את האתר החי.
מה לעשות אם אי אפשר להחליף ערכת עיצוב כרגע
לפעמים החלפה מלאה של ערכת עיצוב פשוט לא מעשית. אולי העסק שלכם תלוי בפריסה מסוימת, או שמאמץ ההגירה גדול מדי כרגע. במקרה כזה, עדיין אפשר להשיג שיפור מהירות משמעותי.
- נטרלו מודולים או שורטקודים בערכה שלא בשימוש, דרך פאנל ההגדרות שלה.
- הסירו ווידג'טים ואלמנטים בסרגל הצד שלא בשימוש שטוענים סקריפטים מיותרים.
- השתמשו בכלי שמסיר CSS לא בשימוש לפי כל עמוד בנפרד, כי הרבה מה-CSS של ערכה מנופחת בכלל לא רלוונטי לעמוד נתון.
- דחו טעינת JavaScript שאינו קריטי כך שייטען אחרי שהעמוד כבר אינטראקטיבי.
וכאן בדיוק ערכת כלים טובה לשיפור מהירות וורדפרס מוכיחה את עצמה. בנינו את הכלי שלנו כך שיכלול יצירת RUCSS שמסירה CSS לא בשימוש לפי סוג עמוד, יחד עם דחיית JavaScript ואיחוד נכסים, כך שגם ערכת עיצוב כבדה יותר אפשר לצמצם בלי בנייה מחדש מלאה. זה כולל גם הגדרה מוכנה בלחיצה אחת שמחילה ברירות מחדל הגיוניות, למי שלא רוצה לכוונן שמונה הגדרות שונות ידנית.
אם אתם רוצים לראות בדיוק לאן הולך הזמן לפני שאתם עושים שינויים, כלי פרופיילינג ביצועים שמודד זמן טעינה, מספר שאילתות ושימוש בזיכרון עמוד אחר עמוד מוציא את הניחושים מהתמונה לגמרי.
לסיכום
תוספים מואשמים כל הזמן באיטיות של אתרי וורדפרס, אבל ערכת העיצוב היא לרוב האשם השקט והכבד יותר שיושב מתחת לכל השאר. היא נטענת בכל עמוד, בין אם אתם צריכים את הפיצ'רים שלה ובין אם לא. לפני שאתם מתקינים עוד תוסף קאשינג או דוחסים עוד תמונה, בדקו מה ערכת העיצוב שלכם באמת שולחת למבקרים. לפעמים השיפור הכי גדול במהירות הוא לא כלי חדש. הוא פשוט לוותר על ערכה שעשתה יותר מדי כל הזמן הזה.
למבט מעמיק יותר על כל התמונה של שיפור מהירות וורדפרס, המדריך המעשי שלנו לשיפור מהירות וורדפרס מכסה אשמים נפוצים נוספים. ואם אתם עדיין מחפשים מה מאט אתכם, המדריך שלנו לאיתור תוספים שפוגעים במהירות משתלב טוב עם בדיקת ערכת עיצוב. אתם גם יכולים לקרוא עוד על שיפור מהירות וקאשינג בוורדפרס אם אתם רוצים לצלול לצד הטכני.
