חיפוש

פוסטים בנושא: מהירות וביצועים | עמוד 2

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

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

טעינת עצלה של סקריפטים JavaScript לשיפור ביצועי האתר

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

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

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

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

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

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

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

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

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

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

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

טעינת נכסים מראש באמצעות Preload לשיפור זמן הטעינה

ישנן דרכים רבות לשפר את מהירות הטעינה של אתרים. אחת מהדרכים היא לטעון מראש קבצים מסויימים  שאתם יודעים כי יידרשו מאוחר יותר והם חשובים לרינדור מהיר של אותו עמוד. הערך preload של התכונה rel באלמנט מאפשר לכם להכריז ב HTML [...]

על התכונה font-display וכיצד להשתמש בה

התכונה font-display קובעת כיצד פונטים הנטענים באמצעות font-face@ מוצגים, וזאת על בסיס השאלה האם הפונט כבר ירד ומכן לשימוש או לא. בכדי להתמודד עם התופעה בה הטקסט כבר קיים אך הפונטים עדיין לא נטענו הדפדפן משתמש בשתי טכניקות שונות. התכונה [...]

כיצד לטעון את Google Analytics 4 לוקאלית לשיפור ביצועים

כאשר אתם מבצעים אופטימיזציה למספר הבקשות לשרת (HTTP Requests) כנראה ותתקלו בשלב כזה או אחר בסקריפט של גוגל אנליטיקס. הסקריפט מייצר בקשה אסינכרונית בכדי להוריד את הקובץ analytics.js מהשרתים של גוגל. מכיוון וזו בקשה אסינכרונית...

איך למנוע טעינת קבצי JS & CSS של ווקומרס ולשפר את זמן הטעינה?

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

הקשר בין מהירות טעינת האתר לזמן בייט ראשון (TTFB)

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

Savvy WordPress Development official logo