חיפוש ]

סאבי בלוג - מדריכים ומאמרים, מפתח וורדפרס עצמאי, ישראל | עמוד 10

מספר מילים על שיעור נטישה/עזיבה (Bounce Rate) בגוגל אנליטיקס

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

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

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

מה זה CLS ב- Core Web Vitals וכיצד לשפר אותו?

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

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

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

מספר מילים על התכונה flex-wrap

flex-wrap היא תכונה ספציפית הקיימת במודול CSS flexbox. באמצעות תכונה זו ניתן לקבוע כיצד flex items יוצגו ויתנהגו ב flex container כשאין לרשותם מספיק מקום. התכונה flex-wrap אף מספקת לנו דרך מהירה להפוך flex container לרספונסיבי יותר, ולעיתים אף מסירה [...]

Scroll Snapping – שליטה בחווית הגלילה בעזרת CSS

עם כניסת הספסיפיקציות CSS Scroll Snap, קיימת עבורינו המפתחים האפשרות לשלוט על התנהגות הגלילה של עמוד אינטרנטי (עד דרגה מסויימת בכל אופן), וזאת על ידי שימוש בסטנדרטים של הרשת וללא צורך להסתמך על ספריות חיצוניות כבדות.

אפקט פרלקס בגלילה – Parallax Scrolling Effect

חזרה בזמן לשנת 2011, אפקט פרלקס בגלילה (parallax scrolling effect) יצר הדים והסתמן כטרנד חדש בעיצוב אתרים. אופנות רבות הגיעו ועזבו מאז אך אפקט זה ביסס מקומו ואינו מתכוון לעזוב בקרוב. בפוסט זה נסביר מה זה parallax scrolling ונשחק מעט [...]

הוספה ושינוי התוכן של לשוניות המוצר הדיפולטיביות – ווקומרס

כבר כתבתי פוסט בעבר על הסרה, הוספה ועריכת לשוניות בעמודי מוצר. אני מדבר על אותן לשוניות המופיעות בדרך כלל תחת המוצר עצמו, מחירו והתמונות שלו בעמוד מוצר יחיד של ווקומרס (Single Product Page). אני מדבר על הלשוניות הבאות בעמוד המוצר [...]

הצגת ״מדיניות פרטיות״ ו״תנאי שימוש״ בעמוד התשלום של ווקומרס

בפוסט קצר ופשוט זה נראה כיצד ניתן להוסיף קישור לעמוד ״מדיניות פרטיות״ (Terms & Conditions) בעמוד התשלום וכיצד לשנות את הטקסט המוצג בעמוד התשלום בהקשר זה. בנוסף, נראה גם כיצד להוסיף קישור בשם ״תנאי שימוש״ לעמוד התשלום של ווקומרס...

מדריך מקיף למערכים ב- JavaScript: מתודות ודוגמאות

לבטח אתם יודעים כי ב JavaScript אנו משתמשים במערכים (arrays) בכדי לשמור מספר ערכים במשתנה אחד. במערך JavaScript לכל אלמנט קיים מספר (אינדקס/Index), כאשר אינדקס של מערך מתחיל מאפס ועולה מעלה באחדות, כלומר 0,1,2,3 וכך הלאה. האינדקס הוא בעצם המזהה [...]

Savvy WordPress Development