פרסומת
מהירות טעינת דפים איטית היא אחת הסיבות העיקריות לכך שהאתר שלך לא מקבל את הלהיטים שמגיע להם.
מכיוון שתשומת הלב של הקהל נמצאת בשפל של כל הזמנים, הנה כמה טיפים מובילים להאיץ את האתר שלך כדי להבטיח שהמבקרים שלך יסתובבו.
1. צמצם את הגודל האמיתי של אתר האינטרנט שלך
אם האתר שלך נטען לאט משלוש שניות, אנשים עשויים לנטוש אותו עוד לפני טעינת דף הבית. שימוש בפורמט השגוי לתמונות שלך יכול בקלות לנפח את אתר האינטרנט שלך, ולהרוס חוויית גלישה נהדרת אחרת.
מעל 70% מדפי האינטרנט הניידים הם מעל 1MB, ו -12% הם מעל 4MB! זכור שזה לוקח שבע שניות להוריד 1.5MB בחיבור 3G טוב. השיטה הטובה ביותר היא לשמור על כל עמוד תחת 0.5MB.
למד ההבדל בין JPG, PNG ו- GIF, וודא שאתה משתמש ברזולוציה הדרושה לך.
לפי GlobalStats, אלה רזולוציות המסך המשומשות ביותר לשנת 2018:
- 22.55% משתמשים ברזולוציה של 360 x 640 (נייד)
- 11.73% משתמשים ברזולוציה של 1366 x 768
- 8.26% משתמשים ברזולוציה של 1920 x 1080
- 4.91% משתמשים ברזולוציה של 375 x 667 (נייד)
- 2.94% משתמשים ברזולוציה של 1440 על 900
זה מעל 50% מכל המשתמשים, אז קחו בחשבון זאת כשאתם מוסיפים תמונות לאתר שלכם.
2. תכנן את האתר שלך לנייד
לפי מחקר שערכה גוגל בשנה שעברה על מהירות העמודים הניידים:
הזמן הממוצע שלוקח לטעינה מלאה של דף נחיתה לנייד הוא 22 שניות, על פי ניתוח חדש. עם זאת, 53% ממבקרי האתר בנייד עוזבים דף שנדרש לטעון יותר משלוש שניות. זו בעיה גדולה.
מעל 75% מהאתרים הסלולריים לוקח 10 שניות ומעלה לטעינה מעל 3G. יותר ממחצית התנועה היא באמצעות מכשירים ניידים, וזה לא צפוי לרדת. אז שמרו על טביעת רגל קטנה באתר כדי לשמח את משתמשי האינטרנט הסלולרי, וודאו שהם מסתובבים!
אם אתה משתמש ב- CMS כמו וורדפרס, ג'ומלה או דרופל דרופל לעומת וורדפרס: מהו CMS הקוד הפתוח הטוב ביותר?מתכננים להקים אתר אך אינכם יכולים לבחור את CMS בקוד הפתוח הנכון? כך תוכלו לבחור בין וורדפרס לדרופל. קרא עוד , ישנם תוספים שיעזרו להפוך את האתר שלך לידידותי יותר לנייד.
לחלופין, אתה יכול להשתמש בכלים כמו bMobilized או דודא מובייל להמיר את אתר שולחן העבודה שלך לנייד. עם זאת, לרוב עדיף לתכנן אתר נפרד בכדי להבטיח את החוויה הטובה ביותר עבור המשתמשים הסלולריים שלכם.
כדאי גם לשקול להציע גרסה מפושטת של אתר האינטרנט שלך באמצעות פרויקט AMP (Accelerated Pages Mobile) (AMP). שימוש בדפי AMP ישפר את מהירות טעינת העמודים בנייד. יש הנחיות קפדניות ל- JavaScript ו- CSS, אך היתרונות ניתנים למדידה.
בכל מסלול שתחליטו לרדת, וודאו כי האתר הנייד שלכם הוא אפשרות קלה. ונסה לשמור תחת ההמלצה של 0.5MB לעמוד.
3. ודא שהאתר שלך ממוזער
אם אתה כותב אתר משלך מאפס, ערוך אותו באופן קבוע. ככל שהפרויקט שלך יתפתח, סביר להניח שאתה לומד דרכים יעילות יותר לעשות דברים, אז וודא שאתה חוזר בקוד שלך כשאתה משתפר.
צמצם ושלב את ה- CSS, HTML ו- JavaScript. אם אתה משתמש ב- CDN כמו Cloudflare למשל, יש כרטיסייה ספציפית לשיפורי מהירות, כאשר האפשרות הראשונה היא Auto Minify. אם אתה משתמש בבונה אתרים (כמו Squarespace או Weebly) זה כנראה נעשה עבורך כברירת מחדל.
הקפד לבדוק את האתר שלך לאחר הפעלת כל דבר שמשלב או ממזער את משאבי האתר שלך. נסה את האפשרויות השונות כדי לראות מה הכי טוב לאתר שלך, מכיוון שתכונות מסוימות יכולות להיפסק עם הפעלת Minify.
4. הימנע מטעינת תסריטים כשלא נדרש
הצורך לטעון מספר קבצי JavaScript לפני שהם נחוצים יאט את מהירות הדף כולו שלא לצורך. הימנע מטעינת סקריפטים משרתי צד ג 'אם אתה יכול.
בקשת אלה תאט את מהירות הטעינה שלך, עלולה נוספת ועלולה להוות סיכון ביטחוני. שמור אותם בשרת האתר שלך במידת האפשר.
אתה יכול להשתמש דחה או אסינכרון כדי לעכב טעינה של קבצי JavaScript ספציפיים כדי להפחית את המתח במכשירי האורח ולשפר את מהירות הטעינה של הדפים שלך. לחלופין, עבור סקריפטים קטנים אתה יכול בשורה ה- JavaScript ישירות למסמך HTML.
Async יאמר לדפדפן להמשיך לנתח את ה- HTML במקביל להורדת קבצי JavaScript. ההפסקה תתרחש לאחר הורדת הקובץ במלואו.
בינתיים, דחה יאמר לדפדפן לבצע קבצי JavaScript לאחר הדפדפן סיים לנתח את כל מסמך ה- HTML.
דפדפן כברירת מחדל ישהה בניתוח קבצי HTML בזמן שכל קבצי JavaScript נשלפים ומוצאים להורג.
שילוב JavaScript במסמך HTML יעזור על ידי הקטנת מספר הקבצים שעל דפדפן להוריד לפני הצגת עמוד. אתה יכול לשלב JavaScript על ידי הוספת התוכן של כל קובץ JavaScript חיצוני בין תגי סקריפט.
אתה יכול להשתמש בבטחה בהדחה ובאסינכרון בכלי גוגל אנליטיקס, פייסבוק פיקסל וכלים אחרים לניתוח ודיווח על שגיאות מבלי להשפיע על הפונקציונליות של הדף.
לבסוף, יש לשקול האם קודי המעקב, ניתוחים, תכונות נוספות ומודעות שיש לך באתר שלך נחוצים. השתמש במאפשרויות קלות יותר במידת האפשר, וגרס אותן אם הן לא מוסיפות לך או למבקרים משהו בעל ערך.
5. השתמש במטמון וב- CDN
רשת למסירת תוכן (CDN) תעתיק את האתר שלך לשרתים ברחבי העולם ותצמצם את זמן הנסיעה של הנתונים על ידי חיבור מבקרים לשרת קרוב יותר מבחינה גיאוגרפית. תוכן סטטי יוחזק במטמון ונמסר על ידי שרתי ה- CDN.
פרח ענן ככל הנראה ה- CDN שאתה יודע הכי טוב, אבל אקמאי ו אמזון CloudFront הן אלטרנטיבות מבוססות.
וודאו שגם אתם למנף במטמון דפדפן כך הדפדפן שלך מתפשר על פרטיותךדפדפן האינטרנט שלך חושף המון מידע על מי אתה, לאן אתה הולך ומה שאתה אוהב. הנה הפרטים שהוא מדליף בכל פעם שאתה נכנס לרשת. קרא עוד כדי לשפר את מהירות הטעינה של האתר שלך עבור מבקרים חוזרים. מטמון דפדפן פועל על ידי הורדת קבצים אלה מהשרת למכשיר המשתמש.
בתצוגות או ביקורים נוספים בדפים, קבצים אלה יטענו באופן מקומי ממכשיר המשתמש במקום לבקש אותם מהשרת החיצוני (תלוי בתאריך התפוגה של הקבצים).
6. היפטר מתוספים שאינם חיוניים
יש להשתמש בתוספים רק במידת הצורך. זה נכון בין אם אתה משתמש ב- Wix, Weebly, WordPress, או Squarespace המרחב נגד וורדפרס: מי מתאים לך?וורדפרס ו- Squarespace הם שני השמות הגדולים ביותר בבניית אתרים. להלן מה שאתה צריך לדעת כדי להחליט בין השניים. קרא עוד או משהו אחר. כל תכונות שתוכלו לעשות על ידי הוספת CSS פשוט ולא תוסף, עליכם לעשות זאת. השתמש בהזרקת קוד במרחב, להשתמש ב התאמה אישית של CSS בוורדפרס , ו CSS מותאם אישית ב- Wix.
תוספים יכולים לגרום למעבד או זיכרון זיכרון גבוה בשרת שלך, וזה יכול להאט או אפילו למנוע את טעינת האתר שלך.
אם אתה משתמש ב- WordPress, סביר להניח שאתה לא משתמש בכל הפיצ'רים המובנים שלו. השבת את אלה באמצעות תוסף כמו ברור.
שקול תמיד את התוספים שבהם אתה משתמש. אם אתה משתמש בתכונות מעטות בתוספים כמו JetPack, שקול להסיר אותן לחלוטין והחלף אותן בתוספים קלים יותר שעושים את אותה העבודה.
7. הגדרות שרת להאיץ את האתר שלך
לעיכוב השרת תהיה השפעה שלילית גדולה על מהירות טעינת הדף שלך ועל דירוג הדפים שלך.
גוגל ממליצה שהזמן לביצוע הראשון (TTFB) הוא 1.3 שניות או פחות. זהו העיכוב הארוך ביותר לפני שהמכשיר מתחיל להוריד דף לאחר פנייה ראשונית לשרת. עם זאת, לדף הממוצע יש TTFB של מעל 2 שניות, הרבה מעל המלצתם.
מארחים משותפים הם בדרך כלל הסיבה לכך, אך יש כמה הגדרות שתוכלו להגדיר כדי לשפר את זמן התגובה של השרת.
- השתמש בגרסה האחרונה של PHP שאתר האינטרנט שלך תואם. הגרסה האחרונה (PHP 7.2) כוללת שיפורים מהירים מאסיביים.
- הפעל את "Keep-Alive"
- הפעל HTTP / 2
- נצל את היתרון של אבטחת תעבורה קפדנית של HTTP (HSTS)
- הגדר את הגיבויים שלך לסיום בלילה
אם אתר האינטרנט שלך מיוצר בוורדפרס, וודא שאתה משתמש במארח המתמחה באירוח וורדפרס, כמו Bluehost. זה יוודא שהגדרות השרת מוגדרות במיוחד לביצועי WordPress.
סיימת לצבוט? כעת בדוק את האתר שלך
עכשיו כשאתה יודע את זמן הטעינה של העמוד, הגודל וזמן העבר הראשון (TTFB) שאליו אתה אמור לכוון, איך אתה יודע מה שלך?
להלן כמה מהכלים המקוונים המועדפים עלינו לבדיקת האתר שלך:
- varvy.com: כלים אלה יבדקו את מהירות הביצועים ואת עמוד הביצועים של שולחן העבודה והנייד שלכם, ויספקו לכם מדריכים חשובים לשיפור האתר שלכם
- תובנה של Google PageSpeed: עודכן לאחרונה, כלי Google PageSpeed יבדוק את מהירותך וייתן לך הצעות לשיפור
- GTmetrix: כלי נהדר עם עצות מעשיות
- WebPageTest: בדוק את האתר שלך במכשירים, מערכות הפעלה ומיקומים שונים
- פינגדום: כלי פופולרי מאוד, דומה ל- WebPageTest עם ממשק נחמד יותר
אתה יכול לבדוק את האתר הנייד שלך עם הקישורים שלמעלה, וגם את מבחן ThinkWithGoogle לנייד (מופעל על ידי WebPageTest). התוצאות ייתן לך טיפים ספציפיים לגבי מה אתה יכול לשפר, עם הפחתה משוערת של זמן טעינה אם תעקוב אחר העצות.
השיטות המומלצות המומלצות משתנות כל הזמן, לכן המשך לבדוק את מהירות העמוד שלך באופן קבוע בזמן שאתה מבצע שיפורים.
לקבלת תובנה חשובה עוד יותר לגבי ביצועי האתר שלך, זכור אמת את הדומיין שלך בגוגל ובינג. 5 היתרונות העיקריים של אימות התחום שלך בגוגל ובינגאם יש לך אתר משלך, הנה הסיבה שאתה צריך לאמת את הדומיין שלך בגוגל ובינג באמצעות כלי מנהלי האתרים שלהם. קרא עוד
כל יום הוא יום לימודים. ברנט הוא חובב חולם וטכנולוגיה ירוקה עם שאיפות להציל את העולם בעזרת חוות חרקים. הוא עובד תמיכה טכנית ותיקה, ובונה וורדפרס, שהחל לאחרונה לטבול רגליו בכתיבה. ברנט הוא מעריץ גדול של המערכת האקולוגית של גוגל ומשתמש בטכנולוגיה משתלמת בכדי להפוך את משימות הניהול של החיים...
