קטגוריה: מהירות וביצועים

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

השהייה של שנייה אחת בזמן טעינת האתר גורמת ל 16% ירידה בשביעות רצון הלקוחות, 11% ירידה במספר הצפיות בדפים ו 7% ירידה ביחס ההמרה. אז באיזו מהירות על אתר להטען? ניתן לומר שאתר מהיר הוא כזה שנטען ב 2 שניות או פחות בדסקטופ וכ 4 שניות או פחות במובייל, זה לפחות הציפייה של הגולשים.

אז לענייננו – בקטגוריה זו תמצאו פוסטים על שיפור ביצועי אתרים בכלל ושיפור ביצועי אתרי וורדפרס בפרט. תמצאו מדריכים וטיפים לשיפור מהירות הטעינה, ודרכים לבדיקת ביצועים והאצת האתר בדרכים שונות. קיים גם מדריך מלא לשימוש בתוסף WP-Rocket ותוספי קאש נוספים.

שיפור זמן הטעינה של Embedded Videos עם Lite YouTube

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

טעינה עצלה של סקריפטים – Lazy Loading Scripts

נראה טכניקה לטעינה עצלה (Lazy Loading) של סקריפטים באמצעותה תוכלו להוריד את משקל העמוד משמעותית ואף לקצר את הזמן הנדרש לביצוע JavaScript בעמוד, ומכאן שתשפרו את זמן הטעינה ולבטח תקבלו מדדי Core Web Vitals טובים יותר. בכדי להשתמש בטכניקה זו [...]

מהם Core Web Vitals, כיצד לנטר ואיך למדוד אותם?

Core Web Vitals מייצגים סט של מדדים שאינם קשורים לאיכות התוכן באתר ומשמשים את גוגל בכדי להעריך את חווית המשתמש (UX) של אתר מסויים. מדדים אלו הולכים להצטרף לאחרים כסט של מדדים בעלי השפעה על SEO ודירוג האתר בתוצאות החיפוש [...]

CLS – על מדד היציבות החזותית של עמוד והדרכים לשפר אותו

המדד (Cumulative Layout Shift (CLS, או בעברית ״מדד יציבות חזותית״ הוא חלק מסדרת מדדים בשם Core Web Vitals. נתון או מדד זה בודק את תדירות השינויים המתרחשים בזמן שהדפדפן מבצע את תהליך פריסת העמוד.

על CSS Containment ודרכים לאופטימיזציה ושיפור ביצועי רינדור

CSS Containment הוא מודול המתאר תכונת CSS יחידה הנקראית contain . תכונה זו מאפשרת לנו כמפתחים לבודד Subtree של אלמנט מסויים ב DOM ולהגדירו כעצמאי ונפרד משאר האלמנטים ב DOM. המטרה העיקרית של CSS Containment היא שיפור ביצועי הרינדור (rendering) [...]

מדוע וכיצד להשתמש בפורמט WebP לתמונות?

WebP הוא פורמט יעיל בצורה בלתי רגילה מכיוון והוא מציע גם ביצועים וגם פיצ׳רים טובים יותר. שלא כפורמטים אחרים, WebP תומך גם ב loosy compression וגם ב loosless compression, כמו גם בשקיפות (transparency) ואנימציות. ראו טבלה המשווה בין הפורמטים:

מדריך Google PageSpeed למשתמשי וורדפרס – חלק ב׳

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

מדריך Google PageSpeed למשתמשי וורדפרס – חלק א׳

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