w3c

דצמ 28 2008

קידום האתר – איך מזרזים את עליית הדפים

חשיבות מהירות ההופעה לקידום האתר

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

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

העיכובים בהצגת התוכן יכולים להיות בכמה צווארי בקבוק שאנשי קידום אתרים אמורים להכיר אותם לעומקם כשהבולטים שבהם הם:

  1. יכולת עיבוד ויצירת הדף על גבי השרת, פרמטר שרלוונטי לדפים דינמיים.
  2. גודל החומר המועבר כנגזר ממשקל הדף והמדיה המצורפת לו.
  3. העיבוד על גבי הדפדפן (כמו של JavaScript וכדו').

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

  1. פיזור התוכן על כמה שרתים. אם האימיג'ים המוטמעים בעמוד "יושבים" על שרת אחר הדבר יכול לעזור להקל על השרת ולהקטין את מספר החיבורים אליו שהרי התוכן יורד בו זמנית ברוב המקרים. בשיטה זו עדיף להשתמש רק לגבי קבצים גדולים יותר מכיון שגם הגישה לשרת הנוסף לוקחת זמן.
  2. דבר נוסף שיכול להוות משאבת זמן הוא הקישורים השגויים, נסיון לשאוב תמונה שלא קיימת יכולה להאט מאוד את קצב עליית הדף כולו. ניתן לבדוק זאת גם בכלי הבדיקה של W3C אך שם מתקבלות תוצאות מפורטות מידי שיכולות להכביד על משתמשים בלתי מנוסים, בדיקה נוחה יותר ניתן לקבל כאן כשבמקביל ניתן לקבל גם הצגה ויזואלית של זמן עליית הקבצים המוטמעים בעמוד.
  3. בדיקה של זמני עלית הקבצים ניתן לקבל גם כאן אך גם בשימוש בתוסף FireBug לFireFox שמהווה כלי חשוב למפתחי אתרים כיון שהוא מאפשר גם לערוך שינויים בקוד אתר (או אף ה CSS) ולצפות בהשפעותיהם מיידית.
  4. הגדרת גובה ורוחב אלמנטים בעמוד יכולים לקצר את זמן ההעלאה ולאפשר לדפדפן להשאיר מקום ריק ולמלא אותו בתוכן המבוקש לאחר מכן. בהעדר פרמטרים אלו הדפדפן עלול להמתין להורדת תוכן ה img לפני שהוא ממשיך לבנות את שאר העמוד.
  5. כמה שפחות וידג'טים. Widgets יכולים להיות מאוד שימושיים ויעילים אך בסופו של דבר אם הם מאיטים את מהירות העלאת האתר וגורמים לגולשים לברוח ממנו, יצא שכרם בהפסדם.
  6. הפיכת דפים דינמיים לדפים סטטיים על ידי יצירת cach של העמוד. ישנם כלים ייעודיים לשפות שונות כמו PHP, ASP ועוד אבל גם עבור יישומים שונים כמו וורדפרס ישנם תוספים שמייצרים דפים סטאטיים ומקצרים משמעותית את זמני העלאת העמוד. יש להזהר בשימוש בתוסף כיון שהוא יכול ליצור בעיות בעבודה עם קאפצ'ות ועוד אלמנטים דינמיים.
  7. CSS נקי ומכווץ יכול גם לקצר את זמן עליית העמוד, כלי טוב לכך הוא ה CSS Clean.
  8. שימוש חסכוני בעוגיות (cookies) משפיע לא רק על רוחב הפס של ה download אלא במקרים רבים חוסך גם upload שמהווה צוואר בקבוק בעייתי אף יותר.
  9. כדאי להיות מודעים לכך שקבצים רבים של js יכולים גם ליצור בעיה של זמן תגובה איטי, פתרון אחד יכול להיות איחוד של הקבצים אבל לא תמיד הוא האידיאלי ביותר.
  10. הצבת השרת קרוב למקום הגולש. חברות רבות וביניהן גם גוגל מפזרות שרתים ברחבי העולם ודואגים לכך שהגולש ישתמש בשירותי השרת הקרוב ביותר אליו, לא תמיד הפתרון האופטימלי ביותר הוא ריבוי שרתים כך שלגבי אתרים עם נפח פעילות נמוך יותר כדאי לבדוק מהיכן מגיעה רוב הפעילות שלהם ולמקם את השרתים בסמיכות לשם. שכירת שרת בארץ מהווה עדיין אופציה יקרה ולעיתים אף לא נוחה ויש לבחון אופציה זו בזהירות.
  11. אולי מיותר לומר, אבל אסור לשכוח לכווץ אובייקטים למשקל המינימאלי האפשרי שלהם.

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

לקריאה נוספת:

תגובה אחת

אוג 01 2008

פיירפוקס תומכים בקודק קוד פתוח Ogg

מאת נושאים כללי

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

אחד השיפורים בגרסאות הדפדפנים החדשות של מוזילה (פיירפוקס) ואופרה (ובהתעלם מהאקספלורר המיושן) הוא התמיכה בטיוטת תקן HTML5 המכיל בין השאר תגית <video> המאפשרת הטמעה של סרטונים ישירות בעמוד הHTML. כיום כל דפדפן תומך בכל תצורות התמונה המקובלות ואין צורך בתוספים יחודיים לשם כך, כך ניתן באבחת מקלדת להכניס תג <img> ולהטמיע אובייקטי jpeg, png ועוד. בתחום סירטוני הוידאו שורר אי סדר כך שקיימים כמה תצורות אפשריות לקידוד המדיה וכל אחת מצריכה שימוש בתוספים יחודיים בצד הלקוח כמו הקוויקטיים של אפל, הפלאש של אדובי והוינדווס מדיה של מייקרוסופט. אחד הרעיונות ב HTML5 הוא לאפשר קידוד אחיד שיאפשר לדפדפן לתמוך בו ללא תוספים, כך שיהיה ניתן להטמיע את הסרטונים על ידי תגית פשוטה ללא שימוש בהתקנים ו Java Script.

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

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

אין תגובות

יול 03 2008

תאימות דפדפנים

מאת נושאים קידום אתרים

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

עליה השימוש בפיירפוקס

רן יניב הרטשטיין, מתרגם וורדפרס בעברית המועסק גם בנענע, מדליף סטטיסטיקות מדהימות מתוך החדר פנימה. אתר לא תואם תקנים כמו nana10 מפסיד גולשים רבים, לטעמי רבים מאוד. אם באתרים הכתובים לפי התקן אנו רואים כי שיעור המשתמשים בדפדנים שאינם אקספלורר מגיע לעיתים לכדי עשרות אחוזים, נענע10 מחזיקים במספר המפוקפק 5% (העולה בהתמדה). גם אם ננטרל ארטיפקטים שונים הקשורים במאפיני התכנים המשפיעים על מאפיני הגולשים, עדיין נראה כי נענע מפסידה גולשים רבים. אולי היא יכולה להרשות לעצמה פריוילגיות שכאלו, לך אין!

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

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

2 תגובות

FireStats icon ‏מריץ FireStats‏