החל 6 טכניקות אלה כדי לשפר את מהירות טעינה נייד של אתר העסק שלך

תוכן עניינים:

Anonim

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

המחקר מצא עוד כי אתרים טעינת בתוך 5 שניות יש:

  • 25% חשיפה גבוהה יותר של המודעה,
  • 35% שיעור יציאה מדף כניסה נמוך יותר
  • 70% יותר הפעלות משתמש.

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

$config[code] not found

איטי טוען מהירות באמת יכול להיות בעיה

לדברי גוגל,
  • 1 מתוך 2 אנשים מצפים שדף ייטען בתוך פחות משתי שניות.
  • 53% מהביקורים נוטים יותר להיות נטושים אם הדף לוקח יותר מ -3 שניות לטעינה במכשיר נייד.
  • 46% מהאנשים הראו חוסר שביעות רצון בהמתנה לטעינת דפים בעת גלישה באינטרנט במכשיר נייד.

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

כיצד להגדיל את מהירות האתר הנייד - -

למדוד ולמזער את זמן התגובה של השרת

מהירות הדף הנייד שלך אינה תלויה רק ​​בקוד שלך, אלא גם נשענת על כלי טכנולוגי חשוב שנקרא השרת.

ככל שהשרת שלך ממתין יותר לבקשת דפדפן, כך הוא יאט את טעינת הדף במכשיר. רוב המומחים ב- Google ממליצים לשרת שלך להתחיל להעביר את 1רחוב בית של משאבים בתוך מאתיים אלפיות השנייה של בקשה לתוצאה אופטימלית יותר.

בדרך כלל, יש 3 שיטות עיקריות מעורבים בגובה של זמן התגובה השרת שלך:

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

השתמש ב- CSS כדי לטעון תמונות

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

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

מזער את מספר ההפניות כדי להגביר את מהירות דף האינטרנט לנייד

הפניות מחדש אינן אלא הנחיות המסוגלות לקבל באופן אוטומטי מבקרים באתר מדף אחד לאחר.

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

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

צמצם קובצי JS ו- CSS

נתונים נוספים פירושו עודף משקל הדף. פעולה זו תחייב את טעינת הדפים שלך במכשיר נייד.

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

"Minification" מבטל יתירות מבלי להשפיע על התצוגה של דף. מגוון רחב של כלי Google יכול לעזור לך לחסל כגון יתירות כגון:

  • CSSNano (עבור CSS)
  • UglifyJS (עבור JS)

במקום 'תמונות', השתמש ב- CSS3

זרוק צללים, פינות מעוגלות, ומילוי מילוי - כל התכונות הללו ניתן לעשות באמצעות CSS, במקום תמונות.

זה יכול לעזור מאוד בהפחתת מספר בקשות HTTP ובכך, להאיץ את זמן הטעינה בו זמנית.

השתמש ב- SVGs Inline במקום ב- JPEG

כמו כתובות URI של נתונים, קובצי SVG (גרפיקה וקטורית ניתנת להרחבה) יכולים להיות מוטבעים בדף כדי להקטין את מספר בקשות ה-

קבצים אלה ניתן ליצור על עורך גרפיקה וקטורית כגון Inkscape, Adobe Illustrator, וכו 'ברגע שזה נוצר, אתה יכול לפתוח אותו עורך טקסט ושחרר אותו לתוך הקוד שלך.

הערה: כדי להטביע קובץ SVG בגיליון הסגנונות שלך, עליך להמיר אותו תחילה אל URI של הנתונים ולאחר מכן להמשיך לשלב הבא.

אז זה פחות או יותר מסכם את העניינים. מקווה שיש לך קריאה טובה ומאירת עיניים.

תמונה דרך Shutterstock

1