מהו שרת לייטספיד ולמה הוא קריטי לביצועי האתר
עולם אחסון האתרים עבר מהפכה של ממש בשנים האחרונות. בעבר רוב האתרים אוחסנו על שרתי אפאצ’י מסורתיים שסיפקו יציבות אך התקשו להתמודד עם עומסים ועם פלטפורמות כבדות כמו וורדפרס בשילוב בילדרים ויזואליים. כאן נכנס לתמונה שרת לייטספיד אשר תוכנן מראש כדי לטפל בבקשות רבות בו זמנית תוך צריכת משאבים מינימלית מהשרת עצמו. מדובר בטכנולוגיה שמחליפה את שרת האפאצ’י הישן ומספקת ביצועים מהירים פי כמה במיוחד כאשר משלבים אותה עם מערכות ניהול תוכן דינמיות.
היתרון העצום של טכנולוגיה זו עבור בניית אתרי וורדפרס הוא מנגנון הקאש המובנה ברמת השרת. בשונה מתוספי קאש רגילים שמייצרים עותק סטטי של האתר ברמת האפליקציה בתוך מערכת וורדפרס הלייטספיד שומר את העותק הסטטי ברמת השרת. המשמעות היא שכאשר גולש נכנס לאתר השרת אפילו לא פונה למערכת הוורדפרס או למסד הנתונים אלא מגיש לו את העמוד המעוצב באלפיות השנייה. על פי נתונים טכניים של ויקיפדיה העולמית ארכיטקטורה זו מסוגלת לטפל באלפי בקשות בו זמנית בצורה יעילה הרבה יותר משרתים מתחרים.
האתגר הגדול שילוב בין אלמנטור למהירות טעינה
אלמנטור הוא בונה הדפים הפופולרי ביותר בעולם ובצדק. הוא מאפשר לכל מעצב או בעל אתר ליצור דפים מרהיבים עם אנימציות רקעי וידאו ועיצובים מורכבים ללא כתיבת שורת קוד אחת. עם זאת הנוחות הזו מגיעה עם תג מחיר טכני. מאחורי הקלעים אלמנטור מייצר כמות עצומה של קוד. כל הוספה של כפתור או תמונה עוטפת את האלמנט בשכבות רבות של קוד HTML מורכב תופעה המוכרת בשם ניפוח היררכיית אובייקטים.
בנוסף לעודף הקוד אלמנטור טוען קבצי עיצוב וקבצי סקריפטים רבים המשפיעים ישירות על מדדי הליבה של גוגל ועל ציון הפייג’ספיד. כאשר אנחנו עוסקים במשימת קידום אתר וורדפרס אנו יודעים שגוגל מייחסת חשיבות עליונה לחוויית המשתמש ולמהירות הטעינה. לכן האתגר הוא לשמור על הנראות המרשימה שהלקוח אוהב אך לגרום לדפדפן להבין ולרנדר את העמוד הרבה יותר מהר. כאן נכנסת לתמונה העבודה המדויקת עם תוסף הקאש הייעודי של שרת הלייטספיד.
הגדרות חובה בתוסף LiteSpeed Cache
התקנת התוסף היא רק הצעד הראשון. כדי להגיע לציון המושלם עלינו לעבור על מספר לשוניות קריטיות בתוסף ולהתאים אותן במיוחד לאתרים שנבנו באלמנטור. להלן ההגדרות המרכזיות שיעשו את ההבדל.
אופטימיזציה לקבצי CSS וסקריפטים
קוד העיצוב והפעולות האינטראקטיביות באתר הם הגורם מספר אחת לעיכוב בטעינה. תחת לשונית האופטימיזציה בתוסף יש לבצע את הפעולות הבאות בקפידה.
- כיווץ קבצים הפעילו את אפשרות ה Minify עבור קבצי CSS וגם עבור קבצי JS. הפעולה מסירה רווחים והערות מקוד המקור ומקטינה את משקל הקובץ משמעותית.
- איחוד קבצים בעבר היה נהוג לאחד את כל הקבצים לקובץ אחד גדול. כיום עם פרוטוקול התקשורת החדש HTTP3 עדיף לעיתים דווקא לא לאחד קבצים אלא לתת לדפדפן להוריד אותם במקביל. יש לבדוק כל אתר לגופו אך כברירת מחדל באתרי אלמנטור כבדים איחוד הקבצים בשילוב שרת לייטספיד מציג תוצאות פנטסטיות.
- דחיית טעינת סקריפטים הגדרה זו קריטית ביותר. חפשו את האפשרות Load JS Deferred והפעילו אותה. הדבר אומר לדפדפן לטעון קודם כל את המבנה והעיצוב של האתר ורק לאחר מכן לטעון את הקוד שאחראי על האנימציות והפונקציות המורכבות.
- יצירת CSS קריטי מערכת הלייטספיד מאפשרת לייצר קובץ עיצוב מינימלי שמכיל רק את מה שהגולש רואה במסך הראשון UCSS. הגדרה זו מעיפה את הציון של גוגל לשמיים כיוון שהיא מאפשרת צביעה מהירה של התוכן הראשוני ללא המתנה לשאר האתר.
טיפול מתקדם בתמונות ובמדיה
תמונות לא ערוכות הן האויב המושבע של מהירות האתר. גם אם יש לכם את השרת החזק בעולם תמונה ששוקלת חמישה מגה בייט תתקע את הטעינה. התוסף של לייטספיד מציע מערכת חינמית ופנטסטית לטיפול בתמונות שמונעת את הצורך להשתמש בתוספים חיצוניים בתשלום.
ראשית יש להפעיל את אופציית ההמרה לפורמט WebP. הפורמט הזה מציג איכות תמונה זהה לפורמט הרגיל אך במשקל נמוך בכשבעים אחוזים. שנית חובה להפעיל את טעינת התמונות העצלה המוכרת כ Lazy Load. המשמעות היא שתמונות שנמצאות בחלק התחתון של העמוד כלל לא נטענות עד שהגולש גולל אליהן. בשילוב עם אלמנטור חשוב להחריג מטעינה עצלה את התמונות שנמצאות בחלק העליון של האתר למשל תמונת הבאנר הראשית כדי למנוע את הבהוב המסך בעת הטעינה הראשונית תופעה המוכרת במדד הליבה של גוגל כ LCP.
קאש אובייקטים הסוד לטעינת מסד נתונים מהירה
כאשר אתר וורדפרס נטען הוא שולח שאילתות למסד הנתונים כדי לשלוף מידע כמו תוכן הפוסט הגדרות האתר או נתוני משתמש. תהליך זה דורש כוח עיבוד וזמן. כאן נכנס לתמונה המושג קאש אובייקטים או באנגלית Object Cache. שרתי לייטספיד איכותיים מגיעים בדרך כלל עם תמיכה מובנית במערכות מתקדמות כמו Redis או Memcached.
בהגדרות התוסף יש לנווט ללשונית Object ולהפעיל את החיבור למערכת הרדיס. ברגע שהחיבור מוגדר נכון כל שאילתה שחוזרת על עצמה נשמרת בזיכרון המהיר של השרת במקום במסד הנתונים עצמו. עבור אתרי סחר או אתרים עם מערכות משתמשים מדובר בהבדל של שמיים וארץ בזמני התגובה. ללא הגדרה זו קשה מאוד לבצע קידום אורגני איכותי שכן האתר תמיד יסבול מהשהיות באזורים הדינמיים שלו.
רשת הפצת תוכן QUIC cloud
החברה שפיתחה את שרת הלייטספיד יצרה גם רשת הפצת תוכן ייעודית בשם קוויק קלאוד. בשונה מרשתות מקבילות שפועלות רק ברמת כתובות הדי אן אס הרשת הזו מסתנכרנת באופן מושלם עם התוסף של לייטספיד ברמת האתר. הפעלת החיבור לרשת מאפשרת לשרת לשמור גרסאות סטטיות של האתר המעוצב שלכם בחוות שרתים ברחבי העולם.
אם לקוח פוטנציאלי גולש לאתר שלכם ממדינה אחרת הוא יקבל את האתר מהשרת הקרוב אליו ביותר פיזית. על פי התיעוד הרשמי של גוגל באתר המדריך לביצועי אתרים שימוש ברשת הפצת תוכן יעילה מפחית דרמטית את זמן התגובה הראשוני של השרת ומשפר את כלל מדדי הליבה. תהליך החיבור מתבצע דרך לשונית ה CDN בתוסף ודורש יצירת חשבון חינמי באתר השירות.
אופטימיזציה בתוך אלמנטור עצמו
כל הגדרות השרת המעולות לא יעזרו אם האתר עצמו בנוי בצורה רשלנית. כל בונה אתרים מומלץ יודע שצריך לשמור על מבנה נקי גם בתוך בונה הדפים.
הקפידו להשתמש בקונטיינרים פנימיים רק כשממש חייבים והימנעו מהכנסת עמודות בתוך עמודות בתוך עמודות. ככל שעץ האלמנטים יהיה שטוח יותר כך לדפדפן יהיה קל יותר לקרוא אותו. כמו כן באזור ההגדרות של אלמנטור תחת הלשונית מאפיינים ודאו שכל מאפייני הביצועים מסומנים כפעילים. מאפיינים אלו כוללים טעינת פונטים משופרת ביטול סקריפטים לא בשימוש וטעינה מותנית של ווידג’טים.
השילוב של כתיבת מבנה נקי באלמנטור יחד עם העוצמה של שרת הלייטספיד והגדרות הקאש המדויקות הוא הנוסחה המנצחת. רק בדרך זו ניתן ליהנות מהעיצוב המרהיב של בונה הדפים ולהגיע לציון המושלם במדדי המהירות של גוגל דבר שישפיע באופן ישיר על חוויית הגלישה ועל דירוג האתר בתוצאות החיפוש.
