סדרת הבלוגים הזו על מהירות האתר הייתה נסיעה מהנה.

עד כה למדנו כי אמזון תפסיד 1.6 מיליארד דולר (!) אם האתר שלהם יואט.

למדנו גם בדיוק מה קורה מאחורי הקלעים כדי לגרום להאטה באתר.

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

ראשית, נסקור את הגורמים למהירות איטית:

כשאתה טוען את האתר שלי כאן ב- Bitcatcha, הדפדפן שלך (Firefox, Safari, Chrome וכו ‘) פותח שיחה עם שרת האינטרנט שלי.

דפדפן: “היי שרת אינטרנט! אתה יכול להביא לי את כל הקטעים כדי להציג את Bitcatcha.com בבקשה? “

שרת: “בטח, תן לי למצוא אותם ולשלוח אותם לרוחב”.

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

נשמע די פשוט, אבל הנה מה שתאט את הדברים:

  • שרת עצלן שלוקח גילאים להגיב לבקשות.
  • שרת שמנהל במקביל חלקים להרבה אתרים אחרים.
  • המון אתרים ‘חלקים’ גדולים שיש למצוא כל אחד מהם ולשלוח אותו במנהרה.
  • מנהרה עמוסה.

יש כאן הרבה שיכול להשתבש. אז איך מאיצים את הדברים?

להאיץ את האתר שלך

חלק 1: הפוך את השרת שלך למהיר יותר

1. שדרג למארח אינטרנט טוב יותר (כלומר, שרת טוב יותר)

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

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

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

פתק

עיין ברשימת האירוח המהירה ביותר שלנו על סמך זמן התגובה של השרת שלהם.

2. לעבור מאירוח משותף ל- VPS

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

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

על ידי מעבר ל VPS (שרת פרטי וירטואלי) או (לפחות שרת משותף ברמה גבוהה כמו SiteGround), מארח האינטרנט שלך יגדר פינת שרת משותף בדיוק בשבילך. זה אומר שאתה לא צריך לדאוג שאתרים אחרים יגזלו את המשאבים שלך.

3. קירב את השרת קרוב יותר לקהל שלך

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

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

4. השתמש ברשת אספקת תוכן

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

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

המשמעות היא שהמבקרים שלך משיגים מהירות סופר מהירה בכל מקום שהם נמצאים בעולם. (לעיונך, אני משתמש ב- Cloudflare כאן ב- Bitcatcha.)

5. הפעל את ההגדרה ‘המשך בחיים’

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

ברור שהדרך היעילה ביותר לעשות זאת היא לשלוח את כולם באותה מנהרה גדולה.

זה המקום בו נכנסת ההגדרה ‘להמשיך לחיות’. כשהיא מופעלת, המנהרה הראשית נשארת על הכל והכל יורד באותו חיבור. (זה סופר מהיר).

אבל כשההגדרה כבויה, יש ליצור מנהרה חדשה עבור כל אלמנט. (זה סופר איטי).

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

חלק 2: אופטימיזציה של רכיבי האתר

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

6. צמצמו את זמן הנסיעה הלוך ושוב (RTT)

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

הזמן שלוקח לקבלו הוא הלוך ושוב.

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

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

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

7. אפשר דחיסה באתר האינטרנט שלך

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

למזלך, אתה יכול לדחוס את האתר שלך, ואת כל מה שיש בו. באמצעות כלי כמו Gzip. (זה מוכר על ידי 90% מהדפדפנים. – זה כמעט כולם, פרט לכמה מקשדושים שעדיין משתמשים ב- Internet Explorer 4.)

החלקים החלקים ביותר באתר שלך הם התמונות, HTML, CSS ו- Javascript. על ידי דחיסתם, תוכלו להפחית את ‘המשקל’ הממוצע של האתר שלכם בזמן שהוא מעביר.

עובדה מהנה

המשקל הממוצע של אתר אינטרנט הוא 2MB, אך הוא הולך וגדל מדי שנה.

8. בצע אופטימיזציה לתמונות שלך

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

התחל על ידי חתוך אותם לגודל המדויק שאתה זקוק להם. אל תעלה תמונות אדירות ופילג אותן ב HTML. פשוט העלה אותם בגודל המתאים.

כמו כן, דחוס את התמונות שלך לפני העלאתן. אם אתה משתמש בוורדפרס, תוספים כמו WP Smush עשויים לקצץ את גודל התמונה בשיעור של 80% גדולים!

9. … או להכין שודדים

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

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

10. חתוך את הקוד שלך

HTML צפוף וכבד. זה גם חוזר על עצמו בצורה מדהימה. CSS מעט יותר יעיל, אבל הרבה מיותר.

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

אם אתה משתמש בתבנית מ- WordPress, Tumblr וכו ‘, כנראה שיש המון קוד שאתה לא משתמש בו. תבניות אלה מוגדרות כך שתתן לך המון אפשרויות לפונקציונליות. אבל רובנו לא צריכים את הכל.

היו חסרי רחמים!

11. הסר התקנת תוספים חסרי תועלת (WordPress)

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

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

אם אינך משתמש בזה, כבה אותו.

12. צמצם הפניות מחדש

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

חלק 3: תוספות בונוס

13. צמצם בדיקות DNS

ישנו חלק אחד בתהליך שעוד לא דיברנו עליו. זה קורה ממש מההתחלה.

לפני שהדפדפן שלך מתחיל את השיחה עם השרת, עליו למצוא את מיקום השרת (על ידי מציאת כתובת ה- IP שלו). זה כמו לחפש את מספר השרת בספר הטלפונים. זה לוקח קצת זמן. (בדרך כלל 20-120 אלפיות השנייה).

זה לוקח אפילו יותר זמן אם ישנם שמות מתחם מרובים המשויכים לאתר שלך. דוגמאות נפוצות כוללות: blog.yourwebsite.com, או תחומים נוספים לתמונות, גיליונות סגנונות ואובייקי פלאש.

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

14. מטמון דפדפן

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

זה מה שמטמון. פירוש הדבר שהדפדפן שלך ‘זוכר’ את האתר. כשאתה טוען את זה בפעם השנייה, זה מהיר מאוד.

פו! זה היה פוסט ארוך יותר מהרגיל, אבל אני חושב שזה היה שווה את זה.

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

זה אומר מבקרים שמחים. וזה אומר יותר מכירות.

מדריך מהירות וורדפרס

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

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me