תומר דוד – ללמוד להצליח

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

יש חמישה פרמטרים עבור ביצועים מהירים יותר באתר האינטרנט:

1. ביצועי השרת – היכולת של חברת איחסון האתרים לספק רוחב פס ומשאבים לאתר שצריך לבצע פעולות במהירות וביעילות. חברת איחסון האתרים היא גורם משמעותי בביצועי האתר.

2. Server proccessing – חל על אתר אינטרנט דינאמי שנבנה בשפת צד שרת (ASP, ASP.NET, PHP) או על כל קוד באינטרנט שמעובד בשרת לפני שנפלט למשתמש.

3. הורדה – הזמן שלוקח להוריד את כל קוד המקור (SOURCE), תמונות ועוד מהאתר לדפדפן של המשתמש. הסכום הכולל של בתים של כל האובייקטים ביחד משפיע על המהירות שהאתר נטען.

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

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

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

2. כתיבת קוד יעיל. לנסות ולייעל כל שורת קוד שלא נחוצה. כל שורת קוד שלא נחוצה להסביר מדף הסקריפטים כמו כן מספריות JAVASCRIPT, ספריות AJAX, ומסמכי CSS. אם יש לך אתר אינטרנט דינאמי שיוצר דפים דרך PHP, JS או שפת צד שרת אחרת הימנע מקוד לא נחוץ שגורם לפעולות על השרת. קוד סטטי שפשוט נשלח לדפדפן יותר יעיל מקוד שפת צד שרת שחייב עיבוד בשרת לפני שנשלח לדפדפן המשתמש. כל פעולה שהשרת צריך לעשות יכול לגרום לעיכובים ודחיות בהצגת האתר.

3. הפרט קבצי CSS חיצוניים, AJAX / JavaScript כדי לצמצם בקשות לשרת. כל קובץ אובייקט או קובץ מייצר בקשה לשרת. רישום סקריפט ו-20 תמונות יהיו 21 בקשות לשרת. כל בקשת שרת גורמת עיכובים ומגדילה את הסיכוי לאיטיות. כל אובייקט שיש לו בעיות או שגיאות יגרום להאטה בדפדפנים. עם מספר גדול של בקשות לשרת היציבות נפגעת.

4. המנע מבקשות מיותר למסדי הנתונים – אם משהו לא השתנה ולא ישתנה, לדוגמא רשימת ערים. אין טעם למשוך את הנתונים ממסד הנתונים ולהציגו באתר. השתמש ברשימת ערים סטטית ותחסוך את הבקשה למסד הנתונים. מסדי נתונים ובקשות אליהם גורמים לעיכובים עכב הוספת בקשה לשרת. אם יש למיין המון נתונים וודא כי כל בקשת SQL נכתבת ביעילות. הרבה יותר להשתמש ב- JOIN מאשר לייצר שתי בקשות נפרדות. עוד נקודה שצריך להוסיף היא אף פעם לא למשוך יותר נתונים ממה שצריך לדוגמא: הרבה יותר יעיל לכתוב SELECT first_name,last_name FROM table מאשר: SELECT * FROM table.

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

6. ודא כי כל תמונה מותאמת במיוחד לגודל הקובץ הקטן ביותר. שימוש חוזר בתמונות קיימות בכל מקום שתוכל. תמונות נשמרות במטמון של הדפדפנים, כלומר, הם נשמרים בזיכרון כך שבפעם הבאה שהם ביקשו, הם כבר מתגוררים אצל הדפדפן (במחשב המשתמש) ולא צריך להוריד. לא בגודל מחדש תמונות באמצעות HTML. שינוי גודל תמונה באמצעות עורך התמונה ולהציג אותם בגודל האמיתי שלהם. רוחב שימוש ותכונות גובה בקוד כדי להציג תמונות באמצעות הגודל שלהם בפועל. שינוי גודל תמונות באמצעות HTML אינו יעיל. גם אם אתה מחדש גודל תמונה 100k כי הוא 400 פיקסלים לרוחב על ידי 40 פיקסלים רחב עד 100 פיקסלים על ידי 100 פיקסלים, אתה עדיין צריך להוריד קובץ 100k. גודל תקין עם עורך יהיה להקטין את גודל הקובץ. הכרזה ממדי באמצעות רוחב תכונות גובה מסייע בדפדפן כדי לשמור על המרחב הדרוש התמונה ולא יצטרכו לעבד מחדש את הדף כדי לפנות מקום לתמונה.

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

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

9. עבור עיבוד מהיר ותאימות במגוון דפדפנים, קוד HTML / XHTML חייב להיות מאומת. תקינות אפשר לבדוק דרך validator W3C. לתקן את כל השגיאות המזוהים. דפדפנים מודרניים הם טובים מאוד לתקן טעויות כאשר הם הופכים דף, אבל לתקן בעיות אלה יכולים להאט את תהליך עיבוד. בנוסף, ישנם שני מנועי עיבוד ברוב הדפדפנים. אם הדפדפן מגשש עם הקוד, זה בוררים מן הסטנדרטים מצב למצב המוזרויות rendering engine, אשר לפעמים עושה דברים מוזרים.

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

כלי טוב שאפשר להשתמש כדי להעריך במהירות את משקל הדף הוא WebSiteOptimization.com. כלי זה מפיק דו"ח ובו פירוט של כל בקשות לשרת של הדף, את גודל כל קובץ, ומעריך את זמני ההורדה עבור דף עבור מגוון של מהירויות חיבור שונות. ככלל, בקשות שרת סה"כ צריך להיות כל הזמן תחת 20. אני מעדיף לשמור על משקל הדף הכולל עבור כל דף ב פחות מ 150K בתים. אם אתה יכול להשיג את משקל הדף תחת 100k, זה אפילו טוב יותר.

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