מה זה CLS ב- Core Web Vitals וכיצד לשפר אותו?
המדד (Cumulative Layout Shift (CLS, או בעברית ״מדד יציבות חזותית״ הוא חלק מסדרת מדדים בשם Core Web Vitals. נתון או מדד זה בודק את תדירות השינויים המתרחשים בזמן שהדפדפן מבצע את תהליך פריסת העמוד.
המדד (Cumulative Layout Shift (CLS, או בעברית ״מדד יציבות חזותית״ הוא חלק מסדרת מדדים בשם Core Web Vitals. נתון או מדד זה בודק את תדירות השינויים המתרחשים בזמן שהדפדפן מבצע את תהליך פריסת העמוד.
WebP הוא פורמט יעיל בצורה בלתי רגילה מכיוון והוא מציע גם ביצועים וגם פיצ׳רים טובים יותר. שלא כפורמטים אחרים, WebP תומך גם ב loosy compression וגם ב loosless compression, כמו גם בשקיפות (transparency) ואנימציות. ראו טבלה המשווה בין הפורמטים:
זהו חלקו השני של המדריך על Google PageSpeed Insights ואולי אף החלק המעניין יותר לחלקכם. בחלק הקודם דיברנו בעיקר על נתוני המעבדה ש PageSpeed Insights מציג לנו. בחלק זה נראה איך לשפר את אותם ציונים ונתוני מעבדה המוצגים לפנינו. נראה [...]
Google PageSpeed Insights (בקצרה PSI) הוא כלי עזר נחמד עבור מפתחי אתרים. כוונותיו בהחלט טובות, אך ניתן לומר כי זה אינו מתאים לבעל אתר הוורדפרס הממוצע. ולמרות העובדה שלאחרונה PageSpeed Insights מציג הערות ספציפיות עבור משתמשי וורדפרס, אספקטים רבים בדו״ח...
ישנן דרכים רבות לשפר את מהירות הטעינה של אתרים. אחת מהדרכים היא לטעון מראש קבצים מסויימים שאתם יודעים כי יידרשו מאוחר יותר והם חשובים לרינדור מהיר של אותו עמוד. הערך preload של התכונה rel באלמנט מאפשר לכם להכריז ב HTML [...]
התכונה font-display קובעת כיצד פונטים הנטענים באמצעות font-face@ מוצגים, וזאת על בסיס השאלה האם הפונט כבר ירד ומכן לשימוש או לא. בכדי להתמודד עם התופעה בה הטקסט כבר קיים אך הפונטים עדיין לא נטענו הדפדפן משתמש בשתי טכניקות שונות. התכונה [...]
כאשר אתם מבצעים אופטימיזציה למספר הבקשות לשרת (HTTP Requests) כנראה ותתקלו בשלב כזה או אחר בסקריפט של גוגל אנליטיקס. הסקריפט מייצר בקשה אסינכרונית בכדי להוריד את הקובץ analytics.js מהשרתים של גוגל. מכיוון וזו בקשה אסינכרונית...
בניית חנות דיגיטלית באמצעות ווקומרס זו אינה תורה מסיני. אתם יכולים לבצע זאת בעצמכם או בעזרת המון מדריכים הקיימים על ווקומרס בסאבי בלוג וברשת בכלל. אך בכדי להצליח על החנות שלכם לספק חווית משתמש טובה לכל הפחות, כאשר חלק בלתי [...]
כאשר אתם בודקים מהירות וזמן טעינה של אתרי וורדפרס (ובכלל), ישנם מספר נתונים העוזרים להבין את הגורמים לאתר איטי ואת הפתרונות. אחד מאותם נתונים הינו Time to First Byte או TTFB בקצרה. נתון מדיד זה נבדק על ידי רוב הכלים ברשת [...]
כל מקדם אתרים יודע כי ביצועי האתר וחווית המשתמש משחקים תפקיד חשוב בדירוג האתר במנועי חיפוש וביחסי...
עיכוב פריסת Javascript, במילים אחרות Defer parsing of Javascript, היא אחת מההודעות שאתם מקבלים (סביר להניח) כאשר אתם בודקים את מהירות האתר שלכם בכלים כמו GTmetrix ו Pingdom. אך מה זה בעצם אומר לעכב פריסת Javascript? אז בעיקרון הודעה זו [...]
רישום שדות של ACF באמצעות קוד מציגה מספר יתרונות לעומת הוספה שלהם בממשק הניהול. רישום שדות ACF באמצעות PHP תורמת למספר מועט יותר של קריאות למסד התונים, אפשרות להשתמש ב Version Control כגון GIT וכדומה. האפשרות להגדיר שדות בקבצי התבנית [...]