CSS Containment הוא מודול המתאר תכונת CSS יחידה הנקראית contain . תכונה זו מאפשרת לנו כמפתחים לבודד Subtree של אלמנט מסויים ב DOM ולהגדירו כעצמאי ונפרד משאר האלמנטים ב DOM. המטרה העיקרית של CSS Containment היא שיפור ביצועי הרינדור…
קטגוריה: מהירות אתרים ואופטימיזציה לביצועים
מחפשים להאיץ ולשפר את מהירות הטעינה של האתר שלכם? טעינה מהירה של עמודי האתר משפרת משמעותית את חווית המשתמש, מגדילה את מספר תצוגות הדף, עוזרת לשפר יחסי המרה ואחוזי מכירות ואף תורמת לקידום האתר בגוגל ו SEO.
השהייה של שנייה אחת בזמן טעינת האתר גורמת ל 16% ירידה בשביעות רצון הלקוחות, 11% ירידה במספר הצפיות בדפים ו 7% ירידה ביחס ההמרה. אז באיזו מהירות על אתר להטען? ניתן לומר שאתר מהיר הוא כזה שנטען ב 2 שניות או פחות בדסקטופ וכ 4 שניות או פחות במובייל, זה לפחות הציפייה של הגולשים.
אז לענייננו – בקטגוריה זו תמצאו פוסטים על שיפור ביצועי אתרים בכלל ושיפור ביצועי אתרי וורדפרס בפרט. תמצאו מדריכים וטיפים לשיפור מהירות הטעינה, ודרכים לבדיקת ביצועים והאצת האתר בדרכים שונות. קיים גם מדריך מלא לשימוש בתוסף WP-Rocket ותוספי קאש נוספים.
וורדפרס ידועה לאנשים כמערכת בלוגים רובסטית ומהימנה. אנשים משתמשים ב RSS Feeds על מנת להרשם לתוכן חדש שאתם מפרסמים על ידי אפליקציות צד שלישי כמו Feedly למשל. אך לא כולם משתמשים בוורדפרס עבור בלוג וקיימים הרבה עסקים שיש להם…
WebP הוא פורמט יעיל בצורה בלתי רגילה מכיוון והוא מציע גם ביצועים וגם פיצ׳רים טובים יותר. שלא כפורמטים אחרים, WebP תומך גם ב loosy compression וגם ב loosless compression, כמו גם בשקיפות (transparency) ואנימציות. ראו טבלה המשווה בין הפורמטים:
זהו חלקו השני של המדריך על Google PageSpeed Insights ואולי אף החלק המעניין יותר לחלקכם. בחלק הקודם דיברנו בעיקר על נתוני המעבדה ש PageSpeed Insights מציג לנו. בחלק זה נראה איך לשפר את אותם ציונים ונתוני מעבדה המוצגים לפנינו.…
Google PageSpeed Insights (בקצרה PSI) הוא כלי עזר נחמד עבור מפתחי אתרים. כוונותיו בהחלט טובות, אך ניתן לומר כי זה אינו מתאים לבעל אתר הוורדפרס הממוצע. ולמרות העובדה שלאחרונה PageSpeed Insights מציג הערות ספציפיות עבור משתמשי וורדפרס, אספקטים רבים…
ישנן דרכים רבות לשפר את מהירות הטעינה של אתרים. אחת מהדרכים היא לטעון מראש קבצים מסויימים שאתם יודעים כי יידרשו מאוחר יותר והם חשובים לרינדור מהיר של אותו עמוד. הערך preload של התכונה rel באלמנט מאפשר לכם להכריז ב…
התכונה font-display קובעת כיצד פונטים הנטענים באמצעות font-face@ מוצגים, וזאת על בסיס השאלה האם הפונט כבר ירד ומכן לשימוש או לא. בכדי להתמודד עם התופעה בה הטקסט כבר קיים אך הפונטים עדיין לא נטענו הדפדפן משתמש בשתי טכניקות שונות.…
כאשר אתם מבצעים אופטימיזציה למספר הבקשות לשרת (HTTP Requests) כנראה ותתקלו בשלב כזה או אחר בסקריפט של גוגל אנליטיקס. הסקריפט מייצר בקשה אסינכרונית בכדי להוריד את הקובץ analytics.js מהשרתים של גוגל. מכיוון וזו בקשה אסינכרונית...